-
Notifications
You must be signed in to change notification settings - Fork 0
/
main.html
70 lines (64 loc) · 3.29 KB
/
main.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
<!-- TODO : CREATE A PRE LOADER FOR THIS -->
<!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>Challenge #1</title>
<link rel="stylesheet" href="/minecraft/style.css">
<link rel="icon" href="/minecraft/images/icon-main.svg">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/video.js/7.0.0/video.min.js"
integrity="sha512-LiILFcpZ9QKSH41UkK59Zag/7enHzqjr5lO2M0wGqGn8W19A/x2rV3iufAHkEtrln+Bt+Zv1U6NlLIp+lEqeWQ=="
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<link href="https://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">
</head>
<body>
<div id="scrolltop">
<a class="top-button" href="#top"><i class="icon-chevron-up"></i></a>
</div>
<div id="progressbar"></div>
<div id="scrollpath"></div>
<div id="percent"></div>
<div class="content" id="content">
<!-- <h1 id="heading">Minecraft Basics</h1> -->
<img src="/minecraft/images/img-text.svg" class="img-text">
<!-- <button onclick="toggletheme()" class="togglebtn"><b>T</b></button> -->
<audio src="/minecraft/sounds/advancementRare.mp3" id="sound"></audio>
<p id="para">
Minecraft is a 3D <b>Sand Box</b> Game. It has Infinite possibilities, It has a variety of different
<b>biomes</b> and you can build anything you want. <br />
Developed by <i>Mojang Studios</i> and managed by <i>Microsoft Corporation</i>, the Game is <b>#1
Trending</b> and
is a Huge sucess.
</p>
<p style="text-align: center; margin-top:2rem;font-family: 'Titillium Web';font-size:1.35rem;">Get
Started
with
<b><a href="#name">Minecraft <span>▼</span></a></b>
</p>
<br>
<br>
</div><a name="name"> </a>
<div class="content" style="top: 11%; height: 100vh;overflow: hidden;">
<iframe src="/minecraft/vid-manager.html" style="position: relative;width: 100%;height: 100%;" frameborder="0"></iframe>
</div>
<div class="content" style="top: 17%; height: 100vh;overflow: hidden">
<!-- <iframe src="/vid-player.html" style="position: relative;width: 100%;height: 100%;" frameborder="0"></iframe> -->
<iframe height="100%" width="100%" src="https://www.youtube.com/embed/bUudx1cPiAA" title="YouTube video player"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen></iframe>
</div>
<br>
<footer class="footer">
<p style="text-align: center;" class="cp">ⓒ Copyright 2022-2023</p>
<p style="text-align: center;" class="cp">Minecraft™ is a trademark of <b>Mojang Synergies AB</b>. We are not
affiliated with Mojang.
</p>
</footer>
<script src="/minecraft/script.js"></script>
</body>
</html>