Group-Project/recipe-fr.html at master · Angus-Feng/Group-Project · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
<!DOCTYPE html>
<html lang="fr">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="author" content="Feng Han" />
    <title>Chez Feng | recette de la semaine</title>
    <!-- main css link -->
    <link rel="stylesheet" href="styles/main.css">
    <!-- favicon -->
    <link rel="shourtcut icon" type="image/png" href="images/cupcake.png" />
  </head>
  <body>
    <div class="container">
      <div id="info-panel">
        <p>275 Rue Lakeshore Road, Sainte-Anne-de-Bellevue, QC H9X 3L9</p>
        <p><span class="hidden">|</span>Chaque Jour 7AM - 6PM</p>
      </div>
      <!-- nav starts -->
      <nav id="nav">
        <div id="main-nav" class="hidden">
          <p><a href="index.html" class="logo-left">CHEZ FENG.</a></p>
          <ul class="uppercase" id="menu">
            <li><a href="shop-fr.html">Achetez maintenant</a></li>
            <li><a href="create-your-cake-fr.html">créez votre gâteau</a></li>
            <li><a href="recipe-fr.html">recette de la semaine</a></li>
            <li><a href="about-fr.html">à propos</a></li>
            <li><a href="contact-fr.html">nous contacter</a></li>
          </ul>
          <ul id="languages">
            <li><a href="recipe.html">EN</a></li>
            <li>|</li>
            <li><a href="recipe-fr.html">FR</a></li>
          </ul>
        </div>
        <div id="mobile-nav">
          <p><a href="index.html" class="logo-right">CHEZ FENG.</a></p>
          <i class="fas fa-bars"></i>
        </div>
      </nav>
      <!-- nav ends -->
      <header id="recipe-header" class="colored-header">
        <h1 class="uppercase">RECETTE de la SEMAINE</h1>
        <P class="uppercase">ESSAYEZ LA RECETTE DE FENG À LA MAISON</P>
      </header>
      <img class="zigzag-line" src="images/black-zig-zag.png" alt="Black zigzag." title="Black zigzag." />
      <!-- main start -->
      <main class="recipe-main">
          <div class="nav-recipe">
            <ul>
              <li><a href="recipe.html">Gâteau au Gromage</a></li>
              <li><a href="#">Gâteau au Chocolat </a></li>
              <li><a href="#">Macaron Citron </a> </li>
              <li><a href="#">Sablé Breton</a></li>
            </ul>
          </div>
          <br>
          <h1 class="recipe-name uppercase">Gâteau au Gromage</h1>

          <div class="recipe-intro">
              <p>Le Lorem Ipsum est simplement du faux texte employé dans la composition et la mise en page avant impression. Le Lorem Ipsum est le faux texte standard de l'imprimerie depuis les années 1500, quand un imprimeur anonyme assembla ensemble des morceaux de texte pour réaliser un livre spécimen de polices de texte.</p>
          </div>
          <br>
          <div class="recipe-detail">
            <img src="images//cheese-cake.jpg" alt="cheesecake" title="cheesecake" class="recipe-img">
            <div class="recipe-ingredient">
              <h3 class="ingredient-title">&blacksquare;&nbsp;&nbsp;&nbsp;Ingrédients</h3>
              <ul class="ingredient-list">
                <li>fromage à la crème 200g</li>
                <li>oeuf 2u</li>
                <li>crème 370g</li>
                <li>sucre 60g</li>
                <li>jus de citron 10g</li>
              </ul>
            </div>
          </div>
          <br>
          <br>
          <div id="recipe-button">
            <a href="#"><button class="button">READ MORE IN OUR INSTAGRAM!</button></a>
        </div>
          <br>
          <br>
      </main>
      <!-- main ends -->
      <!-- footer starts -->
      <footer id="footer">
        <div id="footer-wrapper">
          <div id="address">
            <span>Adresse</span>
            <address>
              <p>
                275 Rue Lakeshore Road<br />
                Sainte-Anne-de-Bellevue<br />
                QC H9X 3L9<br />
              </p>
            </address>
          </div>
          <div id="hours">
            <span>Les heures</span>
            <p>
              Lundi - Samedi : 7AM - 6PM<br />
              Dimanche : 7AM - 4PM
            </p>
          </div>
          <div id=contact>
            <span>Contact</span>
            <p>
              ActuallyIAmWebDev@ChezFeng.com<br />
              514 123 1234
            </p>
          </div>
          <div id="subscribe">
            <span>Recevez notre recette de la semaine!</span>
            <input type="text" placeholder="Enter your email" />
            <input class="uppercase button" type="submit" value="s'abonner" />
            <div id="social-icons">
              <i class="fab fa-facebook-square">
                <a href="#"></a>
              </i>
              <i class="fab fa-instagram-square">
                <a href="#"></a>
              </i>
              <i class="fab fa-twitter-square"></i>
              <a href="#"></a>
            </div>
          </div>
        </div>
        <div id="copyright">
          <p>Copyright 2021 &copy; Créé par l'équipe FEBM avec amour ❤️</p>
        </div>
      </footer>
      <!-- footer ends -->
    </div>
  </body>
</html>