-
Notifications
You must be signed in to change notification settings - Fork 0
/
adaptation.html
64 lines (59 loc) · 3.11 KB
/
adaptation.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, minimum-scale = 1.0, initial-scale = 1.0, maximum-scale = 5.0, user-scalable=yes, shrink-to-fit=no">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="description" content="Kyle Francis Chua's Thesis project that aims to keep Philippine cultural dances alive">
<meta property="og:title" content="Kibo">
<meta property="og:type" content="website">
<meta property="og:description" content="Kyle Francis Chua's Thesis project that aims to keep Philippine cultural dances alive">
<link rel="stylesheet" href="bootstrap.min.css">
<link rel="stylesheet" href="animate.css">
<link rel="stylesheet" href="main.css">
<link rel="stylesheet" href="style.css">
</head>
<body>
<nav class="navbar navbar-expand-lg py-4">
<div class="navbarContainter">
<ul class="flex spaceBetween alignCenter">
<li class="nav-item">
<a href="/" class="navbar-brand"><img src="./resources/logo/logo.svg" alt="logo"></a>
</li>
<li class="nav-item">
<a href="about.html" class="nav-link">About</a>
</li>
<li class="nav-item">
<p class="nav-link" style="cursor: pointer">Dances</p>
<ul class="dance-dropdown">
<li><a href="dances-ba-ingles.html" class="nav-link nav-dropdown">Ba-Ingles</a></li>
<li><a href="dances-polka.html" class="nav-link nav-dropdown">Polka</a></li>
</ul>
</li>
<li class="nav-item">
<a href="adaptation.html" class="nav-link">Adaptation</a>
</li>
</ul>
</div>
</nav>
<section id="application" class="my-5">
<div class="container">
<div class="row flex alignCenter">
<div class="col-md-6 application-container animated slideInLeft">
<h1>Adaptation</h1>
<p>Beyond the education of dancers and individuals alike about folk dance, another goal of this website is to help people realize how these dances, and the steps learned from them can go beyond the stereotypical perceptions of unrelatability.</p>
<br>
<p>The adaptation section is <b>dedicated to the combination of dances with current dance practices</b> to solidify the reality that when context is properly understood and a more open mindset is placed, these practices can be relatable to current urban cultures.</p>
<br><br>
<p style="font-size: 16px"><strong>If you’d like to give your own take on adapting Philippine Dance steps into modern dance practices, send your video to: </strong> <span style="color: #E8871E; font-weight: 800">kibodances@gmail.com</span></p>
</div>
<div class="col-md-1"></div>
<div class="col-md-5 animated slideInRight">
<iframe style="position: relative; height: 360px; width: 100%;" src="https://www.youtube.com/embed/sZOFkKE25HY" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
</div>
</section>
<script src="script.js"></script>
</body>
</html>