-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
63 lines (55 loc) · 3.29 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
<!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>Tasty Indeed Restaurant and Food Delivary Services | Tasty_Indeed.com</title>
<link rel="stylesheet" href="cards\tasty_style.css">
<link href="https://fonts.googleapis.com/css2?family=Staatliches&family=Ubuntu:wght@300&display=swap"
rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Bree+Serif&display=swap" rel="stylesheet">
</head>
<body>
<nav id="navbar">
<div id="logo">
<img src="tasty_indeed.png" alt="Tasty_Indeed.com">
</div>
<ul>
<li class="item"><a href="#">Home</a></li>
<li class="item"><a href="#">About Us</a></li>
<li class="item"><a href="#">Services</a></li>
<li class="item"><a href="#">Contact us</a></li>
<li class="item"><a href="#">Report issues</a></li>
</ul>
</nav>
<section id="home">
<h1 class="h-primary">Welcome to Tasty Indeed</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Veniam aut nisi animi. Ipsa aliquam pariatur,
accusamus vitae voluptas enim laudantium?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Veniam aut nisi animi. Ipsa aliquam pariatur,
accusamus vitae voluptas enim laudantium?</p>
<button class="btn">Order now</button>
</section>
<section class="services-container">
<h1 class="h-primary center">Our Services</h1>
<div id="services">
<div class="box">
<img src="cards/1.png" alt="Image loading" >
<h2 class="h-secondary center">Michelin Star Restaurant</h2>
<p class="center">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Minus minima ex accusantium ea quos unde aliquam. Totam placeat, saepe ullam odit cum eligendi nihil modi Lorem ipsum dolor, sit amet consectetur adipisicing elit. Molestiae deserunt aliquid ea placeat officiis iure tenetur quibusdam tempora. </p>
</div>
<div class="box">
<img src="cards/4th.png" alt="Image loading" height="1000px" width="500px">
<h2 class="h-secondary center">Food Delivery</h2>
<p class="center">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Minus minima ex accusantium ea quos unde aliquam. Totam placeat, saepe ullam odit cum eligendi nihil modi Lorem ipsum dolor, sit amet consectetur adipisicing elit. Molestiae deserunt aliquid ea placeat officiis iure tenetur quibusdam tempora. </p>
</div>
<div class="box">
<img src="cards/3.png" alt="Image loading">
<h2 class="h-secondary center">Food Catering</h2>
<p class="center">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Minus minima ex accusantium ea quos unde aliquam. Totam placeat, saepe ullam odit cum eligendi nihil modi Lorem ipsum dolor, sit amet consectetur adipisicing elit. Molestiae deserunt aliquid ea placeat officiis iure tenetur quibusdam tempora. </p>
</div>
</div>
</section>
</body>
</html>