client/views/contact-us.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Banka | Contact 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 class="active"><a href="contact-us.html">Contact</a></li>
<li><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="about.html">About</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>
<div class="toast">
<img src="../assets/img/check-mark.gif" alt="check-mark">
<figcaption>Your message has been sent!</figcaption>
</div>
<header>
<h2 class="center">Contact us</h2>
</header>
<div class="main-content contact-us">
<div class="contact-us-form">
<form onsubmit="event.preventDefault(); window.scroll(0,0); return showToast(true)">
<div class="form-row">
<div class="form-input">
<label for="title">Please enter message title</label>
<input type="text" name="title" required>
</div>
</div>
<div class="form-row">
<div class="form-input">
<label for="message">Your message</label>
<input type="text" name="message" style="padding-bottom: 100px" required />
</div>
</div>
<br>
<div class="form-row">
<div class="form-input">
<input class="button button-green" type="submit" value="Submit">
</div>
</div>
</div>
</form>
</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>