-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcode.html
108 lines (100 loc) · 5.36 KB
/
code.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>Best Online jewllerly in India</title>
<link rel="stylesheet" href="style02.css">
<link rel="stylesheet" media="screen and (max-width: 1170px)" href='css/style02.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=Bree+Serif&family=Oswald:wght@200;400&display=swap"
rel="stylesheet">
</head>
<body>
<nav id="navbar">
<div id="logo">
<img src="bg.png.png" alt="My logo">
</div>
<ul>
<li class="item"><a href="#home">Home</a></li>
<li class="item"><a href="#services-container">Collection</a></li>
<li class="item"><a href="#contact ">Contact Us</a></li>
</ul>
</nav>
<section id="home">
<h1 class="h-primary">Welcome to MyOnlineshop</h1>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit.eveniet dignissimos erspiciatis?</p>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Perferendis </p>
<button class="btn">Order Now</button>
</section>
<section id="services-container">
<h1 class="h-primary center">Our Collection</h1>
<div id="services">
<div class="box">
<img src="img/1.jpg" alt="">
<h2 class="h-secondary center">Gold Collection</h2>
<p class="center"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Laboriosam molestias ad
fuga, natus sit libero numquam officiis doloribus ex sapiente obcaecati dolorum perspiciatis!
Distinctio illo delectus provident sint quam fuga deleniti recusandae, itaque obcaecati.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Inventore tempore, possimus velit
voluptatibus recusandae nulla accusamus cum itaque tenetur voluptatem praesentium architecto
doloremque facilis adipisci deserunt aperiam impedit eaque consequatur eum ipsum iusto autem?
</p>
</div>
<div class="box">
<img src="img/s.jpeg" alt="">
<h2 class="h-secondary center">Silver Collection</h2>
<p class="center"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Laboriosam molestias ad
fuga, natus sit libero numquam officiis doloribus ex sapiente obcaecati dolorum perspiciatis!
Distinctio illo delectus provident sint quam fuga deleniti recusandae, itaque obcaecati.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Inventore tempore, possimus velit
voluptatibus recusandae nulla accusamus cum itaque tenetur voluptatem praesentium architecto
doloremque facilis adipisci deserunt aperiam impedit eaque consequatur eum ipsum iusto autem?
</p>
</div>
<div class="box">
<img src="img/y.png.png" alt="">
<h2 class="h-secondary center">Diamond Collection</h2>
<p class="center"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Laboriosam molestias ad
fuga, natus sit libero numquam officiis doloribus ex sapiente obcaecati dolorum perspiciatis!
Distinctio illo delectus provident sint quam fuga deleniti recusandae, itaque obcaecati.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Inventore tempore, possimus velit
voluptatibus recusandae nulla accusamus cum itaque tenetur voluptatem praesentium architecto
doloremque facilis adipisci deserunt aperiam impedit eaque consequatur eum ipsum iusto autem?
</p>
</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" id="name" placeholder="Enter your name">
</div>
<div class="form-group">
<label for="name">Email: </label>
<input type="email " name="name" id="email" placeholder="Enter your email">
</div>
<div class="form-group">
<label for="name">Phone Number: </label>
<input type="phone " name="name" id="phone" placeholder="Enter your phone Number">
</div>
<div class="form-group">
<label for="name">Message</label>
<textarea name="message" id="message" cols="30" rows="10"></textarea>
</div>
<button class="but">Submit</button>
</form>
</div>
</section>
<footer>
<div class="center">
copyright © www.myOnlineshop.com. All rights reserved!
</div>
</footer>
</body>
</html>