-
Notifications
You must be signed in to change notification settings - Fork 0
/
Restaurants.html
166 lines (140 loc) · 13.7 KB
/
Restaurants.html
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
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
<!DOCTYPE html>
<html>
<head>
<!--------TITRE -------------------------->
- <title>TROPICAL KEBAB</title>
<!------LINK CSS-------------------------->
<link rel="stylesheet" href="./style.css">
<!-------------------FONT AWSOME CDN ---------------------------------------->
<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css" integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin="anonymous"/>
<!-------------------BOOTSTRAP 4 CSS------------------------------------------------>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous"><link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous"><link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous"><link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous"><link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous"><link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous"><link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous"><link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous"><link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous"><link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
<!----------Viewport controle de mise en page sur navigateur mobile --------->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-------------Lire -->
<!----CDN Javascript JQUERY--------------------------------------------------->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<!--------------------------BOOTSTRAP JAVASCRIPT ------------------->
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>
<!---CDN Javascript poppser -------------------------------------->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<!-- Custom Fonts -->
<link href="assets/font-awesome-4.1.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="assets/css/pe-icons.css" rel="stylesheet">
</head>
<body>
<!---nav de bootstrap/navbar-dark/------------------------------------------------------------------------------->
<nav class="navbar navbar-dark navbar-expand-lg fixed-top">
<div class="container"> <!----------------------------Container Navbar------------------------------------------------------------------------------->
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#Navbar">
<span class="fas fa-bars fa-lg"></span>
</button>
<!-- Image and text -->
<a class="navbar-brand" href="#">
<img src="./img/Kebab.png" width="50" height="50" class="d-flex align-top " alt="">
<a class</a>
<div class="collapse navbar-collapse" id="Navbar">
<ul class="navbar-nav mr-auto">
<li class="nav-item active"><a class="nav-link" href="./index.html"><span class="fa fa-home fa-lg"></span> Accueil</a></li>
<li class="nav-item"><a class="nav-link" href="./Information.html"><span class="fa fa-info fa-lg"></span> Informations</a></li>
<li class="nav-item"><a class="nav-link" href="./Menu.html"><span class="fas fa-hamburger fa-lg"></span> Menu</a></li>
<li class="nav-item"><a class="nav-link" href="#"><span class="fa fa-address-card fa-lg"></span> Contact</a></li>
<li class="nav-item"><a class="nav-link" href="./Restaurants.html"><span class="fas fa-store-alt fa-lg"></span> Restaurants</a></li>
</ul>
<!-- <span class="navbar-text">
<button type="button" class="btn btn btn-success" data-toggle="modal" data-target="#loginModal">
<span class="fa fa-sign-in"></span> Login</button>
</span>
</div> -->
</div>
</nav><!------------------------ End Nav ---------------------------------------------------->
<div class="container"><!--------------------Container Géneral ------------------------------->
<div class="row"><!---------------------ROW BOOTSTRAP ---------->
<div class="col"><!-----------Column bootstrap --------------->
<section class="dark-wrapper top-border-me opaqued parallax" data-parallax="scroll" data-image-src="assets/img/bg/bg4.jpg" data-speed="0.8">
<div class="section-inner">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center mb100">
<h2 class="section-heading">Nos <span class="theme-accent-color"> Restaurants</span> En France</h2>
<hr class="thin-hr">
<h3 class="section-subheading secondary-font">Ils sont chaud et vous attendent !</h3>
</div>
</div>
</div>
<div class="wow fadeIn" data-wow-delay="0.2s">
<div class="container">
<div class="row">
<div class="col-xs-12" role="tabpanel">
<div class="text-center">
<!-- Nav tabs -->
<ul class="nav nav-justified icon-tabs" id="nav-tabs" role="tablist">
<li role="presentation" class="active">
<a href="#dustin" aria-controls="dustin" role="tab" data-toggle="tab">
<span class="tabtitle heading-font theme-accent-color">Paris</span>
<span class="tabtitle small"><p class="lead">15 rue jean macet Paris 75006</p></span>
</a>
</li>
<li role="presentation" class="">
<a href="#daksh" aria-controls="daksh" role="tab" data-toggle="tab">
<span class="tabtitle heading-font theme-accent-color">Marseille</span>
<span class="tabtitle small"><p class="lead">12 avenue de la révolution </p></span>
</a>
</li>
<li role="presentation" class="">
<a href="#anna" aria-controls="anna" role="tab" data-toggle="tab">
<span class="tabtitle heading-font theme-accent-color">Toulouse</span>
<span class="tabtitle small"><p class="lead">69 Boulevard Jouvence</p></span>
</a>
</li>
<li role="presentation" class="">
<a href="#wafer" aria-controls="wafer" role="tab" data-toggle="tab">
<span class="tabtitle heading-font theme-accent-color">Renne</span>
<span class="tabtitle small"><p class="lead">45 rue du 14 juillet 1789</p></span>
</a>
</li>
</ul>
</div>
<div class="mt60">
<!-- Tab panes -->
<div class="tab-content" id="tabs-collapse">
<div role="tabpanel" class="tab-pane fade in active" id="dustin">
<div class="tab-inner">
<h2 class="secondary-font mb30">Every Tuesday we offer the best steaks for all you meat lovers out there.</h2>
<p>Is post each that just leaf no. He connection interested so we an sympathize advantages. To said is it shed want do. Occasional middletons everything so to. Have spot part for his quit may. End sitting shewing who saw besides son musical adapted. Contrasted interested eat alteration pianoforte sympathize was. He families believed if no elegance interest surprise an. It abode wrong miles an so delay plate.</p>
</div>
</div>
<div role="tabpanel" class="tab-pane fade" id="daksh">
<div class="tab-inner">
<h2 class="secondary-font mb30">Like something spicy, then this is for you!</h2>
<p>Is post each that just leaf no. He connection interested so we an sympathize advantages. To said is it shed want do. Occasional middletons everything so to. Have spot part for his quit may. End sitting shewing who saw besides son musical adapted. Contrasted interested eat alteration pianoforte sympathize was. He families believed if no elegance interest surprise an. It abode wrong miles an so delay plate.</p>
</div>
</div>
<div role="tabpanel" class="tab-pane fade" id="anna">
<div class="tab-inner">
<h2 class="secondary-font mb30">Who doesnt love a roast?</h2>
<p>Is post each that just leaf no. He connection interested so we an sympathize advantages. To said is it shed want do. Occasional middletons everything so to. Have spot part for his quit may. End sitting shewing who saw besides son musical adapted. Contrasted interested eat alteration pianoforte sympathize was. He families believed if no elegance interest surprise an. It abode wrong miles an so delay plate.</p>
</div>
</div>
<div role="tabpanel" class="tab-pane fade" id="wafer">
<div class="tab-inner">
<h2 class="secondary-font mb30">Try something new and our special event.</h2>
<p>Is post each that just leaf no. He connection interested so we an sympathize advantages. To said is it shed want do. Occasional middletons everything so to. Have spot part for his quit may. End sitting shewing who saw besides son musical adapted. Contrasted interested eat alteration pianoforte sympathize was. He families believed if no elegance interest surprise an. It abode wrong miles an so delay plate.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
</div>
<div class="row row-content">
</div>
</div>
</body>
<html>