-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathbaliCollection.html
83 lines (68 loc) · 5.09 KB
/
baliCollection.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
<!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>Bali 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: 20vh;"></a>
<a id="baliImg" href="./baliCollection.html"><img src="images\bali.png" alt="Bali Collection" title="Bali Collection" style="height: 40vh;"></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="380vh" height="240vh" src="https://www.youtube.com/embed/rBrKcvhqLBY" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"></iframe><br>
<a href="selectedVideo\bali\bali1.html">Bali, Indonesia</a><br><br><br>
<iframe width="380vh" height="240vh" src="https://www.youtube.com/embed/FvlOAJ9Snhs" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"></iframe><br>
<a href="selectedVideo\bali\bali2.html">Bali, Indonesia</a><br><br><br>
<iframe width="380vh" height="240vh" src="https://www.youtube.com/embed/rCsW1-HQN_o" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"></iframe><br>
<a href="selectedVideo\bali\bali3.html">Bali, Indonesia</a><br><br><br>
<iframe width="340" height="215" src="https://www.youtube.com/embed/Uaff2Y5zkjE" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"></iframe><br>
<a href="selectedVideo\bali\bali4.html">Bali, Indonesia</a><br><br><br>
<iframe width="340" height="215" src="https://www.youtube.com/embed/6WBw7YYYJmw" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"></iframe><br>
<a href="selectedVideo\bali\bali5.html">Bali, Indonesia</a><br><br><br>
<iframe width="340" height="215" src="https://www.youtube.com/embed/1_25a4DTOTI" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"></iframe><br>
<a href="selectedVideo\bali\bali6.html">Bali, Indonesia</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>