-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
67 lines (59 loc) · 2.61 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
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
<!DOCTYPE html>
<html>
<head> <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="google-site-verification" content="Ub6LLDfczY9apdDwMDdYBFD55voDA9LRDCfXZU0y0vE" />
<meta name="HandheldFriendly" content="true">
<div class="TITLE"><title> HTML Crash Course </title></div>
<link rel="icon" href="Images/Web logo.png" />
<link rel="stylesheet" href="stylesheet.css">
<a class="homepage_shortcut" href="index.html">
<img src="Images/Web logo.png" width="10%" height="auto">
</a>
<script>
function alertUser(msg) {
alert(msg);
}
</script>
</head>
<body onload="alertUser('IT IS RECOMMENDED THAT YOU USE THIS WEBSITE ON A COMPUTER OR TABLET IN FULLSCREEN IN ORDER TO GET THE BEST EXPERIENCE')">
<div id="progressbar"></div>
<div id="scrollpath"></div>
<div id="percent"></div>
<div class="navbar">
<div class="dropdown">
<button class="dropbtn"> Courses
<i class="fa fa-caret-down"></i>
</button>
<div class="dropdown-content">
<a href="Step_1.html">Basics of HTML</a>
</div>
</div>
<a href="Sources.html" target="_blank">Sources</a>
</div>
<h1 style="margin-top: 5%;"> HTML Coding Crash Course </h1>
<h2> Hey there! Have you ever wanted to learn how to make websites using HTM?
Well, you have come to the right place. This website would help you start programming
in HTML by giving you a step by step guide which is easy to understand and
follow! In order to start your website programming journey, click the link below:
</h2>
<div style="position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: -1;" >
<video id="video" style="width:100%; height:100%" playsinline autoplay loop muted>
<source src="https://st4.depositphotos.com/18218294/28883/v/600/depositphotos_288832128-stock-video-code-2-4-scrolling-html.mp4" type="video/mp4">
</video>
</div>
<div>
<a href="Step_1.html" class="homepage_buttons"> Writing the Code for your Website in HTML</a>
</div>
<script type="text/javascript">
var percent = document.getElementById("progressbar");
var percent = document.getElementById("percent");
var totalHeight = document.body.scrollHeight - window.innerHeight;
window.onscroll = function(){
var progress = (window.pageYOffset / totalHeight) * 100;
progressbar.style.height = progress + "%";
percent.innerHTML = Math.round(progress) + "%"
}
</script>
</body>
</html>