-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex2.html
105 lines (100 loc) · 4.62 KB
/
index2.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
<!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>Best Online Food Delivery Service in India | Jalebi.com </title>
<link rel="stylesheet" href="style2.css">
<link rel="stylesheet" media= "screen and (max-width: 1100px)" href="phone.css">
<link href="https://fonts.googleapis.com/css2?family=Baloo+Bhai+2&family=Bree+Serif&display=swap" rel="stylesheet">
</head>
<body>
<nav id="navbar">
<div id="logo">
<img src="logo.png" alt="I'm jalebi">
</div>
<ul>
<li class="item"><a href="#home">Home</a></li>
<li class="item"><a href="#services">Services</a></li>
<li class="item"><a href="#client-section">Our Clients</a></li>
<li class="item"><a href="#contact">Contact us</a></li>
</ul>
</nav>
<section id="home">
<h1 class="h-primary">Welcome to Jalebi!</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Suscipit a animi iure, dolor quisquam ratione est
eius tempore saepe voluptatibus inventore cumque deleniti.</p>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Ducimus dignissimos, esse unde excepturi dolore
quia vel. Ipsum culpa nam magni!</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="pasta.jpg" alt="pasta">
<h2 class="h-secondary center">Food Catering</h2>
<p class="center">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptates laudantium nemo,
quis tenetur voluptatum eius aut amet obcaecati corrupti cumque libero? Praesentium explicabo,
mollitia nobis ut consequatur doloremque. Alias illum omnis vitae praesentium expedita.</p>
</div>
<div class="box">
<img src="spaghetti.jpg" alt="pasta">
<h2 class="h-secondary center">Food Ordering</h2>
<p class="center">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptates laudantium nemo,
quis tenetur voluptatum eius aut amet obcaecati corrupti cumque libero? Praesentium explicabo,
mollitia nobis ut consequatur doloremque. Alias illum omnis vitae praesentium expedita.</p>
</div>
<div class="box">
<img src="ice-cream.jpg" alt="pasta">
<h2 class="h-secondary center">Food serving</h2>
<p class="center">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptates laudantium nemo,
quis tenetur voluptatum eius aut amet obcaecati corrupti cumque libero? Praesentium explicabo,
mollitia nobis ut consequatur doloremque. Alias illum omnis vitae praesentium expedita.</p>
</div>
</div>
</section>
<section id="client-section">
<h1 class="h-primary center">Our Clients</h1>
<div id="clients">
<div class="class-items">
<img src="BMW.png" alt="bmw">
</div>
<div class="class-items">
<img src="swiggy.png" alt="bmw">
</div>
<div class="class-items">
<img src="coca.png" alt="bmw">
</div>
<div class="class-items">
<img src="tweet.png" alt="bmw">
</div>
</div>
</section>
<section id="contact">
<h1 class="h-primary center">Contact Us</h1>
<div id="contact-box">
<form action="">
<div class="form-group">
<label for="name">Name:</label>
<input type="text" name="name" id="name" placeholder="Enter your name">
</div>
<div class="form-group">
<label for="name">Email:</label>
<input type="email" name="name" id="email" placeholder="Enter your email">
</div>
<div class="form-group">
<label for="name">Phone Number:</label>
<input type="phone" name="name" id="phone " placeholder="Enter your phone">
</div>
</form>
</div>
</section>
<footer>
<div class="center">
copyright © www.Jalebi.com. All rights reserved!
</div>
</footer>
</body>
</html>