-
Notifications
You must be signed in to change notification settings - Fork 0
/
food delivery project.html
141 lines (132 loc) · 5.8 KB
/
food delivery project.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
134
135
136
137
138
139
140
141
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Best food delivery services in Ranebennur|myonlinemeal.com</title>
<link rel="stylesheet" href="food delivery project.css">
<link rel="stylesheet" media="screen and (max-width:1170px)" href="food phone.css">
</head>
<body>
<nav id="navbar">
<div id="logo">
<img src="project2/logo11.png" alt="wait..." height="120px" width="120px">
</div>
<ul>
<li class="item"><a href="#home">Home</a></li>
<li class="item"><a href="#our-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 MyOnlineMeal</h1>
<p>Lorem olor sit amet consectetur, adipisicing elit. Eligendi sint, cumque impedit voluptate tempore earum sequi iusto molestiae minus vitae Lorem,ipsum dolor sit amet consectetur adipisicing elit. Odit rem </p>
<p>eius similique architecto molestias magnam.
usto molestiae minus vitae re</p>
<button class="btn">Order now</button>
</section>
<section id="our-services" class="service-container">
<h1 class="h-primary center">Our Services</h1>
<div id="services">
<div class="box">
<img src="project2/biryani6.png" alt="">
<h1 class="h-secondary center">Food Catering</h1>
<p class="center">Lorem ipsum dolor siisdolores velit modinesciunt cupiditate similique corporis lore
corrupti inventore atumolor sit amet consectetur adipisicing elit. Laudantium provident ullam,m.</p>
</div>
<div class="box">
<img src="project2/biryani5.png" alt="">
<h1 class="h-secondary center">Bulk Ordering</h1>
<p class="center"> Lorcorporis corrupti inventore, at commodi, quasLaudantium provident ullam, earum
error repellendus eius
pariatur optio, ab dolor nam m.</p>
</div>
<div class="box">
<img src="project2/delivery boy.png" alt="">
<h1 class="h-secondary center">Food Ordering</h1>
<p class="center">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ex soris corrupti inventore,
at commodi, quasi exercitationelo Lorem ipsum
dolor sit amet consectetur adipisic optio, ab dolor nam
laborum.</p>
</div>
</div>
</section>
<section id="client-section">
<h1 class="h-primary center">Our Clients</h1>
<div id="client">
<div class="client-item">
<img src="project2/logo111.png" alt="">
</div>
<div class="client-item">
<img src="project2/logo2.png" alt="">
</div>
<div class="client-item">
<img src="project2/logo3.png" alt="">
</div>
<div class="client-item">
<img src="project2/logo4.png" alt="">
</div>
</div>
</section>
<section id="contact">
<h1 class="h-primary center">Contact Us</h1>
<div id="contact-box">
<div class="address ">
<div class="address-head h-secondary center">Address:</div>
<div class="address-content"> #47 <br>
Beereshwar Nagar 1st Cross <br> Ranebennur Haveri <br>KARNATAKA <br> 581115 <br>Mob: 8095611256
</div>
</div>
<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="email">Email</label>
<input type="email" name="EmailId" id="email" placeholder="Enter Your Name">
</div>
<div class="form-group">
<label for="phone">Phone</label>
<input type="text" name="phone no" id="phone" placeholder="Enter Your Name">
</div>
<div class="form-group">
<label for="message">Message</label>
<textarea name="message" id="message" placeholder="Enter Something About You" rows="10" cols=""></textarea>
</div>
</form>
</div>
</section>
<footer>
<div class="center">
Copyright © 2021 MyOnlineMeal.com All rights reserved.
</div>
</footer>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
// Add smooth scrolling to all links
$("a").on('click', function(event) {
// Make sure this.hash has a value before overriding default behavior
if (this.hash !== "") {
// Prevent default anchor click behavior
event.preventDefault();
console.log(event);
// Store hash
var hash = this.hash;
console.log(hash);
// Using jQuery's animate() method to add smooth page scroll
// The optional number (800) specifies the number of milliseconds it takes to scroll to the specified area
$('html').animate({
scrollTop: $(hash).offset().top
}, 1000, function(){
// Add hash (#) to URL when done scrolling (default click behavior)
window.location.hash = hash;
});
} // End if
});
});
</script>
</body>
</html>