-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
165 lines (151 loc) · 7.02 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
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Honey's Hub</title>
<link rel="stylesheet" href="style.css">
<link rel="shortcut icon" href="img/quality3.png" type="image/x-icon">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
</head>
<body>
<div class="container-fluid header mt-5">
<div class="row">
<div class="col-1 ms-5"><img src="img/quality3.png" width="50px" alt=""></div>
<div class="col-2 d-flex "><i class="fa-solid fa-phone mt-1"></i> <p
class="d-none col-md-2 d-md-flex col-lg-3 d-md-flex">Call:+98754322111</p>
</div>
<div class="col-2 d-flex"><i class="fa-regular fa-envelope mt-1 ms-0"></i> <p
class="d-none col-md-2 d-md-flex col-lg-3 d-md-flex">rimsha@gmail.com</p>
</div>
<div class="col-0 col-lg-2"></div>
<div class="col-0 col-3 "></div>
<div class="col-7 d-flex justify-content-end ms-5 col-sm-1"><i class="fa-solid fa-user"></i>
<i class="fa-solid fa-magnifying-glass"></i></div>
</div>
</div>
<div class="container main mt-5 d-flex justify-content-around">
<div class="row">
<div class="col-12 mt-5 col-lg-7 col-md-12 bold">
<h1>YOU CAN GET PURE <br>
HONEY HERE</h1>
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered </p>
<button class="main-btn">Contact</button>
</div>
<div class="col-12 col-lg-5 col-md-12 col-lg-5"><img src="img/banner_img.png" class="figure-img img-fluid"
width="500px" alt="">
</div>
</div>
</div>
<div class="container-fluid bg-light text-dark">
<div class="row about">
<div class="about-text col-12 col-lg-7 col-md-12">
<h1 class="text-color-dark">About Our Honey</h1>
<p>Welcome to Maryam Stone! Our journey in the garments industry started in 2010 and working with 1000+
Satisfied Customers all over Pakistan. We are Specialized in all kind of Rhinestones and Heat
transfer
Items, we are located in Karachi Pakistan Right now and aim to be in more cities in future, we can
make
any kind of Stone design on demand with our experts and experience Staff.</p>
<button class="main-btn">Read More</button>
</div>
<div class="about-img col-12 col-lg-5 col-md-12">
<img src="img/quality3.png" class="img-fluid mt-4" width="350px" height="300px" alt="">
</div>
</div>
<br><br>
</div>
<div class="container quality">
<br><br>
<h1>Quality OF Honey For Sale</h1>
<br>
<p>There are many variations of passages of Lorem Ipsum available, but There are many variations of passages of
Lorem Ipsum available, but
</p>
<div class="row quality-images d-flex justify-content-center align-items-center item">
<div class="col-12 col-md-6 col-lg-3 q-img"><img src="img/quality1.png" alt=""></div>
<div class="col-12 col-md-6 col-lg-3 q-img"><img src="img/quality2.png" alt=""></div>
<div class="col-12 col-md-6 col-lg-3 q-img"><img src="img/quality3.png" alt=""></div>
<div class="col-12 col-md-6 col-lg-3 q-img"><img src="img/quality4.png" alt=""></div>
<div class="col-12 col-md-6 col-lg-3 q-img"><img src="img/quality5.png" alt=""></div>
<div class="col-12 col-md-6 col-lg-3 q-img"><img src="img/quality6.png" alt=""></div>
<div class="col-12 col-md-6 col-lg-3 q-img"><img src="img/quality7.png" alt=""></div>
<div class="col-12 col-md-6 col-lg-3 q-img"><img src="img/quality8.png" alt=""></div>
</div><br>
<div class="col-12 q-btn">
<button class="main-btn">Read More</button>
</div>
</div>
<br><br>
<div class="container contact-us">
<h1>Contact Us</h1>
<div class="row d-flex">
<div class="col-12 col-md-6 col-lg-6">
<input type="text" placeholder="Full Name" name="" id="">
</div><br>
<div class="col-12 col-md-6 col-lg-6">
<input type="email" placeholder="Email">
</div><br>
<div class="col-12 col-md-6 col-lg-6">
<input type="number" placeholder="Phone Number">
</div>
<div class="col-12 col-md-6 col-lg-6">
<input type="text" placeholder="Message">
</div>
</div>
<br>
<div class="con-btn col-12">
<button class="main-btn">Send</button>
</div>
<br><br>
<div class="col-11 honet">
<img src="img/honet_img.png" alt="">
</div>
</div>
<br>
<div class="container footer">
<div class="row">
<div class="col-12 col-md-12 col-lg-3 foo-about">
<h1>About:-</h1>
<p>Rimsha Sajid</p>
<p>Freelancer</p>
<i class="fa-brands fa-facebook"></i>
<i class="fa-brands fa-whatsapp"></i>
<i class="fa-regular fa-envelope"></i>
<i class="fa-brands fa-linkedin"></i>
</div><br>
<div class="col-12 col-md-12 col-lg-3 foo-add">
<h1>Address:-</h1>
<p>Gulshan Iqbal Karachi Pakistan</p>
<p>+98776543321</p>
<p>mrstone8@gmail.com</p>
</div>
<div class="col-12 col-md-12 col-lg-3">
<h1>Links:-</h1>
<p>
Home <br><br>
About <br><br>
Shop <br> <br>
Quality <br><br>
Contact Us
</p>
</div>
<div class="col-12 col-md-12 col-lg-3 foo-new">
<h1>Newsletter:-</h1>
<input type="text" placeholder="Full Name"><br>
<input type="text" placeholder="Email Address"><br><br>
<button class="main-btn">Subscribe</button><br><br>
</div>
</div>
</div>
<br>
<div class="line col-10"></div>
<br>
<h4>© 2020 All Rights Reserved. Rimsha Sajid</h4>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
crossorigin="anonymous"></script>
</body>
</html>