client/views/about.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Banka | About us</title>
<link rel="icon" type="image/x-icon" href="../assets/img/logo.png">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="../assets/css/main.css">
<link rel="stylesheet" type="text/css" href="../assets/css/responsive.css">
<style>
nav ul li a {
color: teal;
}
</style>
</head>
<body>
<div class="nav no-hero">
<nav id="nav">
<div id="logo">
<a href="../../index.html">
<img src="../assets/img/logo.png" alt="logo">
</a>
</div>
<div class="nav-links">
<ul>
<li><a href="../../index.html">Home</a></li>
<li><a href="contact-us.html">Contact</a></li>
<li class="active"><a href="about.html">About</a></li>
<li><a href="help.html">Help</a></li>
<a href="new-account.html"><li class="button button-green">Get started</li></a>
</ul>
<!-- Hamburger links -->
<a href="#" onclick="event.preventDefault();openSlideMenu(this)">
<span class="open-slide">
<i class="fas fa-align-right fa-2x"></i>
</span>
</a>
<!-- Side nav -->
<div id="side-menu" class="side-nav">
<li><a href="../../index.html">Home</a></li>
<li id="account-link"><a href="profile.html">My account</a></li>
<li><a href="contact-us.html">Contact</a></li>
<li><a href="help.html">Help</a></li>
<li><a href="new-account.html">Get started</a></li>
<li id="logout-link"><a href="#">Logout</a></li>
</div>
</div>
</nav>
</div> <!-- end no-hero -->
<div class="main">
<section>
<header>
<h2 class="center">About</h2>
</header>
<div class="main-content about-us">
<p>Banka is a light-weight core banking application that powers
banking operations like account creation, customer deposit and
withdrawals and helps you manage your account(s) using your device.
Banka only supports a single bank at the moment but might expand later in
the future.
</p>
<p>
Banka was developed in early 2019 to solve a problem in the banking sector
at the time. Its core features includes personalized account, managing transactions via the web and most importantly security.
</p>
</div>
</section>
</div> <!-- end main-->
<div class="footer">
<footer class="container">
<p>© 2019 All rights reserved.</p>
</footer>
</div>
<script>
document.addEventListener("DOMContentLoaded", function() {
// Check if user is logged in
const token = localStorage.getItem('token');
if (token) {
// side nav link
const accountLink = document.querySelector('#account-link');
accountLink.style.display = 'list-item';
const logoutLink = document.querySelector('#logout-link');
logoutLink.style.display = 'list-item';
logoutLink.addEventListener('click', (e) => {
closeSlideMenu();
return logout(e);
});
}
});
</script>
<script src="../assets/js/main.js"></script>
<script src="../assets/js/middleware.js"></script>
<script defer src="https://use.fontawesome.com/releases/v5.8.1/js/all.js" integrity="sha384-g5uSoOSBd7KkhAMlnQILrecXvzst9TdC09/VM+pjDTCM+1il8RHz5fKANTFFb+gQ" crossorigin="anonymous"></script>
</body>
</html>