Skip to content

Commit e6c0a54

Browse files
deepanshu-Rajdeepanshu-Raj
committed
Merge branch 'staticPages'
About Us page Done
2 parents 7254c44 + 7709bd1 commit e6c0a54

File tree

11 files changed

+154
-43
lines changed

11 files changed

+154
-43
lines changed

‎learning/learning/base_templates/about.html

Lines changed: 154 additions & 43 deletions
Original file line numberDiff line numberDiff line change
@@ -1,97 +1,208 @@
11
{% extends 'base.html' %}
22
{% load static %}
3-
3+
{% block css %}
4+
<script src='https://kit.fontawesome.com/a076d05399.js'></script>
5+
{% endblock %}
6+
{% block banner %}
7+
<h1 class="text-white" style="font-family: Roboto Mono Light;">
8+
About Us<!-- add a proper title here -->
9+
</h1>
10+
<p class="mx-auto text-white mt-20 mb-40" style="font-family: Roboto Mono Light;">
11+
<strong>Educating Champions of a Just and Sustainable World.</strong>
12+
</p>
13+
{% endblock %}
414
{% block content %}
5-
<h3>WELCOME</h3>
15+
<br><br>
616
<div id="fh5co-about">
7-
<div class="container">
8-
<div class="col-md-6 animate-box">
9-
<span>About Our Website</span>
10-
<h2>Welcome to Adaptive Learning</h2>
11-
<p>Adaptive learning, also known as adaptive teaching, is an educational method which uses computer algorithms to orchestrate the interaction with the learner and deliver customized resources and learning activities to address the unique needs of each learner.</p>
12-
<p>In this website, you can take different courses, learn in real time and let yourself grow with the course material and the interactive learning we offer.</p>
13-
<p>We also provide the provision of quizzes where after enrolling for a course, you can study and take a quiz ob the topics to help yourself judge your learning.</p>
17+
<div class="container">
18+
<div class="row">
19+
<div class="col-md-5 col-md-push-1 animate-box">
20+
<h1 style="font-family: Roboto Mono">About Our Website</h1><br>
21+
<hr>
22+
<p class="h3" style="font-family: Comic Sans MS;">Welcome to Adaptive Learning</p><br>
23+
<p class="h6" style="font-family: Roboto Mono Light;">Adaptive learning, also known as adaptive teaching, is an educational method which uses computer algorithms to orchestrate the interaction with the learner and deliver customized resources and learning activities to address the unique needs of each learner.</p><br>
24+
<p class="h6" style="font-family: Roboto Mono Light;">In this website, you can take different courses, learn in real time and let yourself grow with the course material and the interactive learning we offer.</p><br>
25+
<p class="h6" style="font-family: Roboto Mono Light;">We also provide the provision of quizzes where after enrolling for a course, you can study and take a quiz ob the topics to help yourself judge your learning.</p>
1426
</div>
15-
<div class="col-md-6">
16-
<img class="img-responsive" src="images/img_bg_2.jpg" alt="Free HTML5 Bootstrap Template">
27+
<div class="col-md-5 col-md-push-1 animate-box">
28+
<div class="col-md-6">
29+
<img class="img-responsive" src="../static/img/img10.jpg" alt="Studying kid" style="width: 700px;border-radius: 50%;">
30+
</div>
1731
</div>
1832
</div>
33+
<hr>
1934
</div>
35+
36+
</div>
37+
<br>
2038
<div id="fh5co-course-categories">
39+
<h1 class="text-center" style="font-family: Roboto Mono">
40+
Course categories
41+
</h1>
42+
<br>
43+
<div class="container">
44+
<p class="text-center text-dark h3" style="font-family: Comic Sans MS">
45+
We offer a great deal of courses where you can select from and help yourself grow as an individual.
46+
</p>
47+
<br>
48+
<hr>
49+
</div>
50+
<br>
2151
<div class="container">
22-
<div class="row animate-box">
23-
<div class="col-md-6 col-md-offset-3 text-center fh5co-heading">
24-
<h2>Course categories</h2>
25-
<p>We offer a great deal of courses where you can select from and help yourself grow as an individual.</p>
26-
</div>
27-
</div>
28-
<div class="row">
29-
<div class="col-md-3 col-sm-6 text-center animate-box">
52+
<div class="row" style="margin-left: 150px;">
53+
<div class="col-md-3 col-sm-6 text-center animate-box" style="margin-left: 20px;margin-right: 20px;">
3054
<div class="services">
3155
<span class="icon">
32-
<i class="icon-lab2"></i>
33-
</span>
56+
<i class='fas fa-divide' style="font-size: 48px;color: black;"></i>
57+
</span><br><br>
3458
<div class="desc">
3559
<h3><a href="#">Maths</a></h3>
36-
<p>Can you imagine a life without maths? Maths has been the basis of every study. This course will help you become profient in maths along with developing some really good tricks.</p>
60+
<hr>
61+
<p class="h5 text-center" style="font-family: Roboto Mono Light;">Can you imagine a life without maths? Maths has been the basis of every study. This course will help you become profient in maths along with developing some really good tricks.</p>
3762
</div>
3863
</div>
3964
</div>
40-
<div class="col-md-3 col-sm-6 text-center animate-box">
65+
<div class="col-md-3 col-sm-6 text-center animate-box" style="margin-left: 20px;margin-right: 20px;">
4166
<div class="services">
4267
<span class="icon">
43-
<i class="icon-lab2"></i>
44-
</span>
68+
<i class="fas fa-atom" style="font-size: 48px;color: black;"></i>
69+
</span><br><br>
4570
<div class="desc">
4671
<h3><a href="#">Science</a></h3>
47-
<p>In this technological era, everything depends on science. This course offers number of theoretical plus experimental studies to help you get over the fear of science.</p>
72+
<hr>
73+
<p class="h5 text-center" style="font-family: Roboto Mono Light;">In this technological era, everything depends on science. This course offers number of theoretical plus experimental studies to help you get over the fear of science.</p>
4874
</div>
4975
</div>
5076
</div>
51-
<div class="col-md-3 col-sm-6 text-center animate-box">
77+
<div class="col-md-3 col-sm-6 text-center animate-box" style="margin-left: 20px;margin-right: 20px;">
5278
<div class="services">
5379
<span class="icon">
54-
<i class="icon-lab2"></i>
55-
</span>
80+
<img src="../static/img/ds.png" alt='Data Structure' style="width: 48px;height: 48px;">
81+
</span><br><br>
5682
<div class="desc">
5783
<h3><a href="#">Data Structures</a></h3>
58-
<p>Have fear how to study data structures? Well this course is a complete guide to help you get started with the fundamental concepts of data structures.</p>
84+
<hr>
85+
<p class="h5 text-center" style="font-family: Roboto Mono Light;">Have fear how to study data structures? Well this course is a complete guide to help you get started with the fundamental concepts of data structures.</p>
5986
</div>
6087
</div>
6188
</div>
62-
<div class="col-md-3 col-sm-6 text-center animate-box">
89+
</div>
90+
</div>
91+
<br><br>
92+
<div class="container">
93+
<div class="row" style="margin-left: 150px;">
94+
<div class="col-md-3 col-sm-6 text-center animate-box" style="margin-left: 20px;margin-right: 20px;">
6395
<div class="services">
6496
<span class="icon">
65-
<i class="icon-lab2"></i>
66-
</span>
97+
<img src="../static/img/algo.png" alt='algorithms' style="width: 52px;height: 52px;">
98+
</span><br><br>
6799
<div class="desc">
68100
<h3><a href="#">Algorithms</a></h3>
69-
<p>This course is an addition to the course of Data Structures. This course offers a collection of algorithms to make your programming better.</p>
101+
<hr>
102+
<p class="h5 text-center" style="font-family: Roboto Mono Light;">This course is an addition to the course of Data Structures. This course offers a collection of algorithms to make your programming better.</p>
70103
</div>
71104
</div>
72105
</div>
73-
<div class="col-md-3 col-sm-6 text-center animate-box">
106+
<div class="col-md-3 col-sm-6 text-center animate-box" style="margin-left: 20px;margin-right: 20px;">
74107
<div class="services">
75108
<span class="icon">
76-
<i class="icon-lab2"></i>
77-
</span>
109+
<img src="../static/img/cp.png" alt='CP' style="width: 48px;height: 48px;">
110+
</span><br><br>
78111
<div class="desc">
79112
<h3><a href="#">Competitive Programming</a></h3>
80-
<p>Well, now we all know the importance of competitive Programming to grab software interns and jobs. And this course can prove to be a boon for all the beginners out there.</p>
113+
<hr>
114+
<p class="h5 text-center" style="font-family: Roboto Mono Light;">Well, now we all know the importance of competitive Programming to grab software interns and jobs. And this course can prove to be a boon for all the beginners out there.</p>
81115
</div>
82116
</div>
83-
</div><div class="col-md-3 col-sm-6 text-center animate-box">
117+
</div><div class="col-md-3 col-sm-6 text-center animate-box" style="margin-left: 20px;margin-right: 20px;">
84118
<div class="services">
85119
<span class="icon">
86-
<i class="icon-lab2"></i>
87-
</span>
120+
<img src="../static/img/ec.png" alt='EC' style="width: 48px;height: 48px;">
121+
</span><br><br>
88122
<div class="desc">
89123
<h3><a href="#">Electrical circuits</a></h3>
90-
<p>Curious about how such small circuits lead to working of big equipments? Well, here is a course to help you learn all about its basics and let you capture in its essence.</p>
124+
<hr>
125+
<p class="h5 text-center" style="font-family: Roboto Mono Light;">Curious about how such small circuits lead to working of big equipments? Well, here is a course to help you learn all about its basics and let you capture in its essence.</p>
91126
</div>
92127
</div>
93128
</div>
94129
</div>
130+
<br>
131+
<hr>
95132
</div>
96-
</div>
133+
</div>
134+
<div class="container">
135+
<h1 class="text-center" style="font-family: Roboto Mono">
136+
About Developers
137+
</h1>
138+
<br>
139+
<p class="text-center text-dark" style="font-family: Comic Sans MS; font-size: 20px;">
140+
This site is developed by 3rd year UGs of MNNIT, allahabad. This website was build over with the motivation to keep the quality of education upto mark even in the adverse time that the world is going through.We at adaptive Learning tried our best to keep our website User-friendly an as informative as possible.
141+
</p>
142+
</div><br><br>
143+
<div class="container">
144+
<div class="row">
145+
<div class="col-md-5 col-md-push-1 animate-box">
146+
<div class="col-md-6">
147+
<img class="img-responsive" src="../static/img/ayush.png" alt="Studying kid" style="width: 200px;border-radius: 50%;margin-left: 100px;">
148+
</div>
149+
</div>
150+
<div class="col-md-5 col-md-push-1 animate-box">
151+
<h2 style="font-family: Roboto Mono">Ayush Srivastava</h2>
152+
<hr>
153+
<p class="text-left" style="font-size: 18px;color: black;">3rd year UG at MNNIT, allahabad. Got selected for 2-months summer internship at Golman Sachs Pvt. Limited India. Master at Competetive programming. Expertise in python development.Works well with Python, Java and C++.</p>
154+
<hr>
155+
<li class="list-group-item email"><strong>Email-id : </strong><a href="mailto:info@yoursite.com">iayush.srivastava1999@gmail.com</a></li>
156+
</div>
157+
</div>
158+
<br><br>
159+
160+
<div class="row">
161+
<div class="col-md-5 col-md-push-1 animate-box">
162+
<h2 class="text-right" style="font-family: Roboto Mono">Vivek Rai</h2>
163+
<hr>
164+
<p class="text-right" style="font-size: 18px;color: black;">3rd year UG at MNNIT, allahabad. Got selected for 2-months summer internship at Oracle India. Master at Competitive programming. Expertise in Web Development. Special Interest in the field of Machine Learning. Works well with Python, Java and C++.</p>
165+
<hr>
166+
<li class="list-group-item email"><strong>Email-id : </strong><a href="mailto:info@yoursite.com">vivekrai5839@gmail.com</a></li>
167+
</div>
168+
<div class="col-md-5 col-md-push-1 animate-box">
169+
<div class="col-md-6">
170+
<img class="img-responsive" src="../static/img/vivek.png" alt="Studying kid" style="width: 200px;border-radius: 50%;margin-left: 100px;">
171+
</div>
172+
</div>
173+
</div>
174+
<br><br>
175+
176+
<div class="row">
177+
<div class="col-md-5 col-md-push-1 animate-box">
178+
<div class="col-md-6">
179+
<img class="img-responsive" src="../static/img/anushka.png" alt="Studying kid" style="width: 200px;border-radius: 50%;margin-left: 100px;">
180+
</div>
181+
</div>
182+
<div class="col-md-5 col-md-push-1 animate-box">
183+
<h2 style="font-family: Roboto Mono">Anushka Srivastava</h2>
184+
<hr>
185+
<p class="text-left" style="font-size: 18px;color: black;">3rd year UG at MNNIT, allahabad.Got selected for 2-months summer intership at Amazon India. Master at competitive programming. Expertise at Android Development. Works well with Flutter, Python and C++.</p>
186+
<hr>
187+
<li class="list-group-item email"><strong>Email-id : </strong><a href="mailto:info@yoursite.com">anushkasrivastavajhs1999@gmail.com</a></li>
188+
</div>
189+
</div>
190+
<br><br>
191+
192+
<div class="row">
193+
<div class="col-md-5 col-md-push-1 animate-box">
194+
<h2 class="text-right" style="font-family: Roboto Mono">Deepanshu Raj</h2>
195+
<hr>
196+
<p class="text-right" style="font-size: 18px;color: black;">3rd year UG at MNNIT, allahabad. Got selected for 2-months summer internship at Qualcolmm India. Master at Competetive programming. Expertise in python development. Special Interest in the field of Machine Learning and Web Development.Works well with Python and C++.</p>
197+
<hr>
198+
<li class="list-group-item email"><strong>Email-id : </strong><a href="mailto:info@yoursite.com">dcode711@gmail.com</a></li>
199+
</div>
200+
<div class="col-md-5 col-md-push-1 animate-box">
201+
<div class="col-md-6">
202+
<img class="img-responsive" src="../static/img/deepanshu.png" alt="Studying kid" style="width: 200px;border-radius: 50%;margin-left: 100px;">
203+
</div>
204+
</div>
205+
</div>
206+
<hr>
207+
</div>
97208
{% endblock %}

‎learning/learning/static/img/algo.png

83.9 KB
Loading

‎learning/learning/static/img/anushka.png

38.8 KB
Loading

‎learning/learning/static/img/ayush.png

33 KB
Loading

‎learning/learning/static/img/cp.png

72.2 KB
Loading

‎learning/learning/static/img/deepanshu.png

36.6 KB
Loading

‎learning/learning/static/img/ds.png

94.4 KB
Loading

‎learning/learning/static/img/ec.png

5.25 KB
Loading

‎learning/learning/static/img/img10.jpg

29 KB
Loading

‎learning/learning/static/img/img_bg.jpg

12.1 KB
Loading

0 commit comments

Comments
 (0)