client/views/help.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Banka | Help</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><a href="about.html">About</a></li>
<li class="active"><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="about.html">About</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">FAQ</h2>
</header>
<div class="main-content help">
<div class="question">
<h4>How can I open an account?</h4>
<p>Here are the steps to follow:
<ul>
<li>Visit the homepage by clicking this
<a href="../../index.html">link.</a>
</li>
<li>Click the Login button at the top right corner.</li>
<li>Enter your email and password or navigate to the sign up page to
register if haven't already.
</li>
<li>After successfully registration navigate back to the homepage.</li>
<li>Scroll down to the middle of the page and click the get started
button.
</li>
<li>Fill in your details in the form on the new page and submit.</li>
</ul>
</div>
<div class="question">
<h4>Can my account be dormant?</h4>
<p>Yes, your account can be dormant if not used.</p>
</div>
</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>