-
Notifications
You must be signed in to change notification settings - Fork 0
/
higher.html
215 lines (160 loc) · 8.05 KB
/
higher.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
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
<!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>Age(9-16)</title>
<link rel="stylesheet" href="higher.css">
<!-- Google fonts adding by link -->
<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=Merriweather+Sans:ital,wght@0,500;0,600;0,700;0,800;1,300;1,600;1,700;1,800&display=swap"
rel="stylesheet">
<link href='https://fonts.googleapis.com/css?family=Permanent Marker' rel='stylesheet'>
<!-- ====== Adding google icons ===== -->
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
</head>
<body>
<link rel="stylesheet" type="text/css"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.2/css/all.min.css">
<!-- ========Navbar============= -->
<nav>
<div class="container nav__container">
<a href="#" class="logo">ACHIEVERS</a>
<ul class="nav__menu">
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="courses.html">Courses</a></li>
<li><a href="#kontact">Contact</a></li>
</ul>
</div>
</nav>
<!-- ================== End Of Navbar ================== -->
<!-- =========== Header ==================-->
<header>
<div class="container header__container">
<div class="header__right">
<div class="header__right-image">
<img src="./images/higher.png" class="higimage" alt="header__right-image">
</div>
</div>
<div class="header__left">
<h1>
Time Managemnet Skills are must in this Fastest growing world.
</h1>
<p>
Learn to become a problem solver in your group. Learn to plan your studies and day well with these
courses.
</p>
<a href="#korses" class="btn btn-primary">Get Started</a>
</div>
</div>
</header>
<!-- ======== End of Header ============== -->
<!-- ========= Adding The Categarious =========== -->
<section class="courses" id="korses">
<h2>Choose Anyone to Start</h2>
<div class="container courses__container">
<article class="course3">
<div class="course__info">
<img src="./images/problemsolving1.png" alt="">
<h4>Problem Solving</h4>
<p>"Meditation allows us to directly participate in our lives instead of living life as an
afterthought."
<!--They can also reduce anxiety about tests and deadlines. By developing effective study skills, you may be able to cut down on the numbers of hours spend studying, leaving more time for other things in your life-->
</p>
<a href="./Problem solving/index.html" class="btn btn-primary">Start Now</a>
</div>
</article> <article class="course2">
<div class="course__info">
<img src="./images/dailycontest.png" alt="">
<h4>Problem Solving Quizzes</h4>
<p> Good study skills can increase your confidence, competence, and self-esteem.
<!--They can also reduce anxiety about tests and deadlines. By developing effective study skills, you may be able to cut down on the numbers of hours spend studying, leaving more time for other things in your life-->
</p>
<a href="./General Quiz/General Quiz Middle/index.html" class="btn btn-primary">Start Now</a>
</div>
</article>
<article class="course">
<div class="course__info">
<img src="./images/Meditation.png" alt="">
<h4>Meditation</h4>
<p>
Develops determination and Improves Focus.
</p>
<a href="begineers-med/begineers.html" class="btn btn-primary">Start Now</a>
</div>
</article>
<article class="course1">
<div class="course__info">
<img src="./images/goal tracker 1.png" alt="" class="tracker">
<h4>Techniques</h4>
<p>Tracking helps you stay focused on what's important to reaching your goal.
<!--It helps you identify potential obstacles and strategies for how to overcome them. It can help you set more realistic goals and stay positive along the way. Take a look at this structured course by our team.-->
</p>
<a href="./Techniques/front.html" class="btn btn-primary">Start Now</a>
</div>
</article>
<article class="course1">
<div class="course__info">
<img src="./images/goal tracker 1.png" alt="" class="tracker">
<h4>Goal Tracker</h4>
<p>Tracking helps you stay focused on what's important to reaching your goal.
<!--It helps you identify potential obstacles and strategies for how to overcome them. It can help you set more realistic goals and stay positive along the way. Take a look at this structured course by our team.-->
</p>
<a href="http://localhost/Goal_it/login.php" class="btn btn-primary">Start Now</a>
</div>
</article>
</div>
</section>
<!-- ======= End of courses ========= -->
<!-- ========= Footer ========== -->
<footer class="footer" id="kontact">
<div class="container footer__container">
<div class="footer__1">
<a href="index.html" class="footer__logo logo" style="color: white;">ACHIEVERS</a>
</div>
<div class="footer__2">
<h4>Helpful Links</h4>
<ul class="helpfullinks">
<li> <a href="index.html">Home</a> </li>
<li> <a href="">About</a> </li>
<li> <a href="">Courses</a> </li>
<li> <a href="#kontact">Contact</a></li>
</ul>
</div>
<div class="footer__3">
<h4>Privacy</h4>
<ul class="privacy">
<li><a href="">Privacy Policy</a></li>
<li><a href="">Terms and conditions</a></li>
<li><a href="">refund Policy</a></li>
</ul>
</div>
<div class="footer__4">
<h4>Contact Us</h4>
<ul class="cpntact">
<li><a href="">+91 9833911446</a></li>
<li><a href="">[email protected]</a></li>
</ul>
</div>
<div class="footer__socials">
<div class="social-links">
<a href="#"><i class="fab fa-facebook-f"></i></a>
<a href="#"><i class="fab fa-twitter"></i></a>
<a href="#"><i class="fab fa-instagram"></i></a>
<a href="#"><i class="fab fa-linkedin"></i></a>
</div>
</div>
<div class="footer__copyright">
<small>Copyright</small>
</div>
</div>
</div>
</footer>
<!-- ========= end of Footer =========== -->
<script src="./main.js"></script>
</body>
</html>