-
Notifications
You must be signed in to change notification settings - Fork 2
/
Index.html
116 lines (100 loc) · 5 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
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script defer src ="script_index.js"></script>
<link rel="stylesheet" href="style_index.css">
<title>GraphMyEdu</title>
</head>
<body>
<header>
<h2 class="logo">DROPOUT RATES</h2>
<nav class="navigation">
<a href="Index.html">Home</a>
<a href="#footer">About Devs</a>
<a href="#">Contact us</a>
<button href="reg_index.html" class="btnLogin" onclick="window.location.href = 'reg_index.html';">
Log-in
</button>
</nav>
</header>
<section class="hidden">
<h1>Welcome
</h1>
<br>
Due to socioeconomic inequality and restricted access to high-quality education, dropout rates in India continue to be a serious problem, especially in rural regions. High dropout rates impede academic advancement and economic growth, emphasizing the need for focused interventions and better infrastructure to provide fair access to education for everyone.
</section>
<div class="slider">
<div class="images">
<input type="radio" name="slide" id="img1" checked>
<input type="radio" name="slide" id="img2">
<input type="radio" name="slide" id="img3">
<input type="radio" name="slide" id="img4">
<img src="./graph1.jpg" class="m1" alt="img1">
<img src="./graph2.jpg" class="m2" alt="img2">
<img src="./graph3.jpg" class="m3" alt="img3">
<img src="./graph4.jpg" class="m4" alt="img4">
<img src="./graph5.jpg" class="m4" alt="img5">
</div>
<div class="dots">
<label for="img1"></label>
<label for="img2"></label>
<label for="img3"></label>
<label for="img4"></label>
<label for="img5"></label>
</div>
</div>
<section class="hidden">
<h2>Rates of Learning Interruptions </h2>
<br>
<p>The school system in India has historically been quite concerned with dropout rates. Although enrollment rates have increased over time, dropout rates—particularly at the basic and secondary levels—remain a serious problem. These high dropout rates are caused by a number of things, such as socioeconomic inequality, poor infrastructure, and cultural norms. Many children have difficulties that cause them to quit school early, especially in rural and economically deprived areas. These difficulties frequently include having to support the family financially or not having access to a good education. India has been adopting numerous programs and policies to address this issue, including the Sarva Shiksha Abhiyan (SSA) and the Mid-Day Meal Scheme, which both seek to lower dropout rates. However, reducing dropout rates in India has to make consistent efforts to guarantee that all students have equal access to education and to foster an atmosphere where they may stay in school and finish their degrees, boosting their future chances and fostering national growth.
</p>
</section>
<section>
</section>
<section class="hidden">
Thank You!
</section>
<footer class="footer" id="footer">
<div class="social">
<h1> About Us:</h1>
<div class="pasbut">
<button class="button"><ion-icon name="logo-github"></ion-icon></button>
<div class="drp-cont">
<a id="top" href="#">Arka Sengupta</a>
<a id="middle" href="#">Arijit Chaterjee</a>
<a id="bottom" href="#">Ayan Dasgupta</a>
<a id="top" href="#">Trishagni Mandal</a>
<a id="middle" href="#">Anubhab Mukherjee</a>
<a id="bottom" href="#">Barkha Vijay</a>
</div>
</div>
<div class="pasbut">
<button class="button"><ion-icon name="logo-linkedin"></ion-icon></button>
<div class="drp-cont">
<a id="top" href="#">Arka Sengupta</a>
<a id="middle" href="#">Arijit Chaterjee</a>
<a id="bottom" href="#">Ayan Dasgupta</a>
<a id="top" href="#">Trishagni Mandal</a>
<a id="middle" href="#">Anubhab Mukherjee</a>
<a id="bottom" href="#">Barkha Vijay</a>
</div>
</div>
<div class="pasbut">
<button class="button"><ion-icon name="logo-discord"></ion-icon></button>
<div class="drp-cont">
<a id="top" href="#">Arka Sengupta</a>
<a id="middle" href="#">Arijit Chaterjee</a>
<a id="bottom" href="#">Ayan Dasgupta</a>
<a id="top" href="#">Trishagni Mandal</a>
<a id="middle" href="#">Anubhab Mukherjee</a>
<a id="bottom" href="#">Barkha Vijay</a>
</div>
</div>
</div>
</footer>
<script type="module" src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.esm.js"></script>
<script nomodule src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.js"></script>
</body>
</html>