-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
113 lines (101 loc) · 4.34 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
<!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>Speedzo-Fastest Delivery</title>
<link rel="stylesheet" href="style.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=Public+Sans:wght@300&display=swap" rel="stylesheet">
<link rel="icon" href="speedzo.png" type="image/png/gif">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
</head>
<body>
<div class="header">
<div class="navigation">
<nav>
<ul class="navimg">
<img src="speedzo.png" id="logo" alt="error loading image">
<ul class="navbar">
<li><a href="#">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="#Services">Services</a></li>
<li><a href="#cus">Contact Us</a></li>
</ul>
</ul>
</nav>
</div>
</div>
<div class="title">
<h1>Welcome To Speedzo!</h1>
<h2>The Fastest Food Delivery Service in India.</h2>
<h3 class="button">ORDER NOW</h3>
</div>
<main id="Services">
<h2>Services</h2>
<section>
<div>
<img class="mainimage" src="pizza.jpg" alt="error loading image">
<h3>Fast Foods</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ab dolorem unde doloribus, nihil minus saepe
facere excepturi voluptas? Maiores facilis, officia iure neque eos reiciendis. Quod adipisci,
consequuntur architecto modi id ipsum!
</p>
<h3 class="button" id="btn1">ORDER NOW</h3>
</div>
<div>
<img class="mainimage" src="veg.jpg" alt="error loading image">
<h3>Fresh Vegetables</h3>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Ab dolorem unde doloribus, nihil minus
saepe
facere excepturi voluptas? Maiores facilis, officia iure neque eos reiciendis. Quod adipisci,
consequuntur architecto modi id ipsum!
</p>
<h3 class="button" id="btn2">ORDER NOW</h3>
</div>
<div>
<img class="mainimage" src="fruits.jpg" alt="error loading image">
<h3>Fresh Fruits</h3>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Ab dolorem unde doloribus, nihil minus
saepe
facere excepturi voluptas? Maiores facilis, officia iure neque eos reiciendis. Quod adipisci,
consequuntur architecto modi id ipsum!
</p>
<h3 class="button" id="btn3">ORDER NOW</h3>
</div>
</section>
</main>
<div id="cus" class="contactus">
<h2>Contact Us</h2>
<section>
<form action="backend.php">
<h3>
We are always ready to help you!
</h3>
<div>
<input type="text" class="formcss" name="myname" placeholder="Name">
</div>
<div>
<input type="email" class="formcss" name="myemail" placeholder="[email protected]">
</div>
<div>
<input type="number"class="formcss" name="mycontact" placeholder="Contact Number">
</div>
<div>
<input type="submit" class="btnsm" value="Submit">
<input type="reset" class="btnsm" value="Reset">
</div>
</form>
</section>
</div>
<footer>
<h3>© Speedzo | All Rights Reserved</h3>
<p><i id="insta" class="bi bi-instagram"></i><i id="twitter" class="bi bi-twitter"></i><i id="facebook"
class="bi bi-facebook"></i><i id="whatsapp" class="bi bi-whatsapp"></i></p>
</footer>
</body>
</html>