-
Notifications
You must be signed in to change notification settings - Fork 9
/
index.html
148 lines (146 loc) · 5.84 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
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
<!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>English Net</title>
<link rel="shortcut icon" href="images/Elogo.png" />
<!--Bootstrap css-->
<link rel="stylesheet" href="styles/bootstrap.min.css" />
<link rel="stylesheet" href="styles/Home.css" />
<!--google font roboto and sans-->
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap" rel="stylesheet"/>
<!--fontawsome icon script-->
<script src="https://use.fontawesome.com/releases/v5.15.4/js/all.js" data-auto-a11y="true"></script>
</head>
<body>
<div id="home">
<!--nav bar-->
<header id="home">
<nav class="navbar navbar-expand-md navbar-dark bg-dark fixed-top">
<div class="container-fluid">
<a class="navbar-brand" href="#"><img id="logo" src="images/nav-logo.png" alt=""></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavDropdown">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a id="nav-home" class="nav-link" aria-current="page" href="#home">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="pages/Grammer.html">Grammar</a>
</li>
<li class="nav-item">
<a class="nav-link" href="pages/Vocabulary.html">Vocabulary</a>
</li>
<li class="nav-item">
<a class="nav-link" href="pages/Speech.html">Speech</a>
</li>
<li class="nav-item">
<a class="nav-link" href="pages/Quiz.html">Quiz</a>
</li>
<li class="nav-item">
<a class="nav-link" href="pages/About.html">About</a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<!--nav bar end-->
<!--main banner-->
<div class="banner"></div>
<div class="message">
<h1>Welcome to E-net</h1>
<h5>Totally free english learning platform!</h5>
</div>
<div class="btn-set">
<div class="row1">
<ul>
<li>
<a id="g-btn" href="pages/Grammer.html"><button type="button" class="btn btn-outline-light btn-lg shadow-none">Grammer</button></a>
</li>
<li>
<a id="v-btn" href="pages/Vocabulary.html"><button type="button" class="btn btn-outline-light btn-lg shadow-none">Vocabulary</button></a>
</li>
</ul>
</div>
<div class="col1">
<ul>
<li>
<a id="s-btn" href="pages/Speech.html"><button type="button" class="btn btn-outline-light btn-lg shadow-none">Speech</button></a>
</li>
<li>
<a id="q-btn" href="pages/Quiz.html"><button type="button" class="btn btn-outline-light btn-lg shadow-none">Quiz</button></a>
</li>
</ul>
</div>
</div>
<!--main banner end-->
<!--footer start-->
<footer class="footer text-center">
<div class="container-fluid">
<div class="row pt-4">
<div class="col-md-4">
<div class="footer-page-links row">
<ul class="m-0 mb-2">
<li>
<a href="index.html">Home</a>
</li>
<li>
<a href="pages/About.html">About</a>
</li>
<li>
<a href="">Terms</a>
</li>
</ul>
</div>
</div>
<div class="col-md-4 mb-2">
<div class="form">
<div class="input-group input-group-sm w-75 mx-auto">
<input type="email" class="form-control shadow-none send-email" placeholder="Email" aria-label="Recipient's username" aria-describedby="basic-addon2">
<div class="input-group-append input-group-sm">
<button class="btn btn-outline-light shadow-none send-email" type="button"><i class="fas fa-paper-plane"></i></button>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="social-media row">
<ul class="mb-0">
<li>
<a href="https://twitter.com/learnWitheNET?t=SgIQqCTq5IBygEoVj4AjLA&s=08" target="_blank"><i class="fab fa-twitter"></i></a>
</li>
<li>
<a href="https://www.facebook.com/Enet.RSLUP" target="_blank"><i class="fab fa-facebook-f"></i></a>
</li>
<li>
<a href="https://www.instagram.com/enet.rslup/" target="_blank"><i class="fab fa-instagram"></i></a>
</li>
<li>
<a href="" target="_blank"><i class="fas fa-globe-asia"></i></i></a>
</li>
</ul>
</div>
</div>
</div>
<div class="text-center copyright pt-2 pb-3">© 2021 Copyright:<a href="#"> RSLUP GROUP-2</a>
</div>
</div>
</footer>
</div>
<!--Jquery JS-->
<script
src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
crossorigin="anonymous"
></script>
<!--Bootstrap JS-->
<script src="scripts/bootstrap.bundle.js"></script>
</body>
</html>