-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
66 lines (63 loc) · 2.95 KB
/
index.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
<!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">
<title>Café Roua | Accueil</title>
<link rel="stylesheet" href="/css/style.css">
<link rel="stylesheet" media="only screen and (max-width: 500px)" href="/css/style.mobile.css">
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700&display=swap" rel="stylesheet">
<script src="https://kit.fontawesome.com/4e855cac99.js" crossorigin="anonymous"></script>
<link rel="icon" href="https://www.google.com/s2/u/0/favicons?domain=css-tricks.com" type="image/png">
</head>
<body>
<header class="header">
<nav>
<h1>
<a href="/index.html">Roua's Coffee</a>
</h1>
<ul>
<li><a class="active" href="./index.html">Welcome</a></li>
<li><a href="./where.html">Find us</a></li>
<li><a href="./contact.html">Contact</a></li>
</ul>
</nav>
</header>
<section class="vp">
<div class="vp-content">
<h1>Welcome To Our Coffee</h1>
<div class="separator"></div>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Perferendis nobis quam rerum reprehenderit magni sint esse inventore dolorem perspiciatis reiciendis harum obcaecati sunt cupiditate consequuntur at rem, iusto assumenda vero ducimus eaque recusandae beatae non ipsa. Repellat esse vero illo?</p>
<a href="./where.html" class="btn btn-primary my-10">Explore</a>
</div>
</section>
<section class="features">
<div class="container">
<div class="feature">
<i class="fa-sharp fa-solid fa-mug-saucer fa-2x"></i>
<h2>A new coffee every day</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsum fugit odit quisquam incidunt architecto veritatis nesciunt animi odio magnam id.</p>
</div>
<div class="feature">
<i class="fa-sharp fa-solid fa-clock fa-2x"></i>
<h2>Open 24/7</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsum fugit odit quisquam incidunt architecto veritatis nesciunt animi odio magnam id.</p>
</div>
</div>
</section>
<div class="person"></div>
<section class="reservation">
<div class="container">
<h2>Book Now</h2>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Reprehenderit praesentium dicta neque ipsum quidem, animi laudantium?Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ducimus accusantium officia inventore magni. Delectus?</p>
<a href="./contact.html" class="btn btn-dark my-20">Book</a>
</div>
</section>
<footer>
<p>Copyright © --RK 2023</p>
</footer>
<!--Script-->
<script src="script.js"></script>
</body>
</html>