-
Notifications
You must be signed in to change notification settings - Fork 0
/
reviews.html
101 lines (101 loc) · 5.35 KB
/
reviews.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
<!DOCTYPE html>
<html lang="en">
<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">
<link rel = "icon" href = "./images/soup.png" type = "image/x-icon" >
<link rel="stylesheet" href="./reviews.css" media="only screen and (min-width: 992px)">
<link rel="stylesheet" href="./reviews_mob.css" media="only screen and (max-width: 600px)">
<link rel="stylesheet" href="./reviews_tab.css" media="only screen and (min-width: 600px) and (max-width: 992px)">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;400&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Allura&display=swap" rel="stylesheet">
<script src="https://kit.fontawesome.com/eaa125d38f.js" crossorigin="anonymous"></script>
<title>Appetizer</title>
</head>
<body>
<div class="navbar">
<div class="main">
<a href="#header"><img src="./images/soup.png" alt="logo"></a>
<div class="burger"><i class="fas fa-bars fa-2x"></i></div>
<div class="times"><i class="fas fa-times fa-2x"></i></div>
</div>
<ul class="menu">
<li><a href="./index.html">Home</a></li>
<li><a href="./about.html">About</a></li>
<li><a href="./locations.html">Locations</a></li>
<li><a href="#header" class="active">Reviews</a></li>
</ul>
</div>
<div id="header">
<div class="nav">
<img src="./images/soup.png" alt="logo">
<div class="side">
<ul>
<li><a href="./index.html">Welcome</a></li>
<li><a href="./about.html">About</a></li>
<li><a href="./locations.html">Locations</a></li>
<li><a href="#header"class="active" >Reviews</a></li>
</ul>
<button class="primary-btn">Reservations</button>
</div>
</div>
<div class="hero">
<div class="front">
<h1><span class="thin">Latest </span><span style="font-weight: bold;">Reviews</span></h1>
<p>Look what people have to say.</p>
</div>
</div>
</div>
<div class="reviews">
<div class="review">
<img src="./images/aiony-haust-3TLl_97HNJo-unsplash.jpg" alt="">
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quaerat, eius vero fugit facilis mollitia beatae molestias aspernatur illo ex error ipsa qui adipisci sint ducimus quas culpa at animi blanditiis.</p>
</div>
<div class="review">
<img src="./images/michael-dam-mEZ3PoFGs_k-unsplash.jpg" alt="">
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quaerat, eius vero fugit facilis mollitia beatae molestias aspernatur illo ex error ipsa qui adipisci sint ducimus quas culpa at animi blanditiis.</p>
</div>
<div class="review">
<img src="./images/ian-dooley-d1UPkiFd04A-unsplash.jpg" alt="">
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quaerat, eius vero fugit facilis mollitia beatae molestias aspernatur illo ex error ipsa qui adipisci sint ducimus quas culpa at animi blanditiis.</p>
</div>
</div>
<!-- <div class="contact">
<div class="contact-info">
<h2><span>get </span>in touch</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni quas illum quidem at officia ipsum veniam dicta repellat voluptatibus odio!</p>
<div class="img"></div>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Minima, quia. A eveniet praesentium fuga omnis illum facere repudiandae provident quam possimus quaerat ratione eligendi soluta eos aliquam amet numquam autem aliquid quos nihil eius officia porro nisi, nesciunt excepturi. Deleniti reprehenderit delectus ipsa non fugit, libero natus consequuntur cum possimus. Totam iusto quae animi perferendis atque accusamus quibusdam cumque tempore!</p>
</div> -->
<!-- <div class="contact-form">
<h2><span>Mail</span> Us</h2>
<form action="">
<label for="name">Name</label>
<input type="text" name="name" id="name">
<label for="email">E-Mail</label>
<input type="email" name="email" id="email">
<label for="subject">Subject</label>
<input type="text" name="subject" id="subject">
<label for="message">Message</label>
<textarea name="message" id="message" cols="30" rows="10"></textarea>
</form>
</div>
</div> -->
<div class="footer">
<p>© Appetizer Restaurant</p>
<div>
<ul>
<li><a href="">Welcome</a></li>
<li><a href="">Reservations</a></li>
<li><a href="">Locations</a></li>
</ul>
</div>
</div>
</div>
</div>
<script src="./index.js"></script>
</body>
</html>