Integration-css/vins.html at main · JeanLucHo/Integration-css · 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
138
139
140
141
142
143
144
145
146
147
148
149
<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="format-detection" content="telephone=no">
    <title>Leila Restaurant - Vins</title>
    <link rel="stylesheet" href="css/leila.css">
    <link rel="stylesheet" href="css/normalize.css">
    <link href="https://fonts.googleapis.com/css?family=Roboto+Slab:400,700|Roboto:400,400i,700" rel="stylesheet">
</head>
<body>
    <header class="page-vins">
        <div class="barre-haut">
        </div>
        <div class="left">
            <a href="https://twitter.com/?lang=en" target="_blank" class="pastille icone">&#xe900;</a>
            <a href="https://www.facebook.com/" target="_blank" class="pastille icone">&#xe901;</a>
        </div>
        <div class="right">
            <a href="#" class="pastille">En</a>
            <a href="#" class="pastille selected" >Fr</a>
        </div>
        <a href="index.html"><h4>Leila</h4></a>
        <h1 class="logo-vins">Vins</h1>
    </header>
    <div class="menu-vins-reserv">
        <a href="menu.html"> <div class="sprite sprite-icone-menu-gris"></div></a>
        <a href="vins.html"> <div class="sprite sprite-icone-vins-jaune"></div></a>
        <a href="#"> <div class="sprite sprite-icone-reservation-gris"></div></a>
    </div>

    <section class="section-menu-vins">
        <div>
            <div class="cardre-citation">
                <img src="images-et-polices-de-caracteres/images/vins-citation.png" alt="" class="image-menu">
                <p>Le vins est la partie intellectuelle d’un repas, les viandes et les </p>
                <p>légumes n’en sont que la partie matérielle.</p>
                <p class="signature">- Alexandre Dumas</p>
            </div>
            <div class="barre-de-recherche">
                Recherche :
                <input type="text" name="recherche" class="carré-recherche">
            </div>
        </div>
        <h2 class="uppercase"><code>Vins effervescents</code></h2>
        <ul class="is-no-padding">
            <li class="menu-vins-titre">
                <span>Cidre Mousseux</span>
            </li>
            <li class="dot-leader">
                <span class="dot-leader__left-vins">
                    <span class="droit">[Québec, 2012]</span> Récolte Michel Jodoin</span>
                <span class="dot-leader__right">45</span>
            </li>
            <li class="menu-vins-titre">
                <span>Cava Brut</span>
            </li>
            <li class="dot-leader">
                <span class="dot-leader__left-vins">
                    <span class="droit">[Espagne, 2010]</span> 1312, Mestres</span>
                <span class="dot-leader__right">50</span>
            </li>
            <li class="menu-vins-titre">
                <span>Champagne Brut Nature</span>
            </li>
            <li class="dot-leader">
                <span class="dot-leader__left-vins">
                    <span class="droit">[France, 2006]</span> 1er Cru Vertus, Blanc de Blancs, Pascal Doquet</span>
                <span class="dot-leader__right">115</span>
            </li>
        </ul>
        <h2 class="uppercase"><code>Vins Blancs</code></h2>
        <ul class="is-no-padding">
            <li class="menu-vins-titre">
                <span>Muscadet Sèvre et Maine</span>
            </li>
            <li class="dot-leader">
                <span class="dot-leader__left-vins">
                    <span class="droit">[France, 2013]</span> Vincent Caillé</span>
                <span class="dot-leader__right">50</span>
            </li>
            <li class="menu-vins-titre">
                <span>Saint-Foy Bordeaux Blanc</span>
            </li>
            <li class="dot-leader">
                <span class="dot-leader__left-vins">
                    <span class="droit">[France, 2012]</span> Château les Mangons</span>
                <span class="dot-leader__right">54</span>
            </li>
            <li class="menu-vins-titre">
                <span>Burgenland, Grüner Veltliner</span>
            </li>
            <li class="dot-leader">
                <span class="dot-leader__left-vins">
                    <span class="droit">[Autriche, 2013]</span> Meinklang</span>
                <span class="dot-leader__right">63</span>
            </li>
        </ul>

        <h2 class="uppercase"><code>Vins Rouges</code></h2>
        <ul class="is-no-padding">
            <li class="menu-vins-titre">
                <span>Côtes du Rhône, Cuvée Tradition</span>
            </li>
            <li class="dot-leader">
                <span class="dot-leader__left-vins">
                    <span class="droit">[France, 2011]</span> Domaine les Hautes Cances</span>
                <span class="dot-leader__right">50</span>
            </li>
            <li class="menu-vins-titre">
                <span>Monferrato Dolcetto, Le Taragne</span>
            </li>
            <li class="dot-leader">
                <span class="dot-leader__left-vins">
                    <span class="droit">[Italie, 2006]</span> Ezio Trinchero</span>
                <span class="dot-leader__right">82</span>
            </li>
            <li class="menu-vins-titre">
                <span>Anjou, L'Enfant Terrible</span>
            </li>

            <li class="dot-leader">
                <span class="dot-leader__left-vins">
                    <span class="droit">[France, 2010]</span> Nicolas Reau</span>
                <span class="dot-leader__right">89</span>
            </li>
            <li class="menu-vins-titre">
                <span>Marsannay, Trois Terres</span>
            </li>
            <li class="dot-leader">
                <span class="dot-leader__left-vins">
                    <span class="droit">[France, 2011]</span> Domaine Jean Fournier</span>
                <span class="dot-leader__right">130</span>
            </li>
        </ul>
    </section>
    <footer>
            <section class="section-footer">
                <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2796.0575961459936!2d-73.5565211840673!3d45.
                508919179101454!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4cc91a54035c0dcb%3A0xbb39ebddff5d483!2sMontreal
                +City+Hall!5e0!3m2!1sen!2sca!4v1544494390059"
                width="100%" height="100%" frameborder="0" style="border:0" allowfullscreen></iframe>
                <p class="address">275, rue Notre-Dame est, Montréal, Québec <span class="numéro">(514) 872-0311</span></p>
            </section>
        </footer>
    </body>

</html>