-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
147 lines (142 loc) · 6.29 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
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="author" content="Abhishek Sharma">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Anamika Beauty Parlour</title>
<link rel="stylesheet" href="/AnamikaBeautyParlour/css/main.css">
<style>
html {
font-size: 22px;
}
body {
background-color: #333;
color: whitesmoke;
}
.main-content-section-bannerImg{
height: auto;
width: 100%;
}
</style>
</head>
<body>
<header>
<div class="navigation">
<nav class="navigation panel">
<ul>
<li class="Home"><a href="/index.html">Anamika Beauty Parlour</a></li>
<li class="Services"><a href="/Html/Services.html">Services</a></li>
<li class="Shop"><a href="/Html/shop.html">Shop</a></li>
<li class="Blog"><a href="/Html/Blog.html">Blog</a></li>
<li class="Contact"><a href="/Html/About.html">Contact Us</a></li>
</ul>
</nav>
</div>
</header>
<hr>
<main>
<div class="main-content-section-bannerImg" id="bannerImg">
<img src="/AnamikaBeautyParlour/Img/Banner.jpg" alt="banner"></div>
<div class="main-content-section-service" id="service">
<div class="page-width">
<div class="section-header text-center">
<h2>Our Services</h2>
</div>
</div>
<!-- img_size(pixels) = Max at UHDscreen.pixel/3 -->
<div class="serviceImg"><a href="http://"></a></div>
<div class="grid--uniform one-third text-center ">
<div class="Services-bridal" id="Bridal"><a href="/Html/Services/Bridal.html"><img class="Services-bridal-imgtag" src="/Anamika Beauty Parlour/Img/Bridal_img.jpg" alt="Bridal_Care"></a><p class="Block1">
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Id neque
voluptas repellendus autem sapiente debitis aperiam ab tempore
omnis, repudiandae reiciendis expedita quae veritatis corrupti
distinctio consequatur, officia pariatur. Corrupti voluptas
perferendis ipsa quia libero.
</p></div>
<div class="grid--uniform one-third text-center ">
<div class="Services-skincare" id="skincare"><a href="/Html/Services/skincare.html"><img class="Services-skincare-imgtag" src="/Img/Skincare.jpg" alt="skincare"></a>
<p class="Block2">
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Id neque
voluptas repellendus autem sapiente debitis aperiam ab tempore
omnis, repudiandae reiciendis expedita quae veritatis corrupti
distinctio consequatur, officia pariatur. Corrupti voluptas
perferendis ipsa quia libero.
</p></div>
<div class="grid--uniform one-third text-center ">
<div class="Services-haircare" id="haircare"><a href="/Html/Services/haircare.html"><img class="Services-haircare-imgtag" src="/Img/Haircare.jpg" alt="haircare"></a>
<p class="Block3">
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Id neque
voluptas repellendus autem sapiente debitis aperiam ab tempore
omnis, repudiandae reiciendis expedita quae veritatis corrupti
distinctio consequatur, officia pariatur. Corrupti voluptas
perferendis ipsa quia libero.
</p></div>
</div>
</div>
<div class="main-content-section-offer" id="offer">
<div class="offerImg"><img src="" alt="" /></div>
<div>
<p class="offer1">
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Eum enim
numquam assumenda? Hic, iusto? Ea expedita tempora ipsum nobis
soluta. Totam dolore quaerat deleniti, quas ut, impedit ratione
beatae similique iste at excepturi incidunt nulla?
</p>
<p class="offer2">
Sit deserunt facere, modi dolorem labore explicabo consequuntur
blanditiis veritatis dignissimos qui ipsum laboriosam dolorum error
provident excepturi ipsa officia laudantium aperiam harum voluptate
dolor culpa. Totam deserunt quibusdam exercitationem accusantium cum
debitis, qui quam!
</p>
<p class="offer3">
Sint laborum recusandae repudiandae rem, cum nesciunt numquam
accusantium, iure officia possimus ipsam debitis nostrum consequatur
illo laudantium, unde illum dicta? Quas in iure, reprehenderit,
voluptatibus at soluta exercitationem eaque ipsum nulla ullam
dignissimos odit!
</p>
</div>
</div>
<img src="" alt="">
<img></img>
<img></img>
<img></img>
</div>
</main>
<hr>
<footer>
<h3>Footer</h3>
<div class="sub-form">
<div class="form-middle">
<form id="Form" action="er.abhi.sharma03@gmail.com" method="post">
<label for="Name">Name: <input type="text" id="Name" ></label>
<br>
<label for="E-mail">E-mail:<input type="email" name="E-mail Id" id="E-mail"></label>
<br>
<input type="button" value="Subscribe Us">
</form>
<div class="form">
<p>Subscribe for 20% OFF your next online order, along with regular email updates and news.</p>
</div>
</div>
</div>
<P>Anamika Beauty Parlour <br> 199-L,Model Town <br> Near Jain Mandir <br> Rohtak, Haryana </P>
<div class="form">
<form id="Form" action="er.abhi.sharma03@gmail.com" method="post">
<label for="Name">Name: <input type="text" id="Name" ></label>
<br>
<label for="E-mail">E-mail:<input type="email" name="E-mail Id" id="E-mail"></label>
<br>
<input type="button" value="Subscribe Us">
</form>
<div class="form-bottam">
<p>Subscribe for 20% OFF your next online order, along with regular email updates and news.</p>
</div>
</div>
<<< © Abhishek Sharma >>>
</footer>
</body>
</html>