auv-iitk.github.io/index.html at master · prasadpatil2010/auv-iitk.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
---
title: Home
layout: default
css: index.css
js: index.js
home_active : active
---

<div class="wrapper style1">
	<div id="banner">
		<section class="container">
			<img src="/assets/images/logo/{{site.logo}}.png" alt="AUV IITK" style="width:304px;"><br>
			<span style="display:inline-block; background:rgba(67, 111, 157, 0.6);padding:5px;margin-bottom:3px;color:white;font-weight:700;font-size:1.6em;">AUTONOMOUS UNDERWATER VEHICLE</span><br>
			<span style="display:inline-block; padding:3px;background:rgba(67, 111, 157, 0.6);color:white;font-weight:400;font-size:1.4em;">Indian Institute of Technology, Kanpur</span>
			<p></p>
		</section>
	</div>
</div>

<!-- Main -->
<div class="wrapper style2" id="ws2" style="margin-bottom:-10px;background:white">
	<section class="container">
		<div class="row double">

			<!-- About Us -->
			<div class="6u" style="padding-left:100px;padding-right:10px;">
				{% for item in site.data.team_motive %}
				<h2 id="NEWS1" style="margin-bottom:15px;"><b>{{ item.heading | upcase }}</b></h2>
				{% for motive in item.motive %}
					<p style="text-align:justify; font-size:1em; line-height:1.7; margin:0px; color:#2d2d2d;">&emsp;&emsp;{{motive}}</p>
				{% endfor %}{% endfor %}
			</div>

			<!-- Latest News | Facebook Page | Youtube Channel -->
			<div class="6u" style="padding-right:15px;">
				<h2 class="MEDIA1" style="margin-bottom:20px;">LATEST NEWS</h2>
				<div class="MEDIA1"><b><a href="https://www.facebook.com/auviitk/" style="color:inherit;text-decoration:none;">FOLLOW US ON SOCIAL MEDIA</a></b></div>
				<div class="MEDIA1"><b><a href="https://www.youtube.com/channel/UCBaRXMUGSoJeHLFBMa0q7Vg" style="color:inherit;text-decoration:none;">SUBSCRIBE TO OUR CHANNEL</a></b></div>

				<!-- Latest News -->
				<div class="SOC" style="height:265px;overflow-y:scroll;">
					{% include news.html %}
				</div>

				<!-- Facebook Page -->
				<div class="SOC" style="text-align:center;background:#f9f9f9;overflow-x: scroll;">
					<iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fauviitk&tabs=timeline&width=500&height=245&small_header=true&adapt_container_width=true&hide_cover=false&show_facepile=true&appId" width="500" height="245" style="border:none;overflow:hidden"
					  scrolling="no" frameborder="0" allowTransparency="true"></iframe>
				</div>

				<!-- Youtube Channel -->
				<div id="twit" class="SOC">
					<iframe width="100%" height="260" src="https://www.youtube.com/embed/videoseries?list=PLMCgouOF_rduD-_N8gBqEeiYReQYJ4P3T" frameborder="0" allowfullscreen></iframe>
				</div>

				<!-- Local NavBar -->
				<div id="MEDIA2" style="text-align:center;">
					<div style="width:150px;display:inline-block;">
						<div class="MEDIA21 fa fa-edit" onclick="lanews()"></div>
						<div class="MEDIA21 fa fa-facebook" onclick="fb1()"></div>
						<div class="MEDIA21 fa fa-youtube" onclick="twit1()"></div>
					</div>
				</div>

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