macd-nitk.github.io/index.html at master · MACD-NITK/macd-nitk.github.io · GitHub

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
127
128
129
130
131
132
<!DOCTYPE HTML>
<html>
	<head>
		<title>NITK Gallery</title>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<link rel="stylesheet" href="assets/css/main.css" />
	</head>
	<body>

		<!-- Header -->
			<header id="header">
				<div class="inner">
					<div class="content">
						<h1>NITK Gallery</h1>
						<h2>By Media, Arts & Creative Design</h2>
						<a href="#" class="button big alt"><span>Explore!</span></a>
					</div>
					<a href="#" class="button hidden"><span>Explore!</span></a>
				</div>
			</header>

		<!-- Main -->
			<div id="main">
				<div class="inner">
					<div class="columns">

						<!-- Column 1 (horizontal, vertical, horizontal, vertical) -->
							<div class="image fit img">
								<a><img src="images/pic01.jpg" alt="" /></a>
							</div>
							<div class="image fit img">
								<a><img src="images/pic02.jpg" alt="" /></a>
							</div>
							<div class="image fit img">
								<a><img src="images/pic03.jpg" alt="" /></a>
							</div>
							<div class="image fit img">
								<a><img src="images/pic04.jpg" alt="" /></a>
							</div>

						<!-- Column 2 (vertical, horizontal, vertical, horizontal) -->
							<div class="image fit img">
								<a><img src="images/pic06.jpg" alt="" /></a>
							</div>
							<div class="image fit img">
								<a><img src="images/pic05.jpg" alt="" /></a>
							</div>
							<div class="image fit img">
								<a><img src="images/pic08.jpg" alt="" /></a>
							</div>
							<div class="image fit img">
								<a><img src="images/pic07.jpg" alt="" /></a>
							</div>

						<!-- Column 3 (horizontal, vertical, horizontal, vertical) -->
							<div class="image fit img">
								<a><img src="images/pic09.jpg" alt="" /></a>
							</div>
							<div class="image fit img">
								<a><img src="images/pic12.jpg" alt="" /></a>
							</div>
							<div class="image fit img">
								<a><img src="images/pic11.jpg" alt="" /></a>
							</div>
							<div class="image fit img">
								<a><img src="images/pic10.jpg" alt="" /></a>
							</div>

						<!-- Column 4 (vertical, horizontal, vertical, horizontal) -->
							<div class="image fit img">
								<a><img src="images/pic13.jpg" alt="" /></a>
							</div>
							<div class="image fit img">
								<a><img src="images/pic14.jpg" alt="" /></a>
							</div>
							<div class="image fit img">
								<a><img src="images/pic15.jpg" alt="" /></a>
							</div>
							<div class="image fit img">
								<a><img src="images/pic16.jpg" alt="" /></a>
							</div>


							<div class="image fit img">
								<a><img src="images/pic17.jpg" alt="" /></a>
							</div>
							<div class="image fit img">
								<a><img src="images/pic18.jpg" alt="" /></a>
							</div>
							<div class="image fit img">
								<a><img src="images/pic19.jpg" alt="" /></a>
							</div>
							<div class="image fit img">
								<a><img src="images/pic20.jpg" alt="" /></a>
							</div>

					</div>
				</div>
			</div>

		<!-- Footer -->
			<footer id="footer">
				<a href="#" class="info fa fa-info-circle"><span>About</span></a>
				<div class="inner">
					<div class="content">
						<h3>NITK Gallery by MACD</h3>
						<p>
							National Institute of Technology Karnataka nestled between the green scapes of the western ghats and the sandy shores of the arabian sea has a lot to offer to any who ventures through it's campus.
							With this initiative, MACD, NITK tries to do justice to it's lush-green campus by being a platform to the moments that were frozen in time by NITK's bunch of very talented photographers.
						</p>
					</div>
					<div class="copyright">
						<h3>Follow MACD, NITK</h3>
						<ul class="icons">
							<li><a href="https://www.facebook.com/MACD.NITK/" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
							<li><a href="https://www.instagram.com/macd.nitk/" class="icon fa-instagram"><span class="label">Instagram</span></a></li>
						</ul>
						Developed by <a href="fb.com/govinjeevan">Govind Jeevan</a>.
					</div>
				</div>
			</footer>

		<!-- Scripts -->
			<script src="assets/js/jquery.min.js"></script>
			<script src="assets/js/skel.min.js"></script>
			<script src="assets/js/util.js"></script>
			<script src="assets/js/main.js"></script>

	</body>
</html>