Skip to content

Commit

Permalink
Added About Page
Browse files Browse the repository at this point in the history
  • Loading branch information
@hariket-sheth1
hariket-sheth1 committed Nov 23, 2021
1 parent a9cd833 commit e3a1ccc
Showing 1 changed file with 271 additions and 0 deletions.
271 changes: 271 additions & 0 deletions about/index.php
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,271 @@
<!DOCTYPE html>
<html lang="en">
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<?php
include ('../connection.php');
include ('../function.php');
?>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>About</title>
<meta name="HandheldFriendly" content="True" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="icon" type="image/jpg" href="https://athena-dbms.42web.io/account/img/logo.ico" />
<link rel="preload" href="../assets/css/appb222.css?v=214a6e5c0e" as="style" />
<link rel="preload" href="../assets/js/manifestb222.js?v=214a6e5c0e" as="script" />
<link rel="preload" href="../assets/js/vendor/content-api.minb222.js?v=214a6e5c0e" as="script" />
<link rel="preload" href="../assets/js/vendorb222.js?v=214a6e5c0e" as="script" />
<link rel="preload" href="../assets/js/appb222.js?v=214a6e5c0e" as="script" />
<link rel="preconnect" href="https://polyfill.io/">
<link rel="dns-prefetch" href="https://polyfill.io/">

<link rel="preload" href="../assets/css/postb222.css?v=214a6e5c0e" as="style" />
<link rel="preload" href="../assets/js/pageb222.js?v=214a6e5c0e" as="script" />
<style>
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),
url("../assets/fonts/source-sans-pro/latin/source-sans-pro-regularb222.woff2?v=214a6e5c0e") format('woff2'),
url("../assets/fonts/source-sans-pro/latin/source-sans-pro-regularb222.woff?v=214a6e5c0e") format('woff');
font-family: Orion;
src: url(../font/Orion.otf);
}

/* source-sans-pro-600 */
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 600;
font-display: swap;
src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'),
url("../assets/fonts/source-sans-pro/latin/source-sans-pro-600b222.woff2?v=214a6e5c0e") format('woff2'),
url("../assets/fonts/source-sans-pro/latin/source-sans-pro-600b222.woff?v=214a6e5c0e") format('woff');
}

/* source-sans-pro-700 */
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 700;
font-display: swap;
src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'),
url("../assets/fonts/source-sans-pro/latin/source-sans-pro-700b222.woff2?v=214a6e5c0e") format('woff2'),
url("../assets/fonts/source-sans-pro/latin/source-sans-pro-700b222.woff?v=214a6e5c0e") format('woff');
}

/* iconmoon */
@font-face {
font-family: 'icomoon';
font-weight: normal;
font-style: normal;
font-display: swap;
src: url("../assets/fonts/icomoon/icomoon7f84.eot?101fc3?v=214a6e5c0e");
src: url("../assets/fonts/icomoon/icomoon2c17.eot?101fc3#iefix?v=214a6e5c0e") format('embedded-opentype'),
url("../assets/fonts/icomoon/icomoon7f84.ttf?101fc3?v=214a6e5c0e") format('truetype'),
url("../assets/fonts/icomoon/icomoon7f84.woff?101fc3?v=214a6e5c0e") format('woff'),
url("../assets/fonts/icomoon/icomoon2c17.svg?101fc3#icomoon?v=214a6e5c0e") format('svg');
}
</style>
<link rel="stylesheet" type="text/css" href="../assets/css/appb222.css?v=214a6e5c0e" media="screen" />
<link rel="stylesheet" type="text/css" href="../assets/css/postb222.css?v=214a6e5c0e" media="screen" />
<meta name="referrer" content="no-referrer-when-downgrade" />
</head>
<body class="page-template page-about">
<header class="m-header js-header">
<div class="m-mobile-topbar" data-aos="fade-down">
<button class="m-icon-button in-mobile-topbar js-open-menu" aria-label="Open menu">
<span class="icon-menu" aria-hidden="true"></span>
</button>
<a href="../index.php" class="m-site-name in-mobile-topbar">
Athena
</a>
<button class="m-icon-button in-mobile-topbar js-open-search" aria-label="Open search">
<span class="icon-search" aria-hidden="true"></span>
</button>
</div>

<div class="m-menu js-menu">
<button class="m-icon-button outlined as-close-menu js-close-menu" aria-label="Close menu">
<span class="icon-close"></span>
</button>
<div class="m-menu__main" data-aos="fade-down">
<div class="l-wrapper">
<div class="m-nav js-main-nav">
<nav class="m-nav__left js-main-nav-left" role="navigation" aria-label="Main menu">
<ul>
<li class="only-desktop">
<a href="../index.php" class="m-site-name in-desktop-menu">
Athena
</a>
</li>

<li class="nav-home">
<a href="../index.php">Blog</a>
</li>
<li class="nav-about nav-current">
<a href="index.php">Know Us !</a>
</li>

