-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhtml36.html
108 lines (105 loc) · 4.54 KB
/
html36.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
<!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>Lakshay's Website</title>
<link rel="stylesheet" href="css36.css">
<!-- IF you want to add css to responsiveness then add another css and use an arguement like this
link rel="stylesheet" media="screen and (max-width: 1170px )" href="phone.css" Isme phone.css file pehele banani padegi -->
<style>
</style>
</head>
<body>
<nav class="navbar">
<div id="logo">
<img src="download.png" alt="Lakshay's Pizza ">
</div>
<ul>
<li class="navbaritems"><a href="https://youtube.com" target="_blank">Home</a></li>
<li class="navbaritems"><a href="https://google.com" target="_blank">About Us</a></li>
<li class="navbaritems"><a href="https://yahoo.com" target="_blank">Services</a></li>
<li class="navbaritems"><a href="https://wikipedia.com" target="_blank">Contact Us</a></li>
</ul>
</nav>
<section id="home">
<h2 class="h-primary">Welcome to my Website</h2>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Et iste ex dicta maiores quaerat, iure nihil culpa
</p>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Et iste ex dicta maiores quaerat
</p>
<button class="btn">Order Now</button>
</section>
<section class="service-container">
<h1 class="h-primary center"> Our Services</h1>
<div id="services">
<div class="box">
<img src="images.jfif" alt="">
<h2 class="h-secondary center">Food Ordering</h2>
<p class="center">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Dolores aliquid sequi tempora consequatur aut sapiente maiores minus nostrum qui. Aspernatur quas nam rem. Lorem ipsum dolor sit amet consectetur, adipisicing elit. </p>
</div>
<div class="box">
<img src="images.jfif" alt="">
<h2 class="h-secondary center">Food Ordering</h2>
<p class="center">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Dolores aliquid sequi tempora consequatur aut sapiente maiores minus nostrum qui. Aspernatur quas nam rem. Lorem ipsum dolor sit amet consectetur, adipisicing elit. </p>
</div>
<div class="box">
<img src="images.jfif" alt="">
<h2 class="h-secondary center">Food Ordering</h2>
<p class="center">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Dolores aliquid sequi tempora consequatur aut sapiente maiores minus nostrum qui. Aspernatur quas nam rem. Lorem ipsum dolor sit amet consectetur, adipisicing elit. </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="img1.png" alt="">
</div>
<div class="client-item">
<img src="img2.png" alt="">
</div>
<div class="client-item">
<img src="img3.png" alt="">
</div>
<div class="client-item">
<img src="img4.png" alt="">
</div>
<div class="client-item">
<img src="img5.png" alt="">
</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" placeholder="Enter Your Name" id="name">
</div>
<div class="form-group">
<label for="name">Phone Number: </label>
<input type="text" name="name" placeholder="Enter Your Phone Number" id="Phone Number:">
</div>
<div class="form-group">
<label for="name">Email: </label>
<input type="text" name="name" placeholder="Enter Your Email ID" id="Email ID">
</div>
<div class="form-group">
<label for="name">Message: </label>
<textarea name="message" id="message" cols="30" rows="10"></textarea>
</div>
</form>
</div>
</section>
<footer>
<div class="center">
Copyright © www.lakshaygoel011.com. All rights reserved.
</div>
</footer>
</body>
</html>