-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
74 lines (65 loc) · 3.7 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
<!-- Create a wireframe with the help of whimscicle.com and start building accordingly2 -->
<!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>Apni kaksha |Home</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<h1>Apni Kaksha</h1>
</header>
<nav>
<a href="#">Home</a>
<a href="#">College review</a>
<a href="#">Cources</a>
<a href="#">Study Material</a>
<a href="#">Login/ SignUp </a>
</nav>
<main>
<section>
<h2>Cources</h2>
<video src="video/vid1.mp4" width = "33%" poster="../Wallpapers/123.jpg" controls autoplay loop muted ></video>
<video src="video/vid2.mp4" width = "33%" controls></video>
<video src="video/vid1.mp4" width = "33%" controls></video>
<br>
<br>
<video src="video/vid1.mp4" width = "33%" poster="../Wallpapers/123.jpg" controls ></video>
<video src="video/vid2.mp4" width = "33%" controls></video>
<video src="video/vid1.mp4" width = "33%" controls></video>
</section>
<section>
<h2>College Reviews</h2>
<iframe width="33%" height="315" src="https://www.youtube.com/embed/61ppyY5rUB0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
<iframe width="33%" height="315" src="https://www.youtube.com/embed/u64gyCdqawU" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
<iframe width="33%" height="315" src="https://www.youtube.com/embed/61ppyY5rUB0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</section>
<section>
<h2>Study Material</h2>
<a target = "_blank"href="Notes/BT21CSE004_5thSemHostelFee.pdf"><img src="Notes/notes2.jpg" height = "400px" width = "24%" alt=""></a>
<a target = "_blank"href="Notes/BT21CSE004_5thSemHostelFee.pdf"><img src="Notes/notes1.jpg" height = "400px" width = "24%" alt=""></a>
</section>
<section>
<h2>Our founder</h3>
<img src="Notes/notes1.jpg" height="400px" alt="">
<h3>Some Random Image</h3>
<a href="https://youtube.com">Youtube</a> |
<a href="https://youtube.com">Instagram</a> |
<a href="https://youtube.com">LinkedIn</a>
<h4>Some text that is important enough to write in h4 with the help of h4 tag I dont know what to write here</h4>
<h5>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam nemo unde rerum magni ab earum placeat a quas magnam possimus eaque molestiae, odit, saepe atque totam ducimus maxime eligendi reprehenderit, optio cum blanditiis! Asperiores laboriosam nisi maiores iste amet accusamus ipsum fugit quo. Ea accusantium facere unde cumque ullam assumenda!\</h5>
</section>
</main>
<footer>
<a href="#">FAQ</a>
<a href="#">Contact</a>
<a href="#">Terms of use</a>
<a href="#">Privacy Policy</a>
<a href="#">Refund Policy</a>
<a href="#">© 2023 | apni kaksha</a>
</footer>
</body>
</html>