-
Notifications
You must be signed in to change notification settings - Fork 0
/
video2.html
70 lines (65 loc) · 3.03 KB
/
video2.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/icons/bootstrap-icons.css">
<!-- Custom CSS -->
<link rel="stylesheet" href="assets/css/custom.css">
</head>
<body>
<div class="cs-container">
<div class="cs-navigation">
<ul>
<li class="cs-navigation-list">
<a href="#">
<span class="cs-navigation-icon"><i class="bi bi-house"></i></span>
<span class="cs-navigation-text">Home</span>
</a>
</li>
<li class="cs-navigation-list cs-navigation-active">
<a href="#">
<span class="cs-navigation-icon"><i class="bi bi-list"></i></span>
<span class="cs-navigation-text">Menu</span>
</a>
</li>
<li class="cs-navigation-list">
<a href="#">
<span class="cs-navigation-icon"><i class="bi bi-person"></i></span>
<span class="cs-navigation-text">Profil</span>
</a>
</li>
<div class="cs-navigation-indicator"></div>
</ul>
</div>
<section class="cs-materi">
<div class="cs-container-content">
<div class="cs-header">
<a class="cs-btn-back"><i class="bi bi-arrow-left-circle"></i></a>
<div class="h1">Video Pembelajaran</div>
</div>
<div class="d-flex flex-column justify-content-center py-2">
<div class="cs-card">
<iframe width="100%" height="200" src="https://www.youtube.com/embed/yTV_KawuxpI" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<h4 class="my-2">Apa itu Kewargaan Digital?</h3>
<p class="my-0 small fw-bold">Nadisa Yulianty</p>
<p class="my-1 small">
Hai! Sebagai generasi milenial yang hidup di era digital seperti saat ini, kebutuhan dan aktivitas yang serba cepat menuntutmu untuk tidak lepas dari perkembangan teknologi. Generasi milenial kerap dianggap terpapar berbagai perangkat teknologi, terutama gadget.
</p>
</div>
</div>
</section>
</div>
<!-- Jquery JS -->
<script src="assets/js/jquery-3.6.0.min.js"></script>
<!-- Bootstrap JS -->
<script src="assets/js/bootstrap.bundle.min.js"></script>
<!-- Custom JS -->
<script src="assets/js/custom.js"></script>
</body>
</html>