-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
45 lines (39 loc) · 2.05 KB
/
index.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
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="normalize.css">
<link rel="stylesheet" href="stylebasis.css">
<link rel="stylesheet" href="css/magnify.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<script src="js/barba.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/soundjs.min.js"></script>
<script type="text/javascript" src="js/functions.js"></script>
<script type="text/javascript" src="js/anime.min.js"></script>
<script type="text/javascript" src="js/jquery.magnify.js"></script>
</head>
<div id="barba-wrapper">
<div class="barba-container">
<body onload="loadSound();">
<main class="main_content welcome_container">
<div class="overlay"></div>
<section class="page">
<h1>Ready to Learn about Color?</h1>
<aside class="article_content">
<article>
<h2>Introduction Video</h2>
<div class="excerpt">
<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/UZ5UGnU7oOI?controls=0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<p>Light is electromagnetic radiation within a certain portion of the electromagnetic spectrum. The word usually refers to visible light, which is the visible spectrum that is visible to the human eye and is responsible for the sense of sight. Visible light is usually defined as having wavelengths in the range of 400-700 nanometres (nm), or 4.00 x 10-7 to 7.00 x 10-7 m, between the infrared (with longer wavelengths) and the ultraviolet (with shorter wavelengths). This wavelength means a frequency range of roughly 430-750 terahertz (THz).</p>
</div>
</article>
<a class="module_start">
<button class="nav_button nav_button--standard nav_button--validate"><span>Let's Go!</span></button>
</a>
</aside>
</section>
</main>
</body>
</div>
</div>
</html>