Skip to content

Commit 96e1355

Browse files
CodeHimBlogCodeHimBlog
authored
Update index.html
1 parent 8590651 commit 96e1355

File tree

1 file changed

+233
-37
lines changed

1 file changed

+233
-37
lines changed

‎index.html

Lines changed: 233 additions & 37 deletions
Original file line numberDiff line numberDiff line change
@@ -1,37 +1,141 @@
1-
<DOCTYPE html>
2-
<html>
3-
<head>
4-
<meta name="viewport" content="width=device-width, initial-scale=1 "/>
5-
<meta name="description" content="Free jQuery and CSS3 window popup lightbox to show web page images in fancy way. Easy to use and fast." />
6-
<title>Create jQuery and CSS Popup Image Lightbox </title>
7-
<!--jQuery-->
8-
<script
9-
src="https://code.jquery.com/jquery-3.3.1.min.js"
10-
integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
11-
crossorigin="anonymous"></script>
12-
<!--Font Awesome-->
13-
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
14-
<!--Animate CSS-->
15-
<link href="css/animate.css" rel="stylesheet" />
16-
<!--Popup Lightbox Js-->
17-
<script src="js/jquery.popup.lightbox.js"></script>
18-
<!--Popup Lightbox CSS-->
19-
<link href="css/popup-lightbox.css" rel="stylesheet" />
20-
<script>
21-
$(document).ready(function(){
22-
23-
$(".img-container").popupLightbox();
24-
25-
26-
});
27-
</script>
28-
</head>
29-
<body>
30-
<!--Introduction and Demo Only -->
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<meta name="viewport" content="width=device-width, initial-scale=1">
7+
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
8+
<meta name="description" content="Free jQuery and CSS3 window popup lightbox to show web page images in fancy way. Easy to use and fast jQuery plugin." />
9+
<title>jQuery Popup Window Image Lightbox (Slider)</title>
10+
<!-- Favicon -->
11+
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
12+
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
13+
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
14+
<link rel="manifest" href="/site.webmanifest">
15+
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
16+
<meta name="msapplication-TileColor" content="#eeeeee">
17+
<meta name="theme-color" content="#eeeeee">
18+
<!-- Global site tag (gtag.js) - Google Analytics -->
19+
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-80520768-3"></script>
20+
<script>
21+
window.dataLayer = window.dataLayer || [];
22+
function gtag(){dataLayer.push(arguments);}
23+
gtag('js', new Date());
24+
25+
gtag('config', 'UA-80520768-3');
26+
</script>
27+
<!-- Font Awesome -->
28+
<link href="/assets/css/font-awesome.css" rel="stylesheet">
29+
<!-- Bootstrap -->
30+
<link href="/assets/css/bootstrap.css" rel="stylesheet">
31+
<!-- Slick slider -->
32+
<link rel="stylesheet" type="text/css" href="/assets/css/slick.css"/>
33+
<!-- Fancybox slider -->
34+
<link rel="stylesheet" href="/assets/css/jquery.fancybox.css" type="text/css" media="screen" />
35+
<!-- Animate css -->
36+
<link rel="stylesheet" type="text/css" href="/assets/css/animate.css"/>
37+
<!-- Theme color -->
38+
<link id="switcher" href="/assets/css/theme-color/default.css" rel="stylesheet">
39+
40+
<!-- Main Style -->
41+
<link href="/style.css" rel="stylesheet">
42+
<link href="/assets/css/jp-menu.css" rel="stylesheet">
43+
44+
<!-- Fonts -->
45+
<!-- Open Sans for body font -->
46+
<link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
47+
<!-- Raleway for Title -->
48+
<link href='https://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>
49+
<!-- Pacifico for 404 page -->
50+
<link href='https://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>
51+
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
52+
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
53+
<!--[if lt IE 9]>
54+
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
55+
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
56+
<![endif]-->
57+
</head>
58+
<body>
59+
<!-- BEGAIN PRELOADER -->
60+
<div id="preloader">
61+
<div class="loader">&nbsp;</div>
62+
</div>
63+
<!-- END PRELOADER -->
64+
65+
<!-- SCROLL TOP BUTTON -->
66+
<a class="scrollToTop" href="#"><i class="fa fa-chevron-up"></i></a>
67+
<!-- END SCROLL TOP BUTTON -->
68+
69+
<!-- Start menu section -->
70+
<header class="jp-header">
71+
<button class="jp-trigger menu-btn">
72+
</button>
73+
<button class="jp-trigger search-btn">
74+
</button>
75+
<div class="jp-logo">
76+
<a href="/">
77+
<img src="/images/jp-logo.png" alt="jQuery Projects" title="jQuery Projects" />
78+
</a>
79+
</div>
80+
<div class="jp-search">
81+
<gcse:search></gcse:search>
82+
</div>
83+
</header>
84+
<nav class="jp-nav">
85+
<ul class="jp-nav-links">
86+
<li> <a href="#"> New Plugins Projects </a></li>
87+
<li> <a href="#">jQuery Sliders</a></li>
88+
<li> <a href="#">jQuery Menu/Nav </a></li>
89+
<li> <a href="#">jQuery and CSS3</a></li>
90+
</ul>
91+
</nav>
92+
<div class="dim-overlay"></div>
93+
<!-- End menu section -->
94+
95+
<!-- Start blog banner section -->
96+
<section id="blog-banner">
97+
<img src="/assets/images/blog-banner.jpg" alt="img">
98+
<div class="blog-overlay">
99+
<div class="container">
100+
<div class="row">
101+
<div class="col-md-12">
102+
<div class="blog-banner-area">
103+
<h2>jQuery Popup Window Image Lightbox</h2>
104+
<ol class="breadcrumb">
105+
<li><a href="/">Home</a></li>
106+
<li class="active">jQuery Popup Window Image Lightbox</li>
107+
</ol>
108+
</div>
109+
</div>
110+
</div>
111+
</div>
112+
</div>
113+
</section>
114+
<!-- End blog banner section -->
115+
116+
117+
118+
119+
120+
121+
122+
<!-- Start blog section -->
123+
<section id="blog">
124+
<div class="container">
125+
<div class="row">
126+
<div class="col-md-12">
127+
<div class="blog-area">
128+
<div class="row">
129+
<div class="col-lg-8 col-md-7 col-sm-12">
130+
<div class="blog-left blog-details">
131+
<!-- Start single blog post -->
132+
<article class="single-from-blog">
133+
<div class="blog-title">
134+
<h1>jQuery Popup Window Image Lightbox (Slider)</h1>
135+
136+
<!--Introduction and Demo Only -->
31137
<header class="intro">
32-
<h1>
33-
jQuery and CSS Popup Image Lightbox
34-
</h1>
138+
35139
<p>
36140
A simple and clean popup window image lightbox based on css and jQuery.
37141
<br />
@@ -119,8 +223,100 @@ <h2> How to use Popup Lightbox</h2>
119223
<!--Demo Only Files-->
120224
<link href="docs/demo.css" rel="stylesheet" />
121225
<script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js"> </script>
122-
<footer class="credit">
123-
Coded with <span title="Coffee"></span> by Asif Mughal &copy; 2019 - <a href="https://www.codehim.com" rel="dofollow" title="Awesome Web Projects and Tutorials" target="_blank"> Codehim.com </a>
124-
</footer>
125-
</body>
226+
227+
228+
</div>
229+
</article>
230+
231+
<!-- End single blog post -->
232+
</div>
233+
</div>
234+
<div class="col-lg-4 col-md-5 col-sm-12">
235+
<aside class="blog-right">
236+
237+
<div class="jp-popular">
238+
<!--Popular Projects-->
239+
</div>
240+
241+
</aside>
242+
</div>
243+
</div>
244+
</div>
245+
</div>
246+
</div>
247+
</div>
248+
</section>
249+
<!-- End blog section -->
250+
251+
252+
<!-- Start Footer -->
253+
<footer id="footer">
254+
<div class="footer-top">
255+
<div class="container">
256+
<div class="row">
257+
<div class="col-md-12">
258+
<div class="footer-top-area">
259+
<div class="footer-social">
260+
<a class="facebook" href="https://web.facebook.com/JQuery-Projects-1257433314413114/" title="Like us on Facebook" target="_blank"><span class="fa fa-facebook"></span></a>
261+
<a class="twitter" href="https://www.twitter.com/JqueryProjects" title="Follow jQuery Projects" target="_blank"><span class="fa fa-twitter"></span></a>
262+
<a class="google-plus" href="https://plus.google.com/b/114648289979341124496/114648289979341124496" title="Follow us on Google+"><span class="fa fa-google-plus"></span></a>
263+
<a class="github" href="https://github.com/jquery-projects" title="Follow on GitHub" target="_blank"><span class="fa fa-github"></span></a>
264+
<a class="linkedin" href="https://www.linkedin.com/company/jquery-projects/" title="Follow us on LinkedIn" target="_blank"><span class="fa fa-linkedin"></span></a>
265+
</div>
266+
</div>
267+
</div>
268+
</div>
269+
</div>
270+
</div>
271+
<div class="footer-bottom">
272+
<ul class="footer-menu">
273+
<li> <a href="/"> Home</a></li>
274+
<li> <a href="/about.html"> About </a></li>
275+
<li> <a href="/contact.html"> Contact </a></li>
276+
<li> <a href="/terms.html"> Terms </a></li>
277+
<li> <a href="/privacy-policy.html"> Privacy Policy</a></li>
278+
</ul>
279+
<p class="jp-copyright"> Copyright 2019 &copy; jQuery Projects - All Rights Reserved </p>
280+
</div>
281+
</footer>
282+
<!-- End Footer -->
283+
<!-- jQuery library -->
284+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
285+
<!-- Include all compiled plugins (below), or include individual files as needed -->
286+
<!-- Bootstrap -->
287+
<script src="/assets/js/bootstrap.js"></script>
288+
<!-- Slick Slider -->
289+
<script type="text/javascript" src="/assets/js/slick.js"></script>
290+
<!-- Counter -->
291+
<script type="text/javascript" src="/assets/js/waypoints.js"></script>
292+
<script type="text/javascript" src="/assets/js/jquery.counterup.js"></script>
293+
<!-- mixit slider -->
294+
<script type="text/javascript" src="/assets/js/jquery.mixitup.js"></script>
295+
<!-- Add fancyBox -->
296+
<script type="text/javascript" src="/assets/js/jquery.fancybox.pack.js"></script>
297+
<!-- Wow animation -->
298+
<script type="text/javascript" src="/assets/js/wow.js"></script>
299+
<script src="/assets/js/jp-menu.js"></script>
300+
<!-- Custom js -->
301+
<script type="text/javascript" src="/assets/js/custom.js"></script>
302+
<script>
303+
(function() {
304+
var cx = '017595015292625421891:_xx367qtqjs';
305+
var gcse = document.createElement('script');
306+
gcse.type = 'text/javascript';
307+
gcse.async = true;
308+
gcse.src = 'https://cse.google.com/cse.js?cx=' + cx;
309+
var s = document.getElementsByTagName('script')[0];
310+
s.parentNode.insertBefore(gcse, s);
311+
})();
312+
</script>
313+
<script>
314+
$(function(){
315+
$(".jp-popular").load("/popular.html");
316+
317+
});
318+
</script>
319+
320+
321+
</body>
126322
</html>

0 commit comments

Comments
 (0)