-
Notifications
You must be signed in to change notification settings - Fork 0
/
media.html
executable file
·47 lines (42 loc) · 2.42 KB
/
media.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
<!DOCTYPE html>
<html>
<head>
<title>Taskforce - Media</title>
<!-- Meta Tags -->
<meta charset="UTF-8">
<meta name="description" content="Taskforce NITK">
<meta name="keywords" content="Taksforce,NITK,Modules">
<meta name="author" content="Taskforce NITK">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- CSS Files -->
<link rel="shortcut icon" href="images/favicon.png">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-rc.2/css/materialize.min.css">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/index.css">
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto+Slab" rel="stylesheet">
<!-- Javascript Files -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>
<body>
<div id="header" class="navbar-fixed"></div>
<div class="center-align">
<h1><span class="myellow">Media</span></h1>
</div>
<div class="container content">
TaskForce Media team helps the Students’ Council, Hostel Council and Team IRIS in creating creatives for the events happening in college all around the year. It works to create videos and posters for the promotion and publicity of the different initiatives of the Councils and the TaskForce.
</div>
<div class="center-align">
<iframe class="tskf-video" src="https://www.youtube.com/embed/FYNmulsUkjo" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<iframe class="tskf-video" src="https://www.youtube.com/embed/WKTcx7y8yeE" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<iframe class="tskf-video" src="https://www.youtube.com/embed/x-jVjBsbP2Y" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<footer class="page-footer grey lighten-2 black-text">
</footer>
<script type="text/javascript">
$('#header').load('header.html', function() {
$('.header-list').prepend('<li><a href="/">HOME</a></li>');
});
$('footer').load('footer.html');
</script>
</body>