<!DOCTYPE html>
<
html
>
<
head
>
<
link
rel
=
"stylesheet"
href
=
<
link
rel
=
"stylesheet"
type
=
"text/css"
href
=
"css/magnific-popup.css"
>
</
head
>
<
body
style
=
"text-align:center;"
>
<
h1
style
=
"color: blue;"
>
:GALLERY:
</
h1
>
<
div
class
=
"container "
>
<
div
class
=
"row no-gutters gallery"
style
=
"padding:0;"
>
<
div
class
=
"col-lg-6 col-md-6 col-sm-6 col-12"
>
<
a
href
=
"images/gfg-logo.png"
>
<
img
src
=
"images/gfg-logo.png"
style
=
"height:300px; width:100%;"
>
</
a
>
</
div
>
<
div
class
=
"col-lg-6 col-md-6 col-sm-6 col-12"
>
<
a
href
=
"images/gfg-logo2.png"
>
<
img
src
=
"images/gfg-logo2.png"
style
=
"height:300px; width:100%;"
>
</
a
>
</
div
>
<
div
class
=
"col-lg-6 col-md-6 col-sm-6 col-12"
>
<
a
href
=
"images/gfg-promo.jpg"
>
<
img
src
=
"images/gfg-promo.jpg"
style
=
"height:300px; width:100%;"
>
</
a
>
</
div
>
<
div
class
=
"col-lg-6 col-md-6 col-sm-6 col-12"
>
<
a
href
=
"images/gfg-promo2.jpg"
>
<
img
src
=
"images/gfg-promo2.jpg"
style
=
"height:300px; width:100%;"
>
</
a
>
</
div
>
</
div
>
</
div
>
<
script
src
=
</
script
>
<
script
src
=
</
script
>
<
script
src
=
</
script
>
<
script
type
=
"text/javascript"
src
=
"js/jquery.magnific-popup.min.js"
>
</
script
>
<
script
type
=
"text/javascript"
>
$(document).ready(function ($) {
$('.gallery').magnificPopup({
type: 'image',
// To invoke the popup
// using the 'a' tag
delegate: 'a',
// Enable the gallery
gallery: {
enabled: true
}
});
});
</
script
>
</
body
>
</
html
>