-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathskydivingCollection.html
87 lines (68 loc) · 5.08 KB
/
skydivingCollection.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
<!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>Snowboarding Collection</title>
<link rel="stylesheet" href="socialMediaStyles.css">
<link rel="stylesheet" href="videoStyles.css">
<link rel="stylesheet" href="mainStyle.css">
<!-- Font Style -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Oooh+Baby&display=swap" rel="stylesheet">
</head>
<body>
<div class="navBar">
<nav>
<a class="navLinks" href="./index.html">Home</a> |
<a class="navLinks" href="./snowboardingCollection.html">Snowboarding Collection</a> |
<a class="navLinks" href="./skydivingCollection.html">Skydiving Collection</a> |
<a class="navLinks" href="./baliCollection.html">Bali Collection</a> |
<a class="navLinks" href="./uploadForm.html">Upload Video</a>
<a id="signIn" href="">Sign In </a><span id="signIn">~</span>
<a id="signUp" href=""> Sign Up</a>
</nav>
<div class="socialMedia">
<a href="https://www.facebook.com/"><img class="smicons" id="fb" src="images/FacebookIcon.png" alt="Facebook" target="_blank"></a>
<a href="https://www.instagram.com/"><img class="smicons" id="instg" src="images/InstagramIcon.png" alt="Instagram" target="_blank"></a>
<a href="https://twitter.com/"><img class="smicons" id="twtr" src="images/TwitterIcon.png" alt="Twitter" target="_blank"></a>
<a href="https://www.youtube.com/"><img class="smicons" id="yt" src="images/YoutubeIcon.png" alt="YouTube" target="_blank"></a>
<a href="https://www.tiktok.com/"><img class="smicons" id="tktk" src="images/TikTokIcon.png" alt="TikTok" target="_blank"></a>
<a href="https://www.whatsapp.com/"><img class="smicons" id="wa" src="images/WhatsappIcon.png" alt="WhatsApp" target="_blank"></a>
</div>
</div>
<br>
<div class="collectionImgLinks">
<a id="homeImg" href="./index.html"><img src="images\home.png" alt="Home" title="home" style="height: 20vh;"></a>
<a id="snowImg" href="./snowboardingCollection.html"><img src="images\snowboard.png" alt="Snowboarding Collection" title="Snowboarding Collection" style="height: 20vh;"></a>
<a id="skyImg" href="./skydivingCollection.html"><img src="images\skydive.png" alt="Skydiving Collection" title="Skydiving Collection" style="height: 40vh;"></a>
<a id="baliImg" href="./baliCollection.html"><img src="images\bali.png" alt="Bali Collection" title="Bali Collection" style="height: 20vh;"></a>
<a id="uploadImg" href="./uploadForm.html"><img src="images\upload.png" alt="Upload Video" title="Upload Video" style="height: 20vh;"></a>
</div>
<br>
<hr>
<br>
<div class="videoContainer">
<div class="videos">
<iframe width="340" height="215" src="https://www.youtube.com/embed/Arom2bhL2lk" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"></iframe><br>
<a href="selectedVideo\sky\sky1.html">skydiving boogie</a><br><br><br>
<iframe width="340" height="215" src="https://www.youtube.com/embed/ggdRlQTVav8" title="YouTube video player" frameborder="0" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture"></iframe><br>
<a href="selectedVideo\sky\sky2.html">skydiving boogie</a><br><br><br>
<iframe width="340" height="215" src="https://www.youtube.com/embed/0eR5mRenDZs" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"></iframe><br>
<a href="selectedVideo\sky\sky3.html">skydiving boogie</a><br><br><br>
<iframe width="340" height="215" src="https://www.youtube.com/embed/MJH-hcoVd_c" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"></iframe><br>
<a href="selectedVideo\sky\sky4.html">skydiving boogie</a><br><br><br>
<iframe width="340" height="215" src="https://www.youtube.com/embed/vvbN-cWe0A0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"></iframe><br>
<a href="selectedVideo\sky\sky5.html">skydiving boogie</a><br><br><br>
<iframe width="340" height="215" src="https://www.youtube.com/embed/WTTOnvvEpn0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"></iframe><br>
<a href="selectedVideo\sky\sky6.html">skydiving boogie</a><br><br><br>
</div>
</div>
<hr>
<footer>
<a id="footerLink" href="https://www.youtube.com/channel/UCsIkg9xeZvjdL5FdHLtEL1Q"><img src="images/peepleHooDooStough.jpg" alt="Peeplehoodoo Stough" title="Peeplehoodoo Stough" style="height: 4em;"></a>
</footer>
</body>
</html>