Skip to content

Commit de6939c

Browse files
Tanyaverma3114Tanyaverma3114
authored
Jewelery Blog Website (#53)
1 parent 836c391 commit de6939c

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

66 files changed

+7503
-0
lines changed

‎Jewelery Blog website/about.html

Lines changed: 410 additions & 0 deletions
Large diffs are not rendered by default.

‎Jewelery Blog website/contact.html

Lines changed: 336 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,336 @@
1+
<!DOCTYPE html>
2+
<html lang="zxx">
3+
<head>
4+
<title>Verma Ji & Sons Jewelers</title>
5+
<meta charset="UTF-8" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1" />
7+
<script>
8+
addEventListener(
9+
"load",
10+
function () {
11+
setTimeout(hideURLbar, 0);
12+
},
13+
false
14+
);
15+
16+
function hideURLbar() {
17+
window.scrollTo(0, 1);
18+
}
19+
</script>
20+
<!--booststrap-->
21+
<link
22+
href="css/bootstrap.min.css"
23+
rel="stylesheet"
24+
type="text/css"
25+
media="all"
26+
/>
27+
<!--//booststrap end-->
28+
<!-- font-awesome icons -->
29+
<link
30+
href="css/fontawesome-all.min.css"
31+
rel="stylesheet"
32+
type="text/css"
33+
media="all"
34+
/>
35+
<!-- //font-awesome icons -->
36+
<!--stylesheets-->
37+
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
38+
<!--//stylesheets-->
39+
<link
40+
href="//fonts.googleapis.com/css?family=Montserrat:300,400,500"
41+
rel="stylesheet"
42+
/>
43+
<link
44+
href="//fonts.googleapis.com/css?family=Libre+Baskerville:400,400i,700"
45+
rel="stylesheet"
46+
/>
47+
</head>
48+
<body>
49+
<!--headder-->
50+
<div class="header-outs" id="header">
51+
<div class="header-w3layouts">
52+
<!--//navigation section -->
53+
<nav class="navbar navbar-expand-lg navbar-light">
54+
<div class="hedder-up">
55+
<h1><a class="navbar-brand" href="index.html">VJS Jewelers</a></h1>
56+
</div>
57+
<button
58+
class="navbar-toggler"
59+
type="button"
60+
data-toggle="collapse"
61+
data-target="#navbarSupportedContent"
62+
aria-controls="navbarSupportedContent"
63+
aria-expanded="false"
64+
aria-label="Toggle navigation"
65+
>
66+
<span class="navbar-toggler-icon"></span>
67+
</button>
68+
<div
69+
class="collapse navbar-collapse justify-content-center"
70+
id="navbarSupportedContent"
71+
>
72+
<ul class="navbar-nav">
73+
<li class="nav-item">
74+
<a class="nav-link" href="index.html"
75+
>Home <span class="sr-only">(current)</span></a
76+
>
77+
</li>
78+
<li class="nav-item">
79+
<a href="about.html" class="nav-link">About</a>
80+
</li>
81+
<li class="nav-item">
82+
<a href="service.html" class="nav-link">Service</a>
83+
</li>
84+
<li class="nav-item">
85+
<a href="gallery.html" class="nav-link">Gallery</a>
86+
</li>
87+
<li class="nav-item active">
88+
<a href="contact.html" class="nav-link">Contact</a>
89+
</li>
90+
</ul>
91+
</div>
92+
</nav>
93+
<div class="clearfix"></div>
94+
</div>
95+
</div>
96+
<!--//headder-->
97+
<!-- banner -->
98+
<div class="inner_page-banner"></div>
99+
<!--//banner -->
100+
<!-- short -->
101+
<div class="using-border py-3">
102+
<div class="inner_breadcrumb ml-4">
103+
<ul class="short_ls">
104+
<li>
105+
<a href="index.html">Home</a>
106+
<span>/ /</span>
107+
</li>
108+
<li>Contact</li>
109+
</ul>
110+
</div>
111+
</div>
112+
<!-- //short-->
113+
<!--contact -->
114+
<section class="contact py-lg-4 py-md-3 py-sm-3 py-3">
115+
<div class="container-fluid py-lg-5 py-md-4 py-sm-4 py-3">
116+
<h3 class="title text-center mb-lg-5 mb-md-4 mb-sm-4 mb-3">
117+
Contact US
118+
</h3>
119+
<div class="row agile-info-para">
120+
<!--contact-form-->
121+
<div class="col-lg-6 contact-form">
122+
<div class="row mb-lg-4 mb-3">
123+
<div class="col-lg-7 col-md-6 col-sm-6 contact-list-grid">
124+
<h4>Get In Touch</h4>
125+
<div class="footer_grid_left">
126+
<ul>
127+
<li>
128+
<span class="fas fa-map-marker"> </span>
129+
<p>Khora Colony, Ghaziabad</p>
130+
</li>
131+
132+
<li>
133+
<span class="fas fa-envelope"> </span>
134+
<p>
135+
<a href="mailto:[email protected]"
136+
>[email protected]</a
137+
>
138+
</p>
139+
</li>
140+
<li>
141+
<span class="fas fa-phone-volume"> </span>
142+
<p>+91 99******06</p>
143+
</li>
144+
</ul>
145+
</div>
146+
</div>
147+
</div>
148+
<form action="#" method="post">
149+
<div class="agile-wls-contact-mid">
150+
<div class="form-group contact-forms">
151+
<input
152+
type="text"
153+
class="form-control"
154+
placeholder="Name"
155+
required=""
156+
/>
157+
</div>
158+
<div class="form-group contact-forms">
159+
<input
160+
type="email"
161+
class="form-control"
162+
placeholder="Email"
163+
required=""
164+
/>
165+
</div>
166+
<div class="form-group contact-forms">
167+
<input
168+
type="text"
169+
class="form-control"
170+
placeholder="Phone"
171+
required=""
172+
/>
173+
</div>
174+
<div class="form-group contact-forms">
175+
<textarea
176+
class="form-control"
177+
rows="3"
178+
placeholder="Message"
179+
required=""
180+
></textarea>
181+
</div>
182+
<button type="submit" class="btn btn-block sent-butnn">
183+
Submit
184+
</button>
185+
</div>
186+
</form>
187+
</div>
188+
</div>
189+
</div>
190+
</section>
191+
<!--//contact -->
192+
<!-- Modal2 -->
193+
<div class="modal fade" id="myModal3" tabindex="-1" role="dialog">
194+
<div class="modal-dialog">
195+
<!-- Modal content-->
196+
<div class="modal-content">
197+
<div class="modal-header_w3layouts_agile">
198+
<button type="button" class="close" data-dismiss="modal">
199+
&times;
200+
</button>
201+
</div>
202+
</div>
203+
</div>
204+
</div>
205+
<!-- //Modal2 -->
206+
<!--Footer -->
207+
<section class="buttom-footer py-lg-4 py-md-3 py-sm-3 py-3">
208+
<div class="container pt-lg-5 pt-md-5 pt-sm-4 pt-4">
209+
<div class="pt-lg-5 pt-md-5 pt-sm-4 pt-3">
210+
<div class="row footer-agile-grids">
211+
<div class="col-lg-3 col-md-6 col-sm-6 wthree-left-right">
212+
<h4>About Us</h4>
213+
<div class="icons">
214+
<ul>
215+
<li>
216+
<a href="#"><span class="fab fa-facebook-f"></span></a>
217+
</li>
218+
<li>
219+
<a href="#"><span class="fas fa-envelope"></span></a>
220+
</li>
221+
<li>
222+
<a href="#"><span class="fab fa-instagram"></span></a>
223+
</li>
224+
</ul>
225+
<p class="pt-3">
226+
Our moto is to provide customers with trendy jewelry to keep
227+
up with the fast fashion.
228+
</p>
229+
</div>
230+
</div>
231+
<div class="col-lg-3 col-md-6 col-sm-6 wthree-left-right">
232+
<h4>Nav Links</h4>
233+
<nav class="border-line">
234+
<ul class="nav flex-column">
235+
<li class="nav-item active">
236+
<a class="nav-link" href="index.html"
237+
>Home <span class="sr-only">(current)</span></a
238+
>
239+
</li>
240+
<li class="nav-item">
241+
<a href="about.html" class="nav-link">About</a>
242+
</li>
243+
<li class="nav-item">
244+
<a href="service.html" class="nav-link">Services</a>
245+
</li>
246+
<li class="nav-item">
247+
<a href="gallery.html" class="nav-link">Gallery</a>
248+
</li>
249+
<li class="nav-item">
250+
<a href="contact.html" class="nav-link">Contact</a>
251+
</li>
252+
</ul>
253+
</nav>
254+
</div>
255+
<div class="col-lg-3 col-md-6 col-sm-6 wthree-left-right">
256+
<h4>Twitter Feed</h4>
257+
<div class="addres-up">
258+
<ul class="w3agile_footer_grid_list">
259+
<li class="mb-2">
260+
Verma Ji & Sons Jewelers has got all the trendy jewelry that
261+
can make you slay at the parties.
262+
<p><span class="fab fa-twitter"></span> 02 days ago</p>
263+
</li>
264+
<li>
265+
Check out the new jewelry stock that will blow your mind!!
266+
<p><span class="fab fa-twitter"></span> 03 days ago</p>
267+
</li>
268+
</ul>
269+
</div>
270+
</div>
271+
<div class="wthree-left-right col-lg-3 col-md-6 col-sm-6">
272+
<h4 class="pb-lg-3 pb-3">Get In Touch</h4>
273+
<div class="bottom-para pb-3">
274+
<p>Pratap Vihar, Khora Colony<br />Ghaziabad, U.P. 201309</p>
275+
</div>
276+
<div class="bottom-para">
277+
<p>+91 99******06 <br />+91 75******85</p>
278+
</div>
279+
<div class="bottom-para pt-3">
280+
<p>
281+
<a href="mailto:[email protected]">[email protected]</a>
282+
<br /><a href="mailto:[email protected]"
283+
>[email protected]</a
284+
>
285+
</p>
286+
</div>
287+
</div>
288+
</div>
289+
</div>
290+
</div>
291+
</section>
292+
<footer>
293+
<p>©Verma Ji & Sons Jewelers. All Rights Reserved</p>
294+
</footer>
295+
<!-- //Footer -->
296+
<!--js working-->
297+
<script src="js/jquery-2.2.3.min.js"></script>
298+
<!--//js working-->
299+
<!-- start-smoth-scrolling -->
300+
<script src="js/move-top.js"></script>
301+
<script src="js/easing.js"></script>
302+
<script>
303+
jQuery(document).ready(function ($) {
304+
$(".scroll").click(function (event) {
305+
event.preventDefault();
306+
$("html,body").animate(
307+
{
308+
scrollTop: $(this.hash).offset().top,
309+
},
310+
900
311+
);
312+
});
313+
});
314+
</script>
315+
<!-- start-smoth-scrolling -->
316+
<!-- here stars scrolling icon -->
317+
<script>
318+
$(document).ready(function () {
319+
var defaults = {
320+
containerID: "toTop", // fading element id
321+
containerHoverID: "toTopHover", // fading element hover id
322+
scrollSpeed: 1200,
323+
easingType: "linear",
324+
};
325+
326+
$().UItoTop({
327+
easingType: "easeOutQuart",
328+
});
329+
});
330+
</script>
331+
<!-- //here ends scrolling icon -->
332+
<!--bootstrap working-->
333+
<script src="js/bootstrap.min.js"></script>
334+
<!-- //bootstrap working-->
335+
</body>
336+
</html>

‎Jewelery Blog website/css/bootstrap.min.css

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎Jewelery Blog website/css/fontawesome-all.min.css

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)