forked from psocbitmesra/psocbitmesra.github.io
/
Gallery.html
125 lines (115 loc) · 13.8 KB
/
Gallery.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
<!DOCTYPE html>
<html style="font-size: 16px;">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8">
<meta name="keywords" content="">
<meta name="description" content="">
<meta name="page_type" content="np-template-header-footer-from-plugin">
<title>Gallery</title>
<link rel="stylesheet" href="styles.css" media="screen">
<link rel="stylesheet" href="Gallery.css" media="screen">
<script class="u-script" type="text/javascript" src="jquery.js" defer=""></script>
<script class="u-script" type="text/javascript" src="script.js" defer=""></script>
<script type="text/javascript" src="Gallery.js"></script>
<link id="u-theme-google-font" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i">
<script type="application/ld+json">{
"@context": "http://schema.org",
"@type": "Organization",
"name": "psoc k19 website",
"logo": "images/psocwhite.png",
"sameAs": [
"https://www.facebook.com/psocbitm/",
"https://instagram.com/psoc.bitm?utm_source=ig_profile_share&igshid=1s0tkjhjpm0hc",
"https://instagram.com/psoc.bitm?utm_source=ig_profile_share&igshid=1s0tkjhjpm0hc",
"https://www.linkedin.com/company/photographic-society-bit-mesra/",
"mailto:psoc@bitmesra.ac.in"
]
}</script>
<meta name="theme-color" content="#478ac9">
<meta property="og:title" content="Gallery">
<meta property="og:description" content="">
<meta property="og:type" content="website">
<link rel="icon" href="images/favicon.png">
</head>
<body class="u-body u-image" style="background-position: 50% 50%; background-attachment: fixed; background-image: url("images/11.jpg");"><header class="u-clearfix u-header u-palette-4-dark-3 u-sticky u-sticky-2c9d u-header" id="sec-37ba"><div class="u-clearfix u-sheet u-valign-top-lg u-valign-top-md u-sheet-1">
<a href="index.html" class="u-image u-logo u-image-1" data-image-width="1202" data-image-height="1200">
<img src="images/psocwhite.png" class="u-logo-image u-logo-image-1">
</a>
<nav class="u-menu u-menu-dropdown u-offcanvas u-menu-1">
<div class="menu-collapse" style="font-size: 0.75rem; letter-spacing: 0px; font-weight: 700; text-transform: uppercase;">
<a class="u-button-style u-custom-active-border-color u-custom-border u-custom-border-color u-custom-borders u-custom-hover-border-color u-custom-left-right-menu-spacing u-custom-padding-bottom u-custom-text-active-color u-custom-text-color u-custom-text-hover-color u-custom-top-bottom-menu-spacing u-nav-link u-text-active-palette-1-base u-text-hover-palette-2-base" href="#">
<svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#menu-hamburger"></use></svg>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><symbol id="menu-hamburger" viewBox="0 0 16 16" style="width: 16px; height: 16px;"><rect y="1" width="16" height="2"></rect><rect y="7" width="16" height="2"></rect><rect y="13" width="16" height="2"></rect>
</symbol>
</defs></svg>
</a>
</div>
<div class="u-custom-menu u-nav-container">
<ul class="u-nav u-spacing-30 u-unstyled u-nav-1"><li class="u-nav-item"><a class="u-border-2 u-border-active-palette-1-base u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-hover-palette-2-base u-text-white" href="Home.html" style="padding: 10px 0px;">Home</a>
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-palette-1-base u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-hover-palette-2-base u-text-white" href="Team.html" style="padding: 10px 0px;">Team</a>
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-palette-1-base u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-hover-palette-2-base u-text-white" href="Gallery.html" style="padding: 10px 0px;">Gallery</a>
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-palette-1-base u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-hover-palette-2-base u-text-white" href="Contact.html" style="padding: 10px 0px;">Contact</a>
</li></ul>
</div>
<div class="u-custom-menu u-nav-container-collapse">
<div class="u-black u-container-style u-inner-container-layout u-opacity u-opacity-95 u-sidenav">
<div class="u-sidenav-overflow">
<div class="u-menu-close"></div>
<ul class="u-align-center u-nav u-popupmenu-items u-unstyled u-nav-2"><li class="u-nav-item"><a class="u-button-style u-nav-link" href="Home.html" style="padding: 10px 0px;">Home</a>
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="Team.html" style="padding: 10px 0px;">Team</a>
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="Gallery.html" style="padding: 10px 0px;">Gallery</a>
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="Contact.html" style="padding: 10px 0px;">Contact</a>
</li></ul>
</div>
</div>
<div class="u-black u-menu-overlay u-opacity u-opacity-70"></div>
</div>
</nav>
</div></header>
<section class="u-clearfix u-section-1" id="sec-a788">
<div class="u-clearfix u-sheet u-sheet-1">
<h1 class="u-text u-text-palette-2-base u-text-1" style="text-align: center; font-weight:bolder">Gallery</h1>
<br><br>
<div id="instafeed-container"></div>
<!--version 1-->
<script src="https://cdn.jsdelivr.net/gh/stevenschobert/instafeed.js@2.0.0rc1/src/instafeed.min.js"></script>
<script type="text/javascript">
var userFeed = new Instafeed({
get: 'user',
target: "instafeed-container",
resolution: 'high_resolution',
accessToken: 'IGQVJYc0RHR0FDRlZAFclJmMGkwM3BWZAnM3RVAzc0RiUmFwVHRESVE0TjEwWlBWZAFJpOEUyRURkcU5ISHA2STdnOWN1SEsxb3dnM2hTZAjBjVm5UdzlKWnhFU1ktcF9jR090alludGFtMzQtRkxHczhyWgZDZD'
});
userFeed.run();
</script>
<!--version 1-->
<!--Version 2-->
<!-- <div class="tagembed-container" style=" width:100%;height:100%;overflow: hidden;"><div class="tagembed-socialwall" data-wall-id="8871" view-url="https://widget.tagembed.com/8871?view"> </div> <script src="//widget.tagembed.com/embed.min.js" type="text/javascript"></script></div> -->
<!--Version 2-->
<!-- Version 3 -->
<!-- Version 3 -->
</div>
</section>
<footer class="u-align-center-md u-align-center-sm u-align-center-xs u-clearfix u-footer u-grey-80" id="sec-641e"><div class="u-clearfix u-sheet u-valign-middle-xl u-sheet-1">
<div class="u-align-left u-social-icons u-spacing-10 u-social-icons-1">
<a class="u-social-url" title="facebook" target="_blank" href="https://www.facebook.com/psocbitm/"><span class="u-icon u-social-facebook u-social-icon u-icon-1"><svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 24 24" style=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-9268"></use></svg><svg class="u-svg-content" viewBox="0 0 24 24" id="svg-9268"><path d="m15.997 3.985h2.191v-3.816c-.378-.052-1.678-.169-3.192-.169-3.159 0-5.323 1.987-5.323 5.639v3.361h-3.486v4.266h3.486v10.734h4.274v-10.733h3.345l.531-4.266h-3.877v-2.939c.001-1.233.333-2.077 2.051-2.077z"></path></svg></span>
</a>
<a class="u-social-url" title="instagram" target="_blank" href="https://instagram.com/psoc.bitm?utm_source=ig_profile_share&igshid=1s0tkjhjpm0hc"><span class="u-icon u-social-icon u-social-instagram u-icon-2"><svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 150 200" style=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-b75f"></use></svg><svg class="u-svg-content" viewBox="0 0 169.063 169.063" x="0px" y="0px" id="svg-b75f" style="enable-background:new 0 0 169.063 169.063;"><g><path d="M122.406,0H46.654C20.929,0,0,20.93,0,46.655v75.752c0,25.726,20.929,46.655,46.654,46.655h75.752 c25.727,0,46.656-20.93,46.656-46.655V46.655C169.063,20.93,148.133,0,122.406,0z M154.063,122.407 c0,17.455-14.201,31.655-31.656,31.655H46.654C29.2,154.063,15,139.862,15,122.407V46.655C15,29.201,29.2,15,46.654,15h75.752 c17.455,0,31.656,14.201,31.656,31.655V122.407z"></path><path d="M84.531,40.97c-24.021,0-43.563,19.542-43.563,43.563c0,24.02,19.542,43.561,43.563,43.561s43.563-19.541,43.563-43.561 C128.094,60.512,108.552,40.97,84.531,40.97z M84.531,113.093c-15.749,0-28.563-12.812-28.563-28.561 c0-15.75,12.813-28.563,28.563-28.563s28.563,12.813,28.563,28.563C113.094,100.281,100.28,113.093,84.531,113.093z"></path><path d="M129.921,28.251c-2.89,0-5.729,1.17-7.77,3.22c-2.051,2.04-3.23,4.88-3.23,7.78c0,2.891,1.18,5.73,3.23,7.78 c2.04,2.04,4.88,3.22,7.77,3.22c2.9,0,5.73-1.18,7.78-3.22c2.05-2.05,3.22-4.89,3.22-7.78c0-2.9-1.17-5.74-3.22-7.78 C135.661,29.421,132.821,28.251,129.921,28.251z"></path>
</g></svg></span>
</a>
<a class="u-social-url" target="_blank" title="YouTube" href="https://www.youtube.com/channel/UCGJIpB9mPxCzU-9TzUyjDnQ"><span class="u-icon u-social-icon u-social-youtube u-icon-3"><svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 150 190" style=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-77e4"></use></svg><svg class="u-svg-content" viewBox="0 0 310 310" x="0px" y="0px" id="svg-77e4" style="enable-background:new 0 0 310 310;"><g id="XMLID_822_"><path id="XMLID_823_" d="M297.917,64.645c-11.19-13.302-31.85-18.728-71.306-18.728H83.386c-40.359,0-61.369,5.776-72.517,19.938 C0,79.663,0,100.008,0,128.166v53.669c0,54.551,12.896,82.248,83.386,82.248h143.226c34.216,0,53.176-4.788,65.442-16.527 C304.633,235.518,310,215.863,310,181.835v-53.669C310,98.471,309.159,78.006,297.917,64.645z M199.021,162.41l-65.038,33.991 c-1.454,0.76-3.044,1.137-4.632,1.137c-1.798,0-3.592-0.484-5.181-1.446c-2.992-1.813-4.819-5.056-4.819-8.554v-67.764 c0-3.492,1.822-6.732,4.808-8.546c2.987-1.814,6.702-1.938,9.801-0.328l65.038,33.772c3.309,1.718,5.387,5.134,5.392,8.861 C204.394,157.263,202.325,160.684,199.021,162.41z"></path>
</g></svg></span>
</a>
<a class="u-social-url" target="_blank" title="LinkedIn" href="https://www.linkedin.com/company/photographic-society-bit-mesra/"><span class="u-icon u-social-icon u-social-linkedin u-icon-4"><svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 150 195" style=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-1bca"></use></svg><svg class="u-svg-content" viewBox="0 0 310 310" x="0px" y="0px" id="svg-1bca" style="enable-background:new 0 0 310 310;"><g id="XMLID_801_"><path id="XMLID_802_" d="M72.16,99.73H9.927c-2.762,0-5,2.239-5,5v199.928c0,2.762,2.238,5,5,5H72.16c2.762,0,5-2.238,5-5V104.73 C77.16,101.969,74.922,99.73,72.16,99.73z"></path><path id="XMLID_803_" d="M41.066,0.341C18.422,0.341,0,18.743,0,41.362C0,63.991,18.422,82.4,41.066,82.4 c22.626,0,41.033-18.41,41.033-41.038C82.1,18.743,63.692,0.341,41.066,0.341z"></path><path id="XMLID_804_" d="M230.454,94.761c-24.995,0-43.472,10.745-54.679,22.954V104.73c0-2.761-2.238-5-5-5h-59.599 c-2.762,0-5,2.239-5,5v199.928c0,2.762,2.238,5,5,5h62.097c2.762,0,5-2.238,5-5v-98.918c0-33.333,9.054-46.319,32.29-46.319 c25.306,0,27.317,20.818,27.317,48.034v97.204c0,2.762,2.238,5,5,5H305c2.762,0,5-2.238,5-5V194.995 C310,145.43,300.549,94.761,230.454,94.761z"></path>
</g></svg></span>
</a>
<a class="u-social-url" target="_blank" title="Email" href="mailto:psoc@bitmesra.ac.in"><span class="u-icon u-social-email u-social-icon u-icon-5"><svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 150 200" style=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-e143"></use></svg><svg class="u-svg-content" viewBox="0 0 512 512" id="svg-e143"><path d="m452 48h-392c-33.084 0-60 26.916-60 60v49.495l220.191 163.781c10.709 7.965 23.259 11.948 35.809 11.948s25.1-3.982 35.809-11.948l220.191-163.781v-49.495c0-33.084-26.916-60-60-60zm20 89.396-204.063 151.784c-7.14 5.311-16.734 5.311-23.873 0l-204.064-151.784v-29.396c0-11.028 8.972-20 20-20h392c11.028 0 20 8.972 20 20zm0 99.703 40-29.752v196.653c0 33.084-26.916 60-60 60h-392c-33.084 0-60-26.916-60-60v-196.653l40 29.752v166.901c0 11.028 8.972 20 20 20h392c11.028 0 20-8.972 20-20z"></path></svg></span>
</a>
<a class="u-social-url" target="_blank" title="Pinterest" href="https://in.pinterest.com/psocbitm/_created/"><span class="u-icon u-social-icon u-social-pinterest u-icon-6"><svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 10 11" style=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-ff7d"></use></svg><svg class="u-svg-content" viewBox="0 0 24 24" id="svg-ff7d"><path d="m12.326 0c-6.579.001-10.076 4.216-10.076 8.812 0 2.131 1.191 4.79 3.098 5.633.544.245.472-.054.94-1.844.037-.149.018-.278-.102-.417-2.726-3.153-.532-9.635 5.751-9.635 9.093 0 7.394 12.582 1.582 12.582-1.498 0-2.614-1.176-2.261-2.631.428-1.733 1.266-3.596 1.266-4.845 0-3.148-4.69-2.681-4.69 1.49 0 1.289.456 2.159.456 2.159s-1.509 6.096-1.789 7.235c-.474 1.928.064 5.049.111 5.318.029.148.195.195.288.073.149-.195 1.973-2.797 2.484-4.678.186-.685.949-3.465.949-3.465.503.908 1.953 1.668 3.498 1.668 4.596 0 7.918-4.04 7.918-9.053-.016-4.806-4.129-8.402-9.423-8.402z"></path></svg></span>
</a>
</div>
<p class="u-align-center-lg u-align-center-md u-align-center-xl u-text u-text-1"> Copyright © 2020 PHOTOGRAPHIC SOCIETY</p>
</div></footer>
</body>
</html>