forked from Ananyakumar186/dscjnnce
-
Notifications
You must be signed in to change notification settings - Fork 0
/
videos.html
134 lines (110 loc) · 4.75 KB
/
videos.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
127
128
129
130
131
132
133
134
<!-- videos.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0">
<link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet">
<link rel="stylesheet" type=text/css href="./videos.css">
<title>Video</title>
</head>
<body>
<main>
<!-- Main Navigation Bar -->
<nav class="main-nav sticky-nav-bar">
<!-- DSC JNNCE Logo -->
<div class="main-logo">
<a href="index.html"><img src="img/dsc.png" alt="DSC Logo JNNCE"></a>
</div>
<ul class=" main-ul">
<li class="menu-class a-hover-effect" id="home-id"><a href="index.html">Home</a></li>
<li class="menu-class a-hover-effect" id="team-id"><a href="card.html">Team</a></li>
<li class="menu-class a-hover-effect" id="blog-id"><a href="feed.html">Projects</a>
</li>
<li class="menu-class a-hover-effect" id="eureka-id"><a
href="eureka.HTML">Eureka</a>
</li>
<li class="menu-class a-hover-effect" id="video-id"><a href="#">Video</a></li>
<li class="menu-class a-hover-effect" id="contact-id"><a href="index.html#cont">Contact Us</a>
</li>
</ul>
<!-- Mobile Navigation -->
<div class="burger-logo">
<div class="line1"></div>
<div class="line2"></div>
<div class="line3"></div>
</div>
</nav>
<script type=text/javascript src="index.js"></script>
</main>
<header>
<div class="headline">
Stories from the Community
</div>
</header>
<div class="grid-container">
<div class="videos">
<iframe width="950" height="500" src="https://www.youtube.com/embed/xMBkZRCA_Lo" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen>
</iframe>
<div class="video-description">
<p>
Helping students bridge the gap between theory and practice
Developer Student Clubs
are university based community groups
for students interested in Google developer technologies.
Students from all undergraduate or graduate programs with an
interest in growing as a developer are welcome. By joining a DSC,
students grow their knowledge in a peer-to-peer learning environment
and build solutions for local businesses and their community.
</p>
</div>
</div>
<!-- <div class="videos">
<iframe width="560" height="315" src="https://www.youtube.com/embed/DcN_hcHXR_0" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen>
</iframe>
<div class="video-description">
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Non dolorem iste, quisquam ea harum
suscipit modi, labore magnam a eum eligendi facilis unde doloribus voluptas sunt cum tenetur!
Repellendus, nemo!
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quos, natus laboriosam temporibus autem cum
praesentium et voluptatibus, deleniti ab iste aliquam ut tempora aliquid, unde excepturi. Quod dolor
eligendi voluptatem!
</p>
</div>
</div> -->
</div>
<br>
<br>
<div class="subscribe-button">
<button type="button">
<a href="https://youtube.com/channel/UCgWeCzjo3ltIZEkAvqILR1g" target=_blank>Subscribe</a>
</button>
</div>
<br>
<br>
<br>
<div class="playlist-header">
<div class="headline">
Playlist
</div>
</div>
<div class="grid-container">
<div class="playlist">
<iframe width="950" height="500"
src="https://www.youtube.com/embed/videoseries?list=PLOU2XLYxmsIJPLtXeKN8iTQuvadcwi6Ig" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen>
</iframe>
</div>
</div>
<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
<script>
AOS.init();
</script>
</body>
</html>