-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
132 lines (113 loc) · 5.62 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
<!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>food swipe</title>
<!--font awesome-->
<script src="https://kit.fontawesome.com/b8771431d1.js" crossorigin="anonymous"></script>
<!--favicon-->
<link rel="apple-touch-icon" sizes="180x180" href="fav/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="fav/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="fav/favicon-16x16.png">
<link rel="manifest" href="fav/site.webmanifest">
<!--google fonts-->
<link href="https://fonts.googleapis.com/css2?family=Baloo+Bhai+2:wght@600&family=Montserrat:wght@200&family=Ubuntu&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" media="screen and (max-width:1200px)" href="css/phone.css">
</head>
<body>
<nav id="navbar">
<div id="logo">
<img src="images/logo.png" alt="food swipe">
</div>
<ul>
<li class="item"><a href="#home">Home</a></li>
<li class="item"><a href="catogries.html">Order Now</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 Food Swipe</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ducimus, quam!</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ducimus, quam!</p>
<button type="button" onclick=location.href='catogries.html' class="btn">Order Now</button>
</section>
<section id="services-container">
<h1 class="h-primary center">Our services</h1>
<div id="services">
<div class="box">
<img src="images/1.png" alt="">
<h2 class="h-secondary center">Food ordering</h2>
<p class="center">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Cupiditate architecto recusandae, corporis sit aspernatur ipsam explicabo culpa animi iure iusto. Lorem ipsum dolor sit amet consectetur adipisicing elit. Reiciendis totam optio quo officiis quis facere libero voluptate praesentium amet delectus.</p>
</div>
<div class="box">
<img src="images/2.png" alt="">
<h2 class="h-secondary center">Fast delivery</h2>
<p class="center">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Cupiditate architecto recusandae, corporis sit aspernatur ipsam explicabo culpa animi iure iusto. Lorem ipsum dolor sit amet consectetur adipisicing elit. Provident optio voluptas error. Ut earum perspiciatis illum nam numquam. Repellat, dolore?</p>
</div>
<div class="box">
<img src="images/3.png" alt="">
<h2 class="h-secondary center">Premium quality</h2>
<p class="center">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Cupiditate architecto recusandae, corporis sit aspernatur ipsam explicabo culpa animi iure iusto. Lorem ipsum dolor sit amet consectetur adipisicing elit. Exercitationem aperiam placeat, cum esse blanditiis consequatur velit veritatis eum consectetur porro!</p>
</div>
</div>
</section>
<section id="client-section">
<h1 class="h-primary center" >Our Clients</h1>
<div id="clients">
<div class="client-item">
<img src="images/c1.png" alt="our clints">
</div>
<div class="client-item">
<img src="images/c2.png" alt="our clints">
</div>
<div class="client-item">
<img src="images/c3.png" alt="our clints">
</div>
<div class="client-item">
<img src="images/c4.png" alt="our clints">
</div>
</div>
</section>
<section id="contact">
<h1 class="h-primary center">Contact Us</h1>
<div id="contact-box">
<form action="">
<div class="form-group">
<lable for="name">Name:</lable>
<input type="text" name="name" id="name" placeholder="enter your name">
</lable>
</div>
<div class="form-group">
<lable for="name">Email:</lable>
<input type="email" name="name" id="email" placeholder="enter your email">
</lable>
</div>
<div class="form-group">
<lable for="name">Phone Number:</lable>
<input type="phone" name="name" id="phone" placeholder="enter your Phone Number">
</lable>
</div>
<div class="form-group">
<lable for="name">Message:</lable>
<textarea name="message" id="message" colons="50" rows="10"></textarea>
</lable>
</div>
</form>
</div>
</section>
<footer>
<div class="center">
copyright © www.FoodSwipe.com.All rights reserve
<p>© Copyright Ajay kumar</p>
<i class="social-icon fa-brands fa-facebook"></i>
<i class="social-icon fa-brands fa-twitter"></i>
<i class="social-icon fa-brands fa-instagram"></i>
<i class="social-icon fa-solid fa-envelope"></i>
</div>
</footer>
</body>
</html>