-
Notifications
You must be signed in to change notification settings - Fork 0
/
demo.html
77 lines (77 loc) · 2.68 KB
/
demo.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<link rel="stylesheet" href="/style.css" />
</head>
<body>
<div class="Home">
<nav>
<h1>Logo</h1>
<ul>
<li class="list">Home</li>
<li class="list">Products</li>
<li class="list">About</li>
<li class="list">Contact</li>
</ul>
</nav>
</div>
<div class="search">
<input placeholder="Search" type="text" />
</div>
<div class="products">
<div class="box">
<img src="https://picsum.photos/id/1/200/200" alt="" />
<p>
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Numquam
quos, eum dolores eius maxime enim voluptas alias nemo iure sapiente?
</p>
</div>
<div class="box">
<img src="https://picsum.photos/id/1/200/200" alt="" />
<p>
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Numquam
quos, eum dolores eius maxime enim voluptas alias nemo iure sapiente?
</p>
</div>
<div class="box">
<img src="https://picsum.photos/id/1/200/200" alt="" />
<p>
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Numquam
quos, eum dolores eius maxime enim voluptas alias nemo iure sapiente?
</p>
</div>
</div>
<div class="About">
<h1>About</h1>
<div>
<p class="p1">
About Lorem ipsum dolor sit amet consectetur, adipisicing elit. Minus
temporibus quae aliquam fuga id perspiciatis sit alias velit illum
molestiae voluptatibus blanditiis est assumenda provident ratione
reprehenderit nesciunt repellat, nisi a voluptate iusto, eligendi
delectus corrupti soluta. Necessitatibus facere, dolor voluptatem
quisquam deleniti quaerat commodi dolore. Suscipit neque nobis vitae
</p>
</div>
</div>
<div class="Contact">
<h1>Boopathi R</h1>
<br />
<h1>[email protected]</h1>
<br />
<h1>9080787009</h1>
<p>
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Itaque
reiciendis, veniam vitae facere velit rem molestias alias amet sed,
ratione eius? Sequi, eligendi necessitatibus cupiditate quas
exercitationem placeat sapiente alias tempora est ducimus? Veritatis
deserunt optio est at sapiente eius, fuga ipsam dolores in iure
molestias dolorem cumque quos eveniet quibusdam facere, iste numquam
sint necessitatibus? Itaque commodi sapiente vero.
</p>
</div>
</body>
</html>