<li class="more">
<span>
<a href="javascript:void(0);" class="js-open-secondary-menu">
More
<span class="icon-chevron-down" aria-hidden="true"></span>
</a>
</span>
</li>
<li class="submenu-option js-submenu-option">
<button class="m-icon-button in-menu-main more js-toggle-submenu" aria-label="Open submenu">
<span class="icon-more" aria-hidden="true"></span>
</button>
<div class="m-submenu js-submenu">
<div class="l-wrapper in-submenu">
<section class="m-recent-articles">
<h3 class="m-submenu-title in-recent-articles">Recent articles</h3>
<div class="glide js-recent-slider">
<div class="glide__track" data-glide-el="track">
<div class="glide__slides">
<?php
$temp = getFinalPost($con);
foreach(array_slice($temp,0,3) as $a){
?>
<div class="glide__slide">
<a href="https://athena-dbms.42web.io/post.php?post_link=<?=$a['id']?>" class="m-recent-article">
<div class="m-recent-article__picture ">
<img src="<?=$a['header']?>" onerror=this.src='../account/img/default.png' loading="lazy" alt="">
</div>
<h3 class="m-recent-article__title js-recent-article-title" title="<?=$a['title']?>">
<?=$a['title']?>
</h3>
<span class="m-recent-article__date"><?=TimePost($a['created_at'])?></span>
</a>
</div>
<?php } ?>
</div>
</div>
</div>
</section>
<section class="m-tags">
<h3 class="m-submenu-title">Tags</h3>
<ul>
<?php foreach(getAllCategory($con) as $category){ ?>
<li>
<a href="https://athena-dbms.42web.io/tag/posts.php?category_id=<?=$category['id']?>"><?=$category['name']?></a>
</li>
<?php } ?>
</ul>
</section>
</div>
</div>
</li>
</ul>
</nav>
<div class="m-nav__right">
<button class="m-icon-button in-menu-main js-open-search" aria-label="Open search">
<span class="icon-search" aria-hidden="true"></span>
</button>
<div class="m-toggle-darkmode js-tooltip" data-tippy-content="Toggle dark mode" tabindex="0">
<label for="toggle-darkmode" class="sr-only">
Toggle dark mode
</label>
<input id="toggle-darkmode" type="checkbox" class="js-toggle-darkmode">
<div>
<span class="icon-moon moon" aria-hidden="true"></span>
<span class="icon-sunny sun" aria-hidden="true"></span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

<div id="secondary-navigation-template" style="display: none;">

<ul class="m-secondary-menu">
<li class="nav-data-privacy">
<a href="../privacy/index.php">Data &amp; privacy</a>
</li>
<li class="nav-contact">
<a href="../contact/index.php">Contact</a>
</li>
<li class="nav-contact">
<a href="../account/login.php">Contribute / Login</a>
</li>
</ul>

</div>
</header>

<main class="main-wrap">

<section class="m-hero no-picture " data-aos="fade">
<div class="m-hero__content" data-aos="fade-down">
<h1 class="m-hero-title bigger" style="font-family: Orion">About</h1>
</div>
</section>
<article>
<div class="l-content">
<div class="l-wrapper in-post" data-aos="fade-up" data-aos-delay="300">
<div class="l-post-content">
<div class="pos-relative js-post-content">
<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>
</div>
</div>
</div>
</div>
</article>
</main>

<footer class="m-footer">
<div class="m-footer__content">
<nav class="m-footer__nav-secondary" role="navigation" aria-label="Secondary menu in footer">

<ul class="m-secondary-menu">
<li class="nav-data-privacy">
<a href="../privacy/index.php">Data &amp; privacy</a>
</li>
<li class="nav-contact">
<a href="../contact/index.php">Contact</a>
</li>
<li class="nav-contact">
<a href="https://athena-dbms.42web.io/account/login.php">Contribute / Login</a>
</li>
</ul>

</nav>
<nav class="m-footer-social">
<a href="https://twitter.com/" target="_blank" rel="noopener" aria-label="Twitter">
<span class="icon-twitter" aria-hidden="true"></span>
</a>
<a href="https://github.com/" aria-label="GitHub">
<span class="icon-github" aria-hidden="true"></span>
</a>
<a href="https://www.facebook.com" target="_blank" rel="noopener" aria-label="Facebook">
<span class="icon-facebook" aria-hidden="true"></span>
</a>
<a href="https://www.instagram.com" target="_blank" rel="noopener" aria-label="Instagram">
<span class="icon-instagram" aria-hidden="true"></span>
</a>
<a href="https://www.linkedin.com/" target="_blank" rel="noopener" aria-label="LinkedIn">
<span class="icon-linkedin" aria-hidden="true"></span>
</a>
</nav>
<p class="m-footer-copyright">
<span>Athena &copy; 2021</span>
<span>&nbsp; &bull; &nbsp;</span>
</p>
</div>
</footer>
<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>
<script defer src="../assets/js/manifestb222.js?v=214a6e5c0e"></script>
<script defer src="../assets/js/vendor/content-api.minb222.js?v=214a6e5c0e"></script>
<script defer src="../assets/js/vendorb222.js?v=214a6e5c0e"></script>
<script defer src="../assets/js/appb222.js?v=214a6e5c0e"></script>
<script defer src="../assets/js/pageb222.js?v=214a6e5c0e"></script>
</body>
</html>

0 comments on commit e3a1ccc

Please sign in to comment.