-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
133 lines (115 loc) · 5.49 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="stylesheet" href="CSS/style.css">
<link rel="stylesheet" media="screen and (max-width:1100px)" href="CSS/phone.css">
<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=Bree+Serif&family=Roboto+Slab:wght@900&display=swap" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Restio</title>
</head>
<body>
<nav id="navbar">
<div id="logo">
<img src="img/food.jpg" alt="Logo">
</div>
<ul>
<li class="item"><a href="#">Home</a></li>
<li class="item"><a href="#">Services</a></li>
<li class="item"><a href="#">About Us</a></li>
<li class="item"><a href="#">Contact Us</a></li>
</ul>
</nav>
<div id="home">
<h1 class="h-primary">Welcome to Restio</h1>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Temporibus deserunt consequatur ab magnam.</p>
<p> Temporibus deserunt consequatur ab magnam.</p>
<button class="btn">Order Now</button>
</div>
<!-- Services Section -->
<section class="services-container">
<h1 class="h-primary center">Our Services</h1>
<div id="services">
<div class="box">
<img src="img/food3.jpg" alt="">
<h2 class="h-secondary center">Special Dishes</h2>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Hic unde quam explicabo incidunt repellendus, harum aliquid laborum, labore velit repellat </p>
</div>
<div class="box">
<img src="img/food_Background.jpg" alt="">
<h2 class="h-secondary center">Special Dishes</h2>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Hic unde quam explicabo incidunt repellendus, harum aliquid laborum, labore velit repellat </p>
</div>
<div class="box">
<img src="img/food11.jpg" alt="">
<h2 class="h-secondary center">Special Dishes</h2>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Hic unde quam explicabo incidunt repellendus, harum aliquid laborum, labore velit repellat </p>
</div>
</div>
<!-- THE WHOLE SERVICE DIVISION IS COMMENTED -->
<div id="services">
<div class="box">
<img src="img/food7.jpg" alt="">
<h2 class="h-secondary center">Special Dishes</h2>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Hic unde quam explicabo incidunt repellendus, harum aliquid laborum, labore velit repellat</p>
</div>
<div class="box">
<img src="img/foodImage.jpg" alt="">
<h2 class="h-secondary center">Special Dishes</h2>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Hic unde quam explicabo incidunt repellendus, harum aliquid laborum, labore velit repellat</p>
</div>
<div class="box">
<img src="img/food7.jpg" alt="">
<h2 class="h-secondary center">Special Dishes</h2>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Hic unde quam explicabo incidunt repellendus, harum aliquid laborum, labore velit repellat</p>
</div>
</div>
</section>
<!-- Client section -->
<section id="client-section">
<h1 class="h-primary center"> Our Clients</h1>
<div class="" id="clients">
<div class="client-item">
<img src="img/logo.png" alt="">
</div>
<div class="client-item">
<img src="img/logo1.png" alt="">
</div>
<div class="client-item">
<img src="img/logo2.png" alt="">
</div>
<!-- AMAZON LOGO COMMENTED -->
<!-- <div class="client-item">
<img src="img/logo3.png" alt="">
</div> -->
</div>
</section>
<!-- Section Contact Us -->
<section id="contact" >
<div class="contact-box">
<div class="contact-div">
<h1 class="h-primary center" >Contact Us</h1>
<form action="" class="action">
<div class="form-group">
<label for="name">Name: </label>
<input type="text" name="name" id="name" placeholder="Enter your name">
<label for="email">Email: </label>
<input type="text" name="email" id="email" placeholder="Enter your email">
<label for="phone">Phone: </label>
<input type="phone" name="name" id="name" placeholder="Enter your phone number">
<label for="message">Message:</label>
<textarea name="message" id="message" cols="20" rows="5" placeholder=""></textarea>
<button type="submit">Submit </button>
</div>
</form>
</div>
</div>
</section>
<footer class="center">
Copyright © www.restio.com All rights reserved!
</footer>
</body>
</html>