forked from fayausa/faya-80-web
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathgallery.html
126 lines (119 loc) · 5.97 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
126
<!doctype html>
<html ⚡ lang="en">
<head>
<title>Faya:80</title>
<meta charset="utf-8" />
<meta name="theme-color" content="#87c042"/>
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
<meta name="Description" content="FAYA:80 is a monthly technology hangout for technology enthusiasts by technology enthusiasts to break the ice, analyse and evaluate emerging trends in technology. Held on the first Wednesday of the month at the Floor of Madness (FAYA, Technopark, Thiruvananthapuram), the series stands for Free Knowledge Sharing and aims to provide an open platform for entrepreneurs, developers and technology professionals to keep at par with the latest tools and technologies">
<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
<link rel="canonical" href="/index.html">
<link rel="shortcut icon" href="../amp_favicon.ico">
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="styles/common.css">
<link rel="stylesheet" type="text/css" href="styles/colorbox.css">
<script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script>
<script type='text/javascript' src='//cdnjs.cloudflare.com/ajax/libs/jquery.matchHeight/0.7.0/jquery.matchHeight-min.js?ver=1.0.0'></script>
<script type="text/javascript" src="js/list.js"> </script>
<script type="text/javascript" src="js/jquery.colorbox.js"> </script>
</head>
<body>
<header>
<a href="/index.html">
<img src="logo.png" class="logo" width="200" height="46"></img>
</a>
<ul class="main-nav">
<li>
<a href="dk17.html">Disrupt Kerala</a>
</li>
<li>
<a href="speakers.html">Speakers</a>
</li>
<li>
<a href="gallery.html">Gallery</a>
</li>
<li>
<a href="contact.html">Contact</a>
</li>
</ul>
</header>
<div class="wrapper">
<article>
<div class="banner-gallery">
<div class="banner-overlay"></div>
<div class="banner-content">
<h1>Knowledge Shared is <span>Power Multiplied</span></h1>
<p>Breaking Echo Chambers through Free Knowledge Sharing</p>
</div>
</div>
</article>
</div>
<div class="wrapper contact">
<div class="container">
<div class="content">
<div class="contact-title">
<h2> Gallery</h2>
</div>
<div class="gallery">
<ul class="event-list">
<li class="loc-cls">
<a class="group1" href="images/gallery/01.jpg"><img class="responsive" src="images/gallery/01.jpg"></a>
</li>
<li class="loc-cls">
<a class="group1" href="images/gallery/02.jpg"><img class="responsive" src="images/gallery/02.jpg"></a>
</li>
<li class="loc-cls">
<a class="group1" href="images/gallery/03.jpg"><img class="responsive" src="images/gallery/03.jpg"></a>
</li>
<li class="loc-cls">
<a class="group1" href="images/gallery/04.jpg"><img class="responsive" src="images/gallery/04.jpg"></a>
</li>
<li class="loc-cls">
<a class="group1" href="images/gallery/05.jpg"><img class="responsive" src="images/gallery/05.jpg"></a>
</li>
<li class="loc-cls">
<a class="group1" href="images/gallery/06.jpg"><img class="responsive" src="images/gallery/06.jpg"></a>
</li>
<li class="loc-cls">
<a class="group1" href="images/gallery/07.jpg"><img class="responsive" src="images/gallery/07.jpg"></a>
</li>
<li class="loc-cls">
<a class="group1" href="images/gallery/08.jpg"><img class="responsive" src="images/gallery/08.jpg"></a>
</li>
</ul>
</div>
</div>
</div>
</div>
<footer>
<div class="container">
<div class="footer-widget" id="contactus">
<h5>Contact Us </h5>
<span>FAYA Corporation</span><br>
<span>Email on <a href="mailto:info@fayausa.com">info@fayausa.com</a></span><br>
<span>call - 866-686-5988</span>
</div>
<p class="copy-right-footer">Copyright ©
<a href="http://fayausa.com">FAYA Corporation</a> 2018.<br> Thejaswini, Technopark Campus, Thiruvananthapuram, Kerala, India
</p>
<ul class="social_icon">
<li><a href="https://www.facebook.com/fayausa" target="_blank"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
<li><a href="https://plus.google.com/+Fayausa" target="_blank"><i class="fa fa-google-plus" aria-hidden="true"></i></a></li>
<li><a href="https://twitter.com/@fayausa" target="_blank"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
<li><a href="https://www.youtube.com/fayausa" target="_blank"><i class="fa fa-youtube-play" aria-hidden="true"></i></a></li>
</ul>
</div>
</footer>
<script>
$(document).ready(function(){
//Examples of how to assign the Colorbox event to elements
$(".group1").colorbox({rel:'group1'});
//Example of preserving a JavaScript event for inline calls.
$("#click").click(function(){
$('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");
return false;
});
});
</script>
</body>
</html>