Skip to content

Commit e3a1ccc

Browse files
hariket-sheth1hariket-sheth1
committed
Added About Page
1 parent a9cd833 commit e3a1ccc

1 file changed

Lines changed: 271 additions & 0 deletions

File tree

‎about/index.php‎

Lines changed: 271 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,271 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
4+
<?php
5+
include ('../connection.php');
6+
include ('../function.php');
7+
?>
8+
<head>
9+
<meta charset="utf-8" />
10+
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
11+
<title>About</title>
12+
<meta name="HandheldFriendly" content="True" />
13+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
14+
<link rel="icon" type="image/jpg" href="https://athena-dbms.42web.io/account/img/logo.ico" />
15+
<link rel="preload" href="../assets/css/appb222.css?v=214a6e5c0e" as="style" />
16+
<link rel="preload" href="../assets/js/manifestb222.js?v=214a6e5c0e" as="script" />
17+
<link rel="preload" href="../assets/js/vendor/content-api.minb222.js?v=214a6e5c0e" as="script" />
18+
<link rel="preload" href="../assets/js/vendorb222.js?v=214a6e5c0e" as="script" />
19+
<link rel="preload" href="../assets/js/appb222.js?v=214a6e5c0e" as="script" />
20+
<link rel="preconnect" href="https://polyfill.io/">
21+
<link rel="dns-prefetch" href="https://polyfill.io/">
22+
23+
<link rel="preload" href="../assets/css/postb222.css?v=214a6e5c0e" as="style" />
24+
<link rel="preload" href="../assets/js/pageb222.js?v=214a6e5c0e" as="script" />
25+
<style>
26+
@font-face {
27+
font-family: 'Source Sans Pro';
28+
font-style: normal;
29+
font-weight: 400;
30+
font-display: swap;
31+
src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),
32+
url("../assets/fonts/source-sans-pro/latin/source-sans-pro-regularb222.woff2?v=214a6e5c0e") format('woff2'),
33+
url("../assets/fonts/source-sans-pro/latin/source-sans-pro-regularb222.woff?v=214a6e5c0e") format('woff');
34+
font-family: Orion;
35+
src: url(../font/Orion.otf);
36+
}
37+
38+
/* source-sans-pro-600 */
39+
@font-face {
40+
font-family: 'Source Sans Pro';
41+
font-style: normal;
42+
font-weight: 600;
43+
font-display: swap;
44+
src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'),
45+
url("../assets/fonts/source-sans-pro/latin/source-sans-pro-600b222.woff2?v=214a6e5c0e") format('woff2'),
46+
url("../assets/fonts/source-sans-pro/latin/source-sans-pro-600b222.woff?v=214a6e5c0e") format('woff');
47+
}
48+
49+
/* source-sans-pro-700 */
50+
@font-face {
51+
font-family: 'Source Sans Pro';
52+
font-style: normal;
53+
font-weight: 700;
54+
font-display: swap;
55+
src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'),
56+
url("../assets/fonts/source-sans-pro/latin/source-sans-pro-700b222.woff2?v=214a6e5c0e") format('woff2'),
57+
url("../assets/fonts/source-sans-pro/latin/source-sans-pro-700b222.woff?v=214a6e5c0e") format('woff');
58+
}
59+
60+
/* iconmoon */
61+
@font-face {
62+
font-family: 'icomoon';
63+
font-weight: normal;
64+
font-style: normal;
65+
font-display: swap;
66+
src: url("../assets/fonts/icomoon/icomoon7f84.eot?101fc3?v=214a6e5c0e");
67+
src: url("../assets/fonts/icomoon/icomoon2c17.eot?101fc3#iefix?v=214a6e5c0e") format('embedded-opentype'),
68+
url("../assets/fonts/icomoon/icomoon7f84.ttf?101fc3?v=214a6e5c0e") format('truetype'),
69+
url("../assets/fonts/icomoon/icomoon7f84.woff?101fc3?v=214a6e5c0e") format('woff'),
70+
url("../assets/fonts/icomoon/icomoon2c17.svg?101fc3#icomoon?v=214a6e5c0e") format('svg');
71+
}
72+
</style>
73+
<link rel="stylesheet" type="text/css" href="../assets/css/appb222.css?v=214a6e5c0e" media="screen" />
74+
<link rel="stylesheet" type="text/css" href="../assets/css/postb222.css?v=214a6e5c0e" media="screen" />
75+
<meta name="referrer" content="no-referrer-when-downgrade" />
76+
</head>
77+
<body class="page-template page-about">
78+
<header class="m-header js-header">
79+
<div class="m-mobile-topbar" data-aos="fade-down">
80+
<button class="m-icon-button in-mobile-topbar js-open-menu" aria-label="Open menu">
81+
<span class="icon-menu" aria-hidden="true"></span>
82+
</button>
83+
<a href="../index.php" class="m-site-name in-mobile-topbar">
84+
Athena
85+
</a>
86+
<button class="m-icon-button in-mobile-topbar js-open-search" aria-label="Open search">
87+
<span class="icon-search" aria-hidden="true"></span>
88+
</button>
89+
</div>
90+
91+
<div class="m-menu js-menu">
92+
<button class="m-icon-button outlined as-close-menu js-close-menu" aria-label="Close menu">
93+
<span class="icon-close"></span>
94+
</button>
95+
<div class="m-menu__main" data-aos="fade-down">
96+
<div class="l-wrapper">
97+
<div class="m-nav js-main-nav">
98+
<nav class="m-nav__left js-main-nav-left" role="navigation" aria-label="Main menu">
99+
<ul>
100+
<li class="only-desktop">
101+
<a href="../index.php" class="m-site-name in-desktop-menu">
102+
Athena
103+
</a>
104+
</li>
105+
106+
<li class="nav-home">
107+
<a href="../index.php">Blog</a>
108+
</li>
109+
<li class="nav-about nav-current">
110+
<a href="index.php">Know Us !</a>
111+
</li>
112+
113+
<li class="more">
114+
<span>
115+
<a href="javascript:void(0);" class="js-open-secondary-menu">
116+
More
117+
<span class="icon-chevron-down" aria-hidden="true"></span>
118+
</a>
119+
</span>
120+
</li>
121+
<li class="submenu-option js-submenu-option">
122+
<button class="m-icon-button in-menu-main more js-toggle-submenu" aria-label="Open submenu">
123+
<span class="icon-more" aria-hidden="true"></span>
124+
</button>
125+
<div class="m-submenu js-submenu">
126+
<div class="l-wrapper in-submenu">
127+
<section class="m-recent-articles">
128+
<h3 class="m-submenu-title in-recent-articles">Recent articles</h3>
129+
<div class="glide js-recent-slider">
130+
<div class="glide__track" data-glide-el="track">
131+
<div class="glide__slides">
132+
<?php
133+
$temp = getFinalPost($con);
134+
foreach(array_slice($temp,0,3) as $a){
135+
?>
136+
<div class="glide__slide">
137+
<a href="https://athena-dbms.42web.io/post.php?post_link=<?=$a['id']?>" class="m-recent-article">
138+
<div class="m-recent-article__picture ">
139+
<img src="<?=$a['header']?>" onerror=this.src='../account/img/default.png' loading="lazy" alt="">
140+
</div>
141+
<h3 class="m-recent-article__title js-recent-article-title" title="<?=$a['title']?>">
142+
<?=$a['title']?>
143+
</h3>
144+
<span class="m-recent-article__date"><?=TimePost($a['created_at'])?></span>
145+
</a>
146+
</div>
147+
<?php } ?>
148+
</div>
149+
</div>
150+
</div>
151+
</section>
152+
<section class="m-tags">
153+
<h3 class="m-submenu-title">Tags</h3>
154+
<ul>
155+
<?php foreach(getAllCategory($con) as $category){ ?>
156+
<li>
157+
<a href="https://athena-dbms.42web.io/tag/posts.php?category_id=<?=$category['id']?>"><?=$category['name']?></a>
158+
</li>
159+
<?php } ?>
160+
</ul>
161+
</section>
162+
</div>
163+
</div>
164+
</li>
165+
</ul>
166+
</nav>
167+
<div class="m-nav__right">
168+
<button class="m-icon-button in-menu-main js-open-search" aria-label="Open search">
169+
<span class="icon-search" aria-hidden="true"></span>
170+
</button>
171+
<div class="m-toggle-darkmode js-tooltip" data-tippy-content="Toggle dark mode" tabindex="0">
172+
<label for="toggle-darkmode" class="sr-only">
173+
Toggle dark mode
174+
</label>
175+
<input id="toggle-darkmode" type="checkbox" class="js-toggle-darkmode">
176+
<div>
177+
<span class="icon-moon moon" aria-hidden="true"></span>
178+
<span class="icon-sunny sun" aria-hidden="true"></span>
179+
</div>
180+
</div>
181+
</div>
182+
</div>
183+
</div>
184+
</div>
185+
</div>
186+
187+
<div id="secondary-navigation-template" style="display: none;">
188+
189+
<ul class="m-secondary-menu">
190+
<li class="nav-data-privacy">
191+
<a href="../privacy/index.php">Data &amp; privacy</a>
192+
</li>
193+
<li class="nav-contact">
194+
<a href="../contact/index.php">Contact</a>
195+
</li>
196+
<li class="nav-contact">
197+
<a href="../account/login.php">Contribute / Login</a>
198+
</li>
199+
</ul>
200+
201+
</div>
202+
</header>
203+
204+
<main class="main-wrap">
205+
206+
<section class="m-hero no-picture " data-aos="fade">
207+
<div class="m-hero__content" data-aos="fade-down">
208+
<h1 class="m-hero-title bigger" style="font-family: Orion">About</h1>
209+
</div>
210+
</section>
211+
<article>
212+
<div class="l-content">
213+
<div class="l-wrapper in-post" data-aos="fade-up" data-aos-delay="300">
214+
<div class="l-post-content">
215+
<div class="pos-relative js-post-content">
216+
<p>Athena aspires to become a strong center for educational excellence capable of responding to emerging educational challenges and needs in a fast changing society. With its core values of fairness, honesty and integrity, Athena will always strive hard to build character, sharpen the intellect and encourage critical thinking among students through modern education retaining traditional values. <br><br>Consistent with its vision, Athena imparts quality education to students in a conducive, enabling, safe environment backed by robust infrastructure. A wide variety of innovative teaching practices are used to empower students with knowledge, methods, skills & techniques, so that they achieve their full potential & become academically sound, professionally competent & socially relevant.</p>
217+
</div>
218+
</div>
219+
</div>
220+
</div>
221+
</article>
222+
</main>
223+
224+
<footer class="m-footer">
225+
<div class="m-footer__content">
226+
<nav class="m-footer__nav-secondary" role="navigation" aria-label="Secondary menu in footer">
227+
228+
<ul class="m-secondary-menu">
229+
<li class="nav-data-privacy">
230+
<a href="../privacy/index.php">Data &amp; privacy</a>
231+
</li>
232+
<li class="nav-contact">
233+
<a href="../contact/index.php">Contact</a>
234+
</li>
235+
<li class="nav-contact">
236+
<a href="https://athena-dbms.42web.io/account/login.php">Contribute / Login</a>
237+
</li>
238+
</ul>
239+
240+
</nav>
241+
<nav class="m-footer-social">
242+
<a href="https://twitter.com/" target="_blank" rel="noopener" aria-label="Twitter">
243+
<span class="icon-twitter" aria-hidden="true"></span>
244+
</a>
245+
<a href="https://github.com/" aria-label="GitHub">
246+
<span class="icon-github" aria-hidden="true"></span>
247+
</a>
248+
<a href="https://www.facebook.com" target="_blank" rel="noopener" aria-label="Facebook">
249+
<span class="icon-facebook" aria-hidden="true"></span>
250+
</a>
251+
<a href="https://www.instagram.com" target="_blank" rel="noopener" aria-label="Instagram">
252+
<span class="icon-instagram" aria-hidden="true"></span>
253+
</a>
254+
<a href="https://www.linkedin.com/" target="_blank" rel="noopener" aria-label="LinkedIn">
255+
<span class="icon-linkedin" aria-hidden="true"></span>
256+
</a>
257+
</nav>
258+
<p class="m-footer-copyright">
259+
<span>Athena &copy; 2021</span>
260+
<span>&nbsp; &bull; &nbsp;</span>
261+
</p>
262+
</div>
263+
</footer>
264+
<script crossorigin="anonymous" src="../../polyfill.io/v3/polyfill.mina50e.js?features=IntersectionObserver%2CPromise%2CArray.prototype.includes%2CString.prototype.endsWith%2CString.prototype.startsWith%2CObject.assign%2CNodeList.prototype.forEach"></script>
265+
<script defer src="../assets/js/manifestb222.js?v=214a6e5c0e"></script>
266+
<script defer src="../assets/js/vendor/content-api.minb222.js?v=214a6e5c0e"></script>
267+
<script defer src="../assets/js/vendorb222.js?v=214a6e5c0e"></script>
268+
<script defer src="../assets/js/appb222.js?v=214a6e5c0e"></script>
269+
<script defer src="../assets/js/pageb222.js?v=214a6e5c0e"></script>
270+
</body>
271+
</html>

0 commit comments

Comments
 (0)