forked from lameesad/HTML5
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
75 lines (61 loc) · 1.95 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
68
69
70
71
72
73
74
75
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>HTML5</title>
<link rel="stylesheet" href="assets/css/style.css">
<!-- <script src="assets/js/scripts.js"></script> -->
</head>
<body>
<header>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="educate.html">Educate</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</header>
<h1> Welcome to HTML5 Template </h1>
<section>
<!-- <video src="images/HTML5.mp4" controls autoplay muted></video> -->
<video src="videos/lamees.mp4" controls></video>
</section>
<article>
<p class="title"> Semantic HTML5</p>
<p class="center">HTML5 its commonly the next version which includes New shortened doctype
Array of semantic tags (ex:header, footer)
Form support, native audio and video
Canvas for creating graphics and complicated games
JavaScript API s (geolocation, drag and drop, web workers and local storage)
</p>
</article>
<img src="images/bg1.jpg" width="100%" height="500px">
<section>
<p class="title">HTML5 Details Section</p>
<details class="center">
<summary>Chapter 1, 2, 3 and 4</summary>
<video src="videos/1-html5-firstRecordChapter1to4.mp4" controls></video>
</details>
<details class="center">
<summary>Chapter 5, 6 and 7</summary>
<video src="videos/2-html5-SecondRecordChapter5to7.mp4" controls></video>
</details>
<details class="center">
<summary>Chapter 8 and 10</summary>
<video src="videos/3-html5-fourthRecord-chapter-8-10.mp4" controls></video>
</details>
<details class="center">
<summary>Chapter 11 and 13</summary>
<video src="videos/4-html5-fifthRecord-chapter-11-13.mp4" controls></video>
</details>
<details class="center">
<summary>Chapter 14 and 15</summary>
<video src="videos/5-html5-finalRecord-14-15.mp4" controls></video>
</details>
</section>
<footer>
<span>HTML5 template by Lamees</span>
</footer>
</body>
</html>