Entrainements/soluce1.htm at master · Ma6Tvacoder-Docs/Entrainements · 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>
    <head>
        <meta charset="utf-8">
        <meta name="viewport:" content="widht-device-width, inital-scale=1.0">
        <meta http-equiv="X-UA-Compatible:" content="ie=edge">
        <title>Entrainement - soluce 1</title>
        <link rel="stylesheet" href="style/style.css">
        <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Cormorant+Garamond" rel="stylesheet">
        <link rel="stylesheet" href="Entrainements\element\font-awesome-4.7.0\css\font-awesome.min.css">
    </head>
    <body>
        <header>
            <h2 class="titre">city guide - paris </h2>
            <hr>
            <h1 class="titre">Le Bilan</h1>
            <hr>
        </header>

        <nav>
            <ul>
                <li><a href="#salle">Salle -</a></li>
                <li><a href="#service">Service - </a></li>
                <li><a href="#dressage">Dressage - </a></li>
                <li><a href="#gout">Goût - </a></li>
            </ul>
        </nav>

        <section id="exemple">
            <div class="case-left">
                <img src="img/plate.jpg" alt="chaises">
            </div>
            <div class="case-right">
                <h3>Exemple de ligne</h3>
                <hr />
                <p>Merlu de ligne</p>
                <p>Carottes nouvelles</p>
                <p>Epices douces</p>
            </div>
            <div class="clear"></div>
        </section>

        <section id="salle">
            <div class="case-left txt1">
                <h2>La salle</h2>
                <hr />
                <p>Ambiance brute, table en bois ancien, béton ciré au sol. La salle lumineuse est trés agréable, elle est ouverte sur la cuisine. Au fond de la salle, une jolie table ronde à vue sur une rue sur un petit jardin parisien. A l'entrée un joli sol en carreaux de céramique, quelques plumes de paon et de bien jolies bouteilles anciennes...</p>
                <p>Le nombre des tables est limité, ce qui rend le restaurant trés appréciable, mais aussi trés prisé !</p>
                <span>La note
                    <i class="fa fa-star" aria-hidden="true"></i>
                    <i class="fa fa-star" aria-hidden="true"></i>
                    <i class="fa fa-star" aria-hidden="true"></i>
                    <i class="fa fa-star" aria-hidden="true"></i>
                    <i class="fa fa-star" aria-hidden="true"></i>
                </span>
            </div>
            <div class="case-right">
                <img src="img/restaurent_01.jpg" alt="salle">
            </div>
            <div class="clear"></div>
        </section>

        <section id="service">
            <div class="case-left">
                <img src="img/restaurent_02.jpg" alt="restaurant">
            </div>
            <div class="case-right">
                <h2>Le service</h2>
                <hr />
                <p>Service toujours impeccable. L'ensemble de la table est servi rapidement, la corbeille de pain régulièrèment pleine, les serveurs expliquent le menu avec beaucoups d'attention et sont d'excellents conseils pour marier mets-vins.</p>
                <p>On reconnaît l'ensemble de l'équipe à leurs tabliers bleu.</p>
                <span>La note
                    <i class="fa fa-star" aria-hidden="true"></i>
                    <i class="fa fa-star" aria-hidden="true"></i>
                    <i class="fa fa-star" aria-hidden="true"></i>
                    <i class="fa fa-star" aria-hidden="true"></i>
                    <i class="fa fa-star" aria-hidden="true"></i>
                </span>
            </div>
            <div class="clear"></div>
        </section>
        <section id="dressage">
            <div class="case-left">
                <h2>Le dressage</h2>
                <hr />
                <p>Le dressage c'est un peu la marque de fabrique du chef, avec la cuisine biensûr. Ses plats sont de vrais petits tableaux de maître. Une belle recherche dans les formes et couleurs très agréable visuellement.</p>
                <span>La note
                    <i class="fa fa-star" aria-hidden="true"></i>
                    <i class="fa fa-star" aria-hidden="true"></i>
                    <i class="fa fa-star" aria-hidden="true"></i>
                    <i class="fa fa-star" aria-hidden="true"></i>
                    <i class="fa fa-star-half-o" aria-hidden="true"></i>
                </span>
            </div>
            <div class="case-right">
                <img src="img/restaurent_03.jpg" alt="assiettes">
            </div>
            <div class="clear"></div>
        </section>

        <section id="gout">
            <div class="case-left">
                <img src="img/restaurent_04.jpg" alt="poisson">
            </div>
            <div class="case-right text-right">
                <h2>Le goût</h2>
                <hr />
                <p>Last but not least, le goût. C'est le point le plus important, et tellement bien ajusté ici. Les papilles voltent et virevoltent au rythme des saveurs si justes, des cuissons si parfaitement maîtrisées.</p>
                <p>Chaque plat, chaque association, rien n'est laissé au hasard, de l'élément principal à la toute petite feuille d'herbe délicatement posée sur le dessus du plat. Emerveillement des sens et frénésie de créativité sont au rendez-vous.</p>
                <span>La note
                    <i class="fa fa-star" aria-hidden="true"></i>
                    <i class="fa fa-star" aria-hidden="true"></i>
                    <i class="fa fa-star" aria-hidden="true"></i>
                    <i class="fa fa-star-half-o" aria-hidden="true">
                    <i class="fa fa-star-o" aria-hidden="true"></i>
                </span>
            </div>
            <div class="clear"></div>
        </section>


        <footer>
            <h5 class="titre">city gide</h5>
            <hr />
            <h3 class="titre">septime</h3>
            <hr />
            <p>30 rue de Charonne - 75013 Paris</p>
            <p>01 43 67 38 29</p>
            <em>Lundi soir - Mardi à Vendredi midi & soir</em>
        </footer>


    </body>
</html>