297 lines
9.7 KiB
HTML
297 lines
9.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<title>Hw Tech Club</title>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="description" content="Colo Shop Template">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<link rel="stylesheet" type="text/css" href="styles/bootstrap4/bootstrap.min.css">
|
|
<link href="plugins/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
|
|
<link rel="stylesheet" type="text/css" href="plugins/OwlCarousel2-2.2.1/owl.carousel.css">
|
|
<link rel="stylesheet" type="text/css" href="plugins/OwlCarousel2-2.2.1/owl.theme.default.css">
|
|
<link rel="stylesheet" type="text/css" href="plugins/OwlCarousel2-2.2.1/animate.css">
|
|
<link rel="stylesheet" href="plugins/themify-icons/themify-icons.css">
|
|
<link rel="stylesheet" type="text/css" href="plugins/jquery-ui-1.12.1.custom/jquery-ui.css">
|
|
<link rel="stylesheet" type="text/css" href="styles/contact_styles.css">
|
|
<link rel="stylesheet" type="text/css" href="styles/contact_responsive.css">
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div class="super_container">
|
|
|
|
<!-- Header -->
|
|
<!-- Header -->
|
|
|
|
<header class="header trans_300">
|
|
|
|
<!-- Top Navigation -->
|
|
|
|
<div class="top_nav">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<div class="top_nav_left">This website is powered by SheetCommerce</div>
|
|
</div>
|
|
<div class="col-md-6 text-right">
|
|
<div class="top_nav_right">
|
|
<ul class="top_nav_menu">
|
|
|
|
<!-- Currency / Language / My Account -->
|
|
|
|
<!---<li class="currency">
|
|
<a href="#">
|
|
usd
|
|
<i class="fa fa-angle-down"></i>
|
|
</a>
|
|
<ul class="currency_selection">
|
|
<li><a href="#">cad</a></li>
|
|
<li><a href="#">aud</a></li>
|
|
<li><a href="#">eur</a></li>
|
|
<li><a href="#">gbp</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="language">
|
|
<a href="#">
|
|
English
|
|
<i class="fa fa-angle-down"></i>
|
|
</a>
|
|
<ul class="language_selection">
|
|
<li><a href="#">French</a></li>
|
|
<li><a href="#">Italian</a></li>
|
|
<li><a href="#">German</a></li>
|
|
<li><a href="#">Spanish</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="account">
|
|
<a href="#">
|
|
My Account
|
|
<i class="fa fa-angle-down"></i>
|
|
</a>
|
|
<ul class="account_selection">
|
|
<li><a href="#"><i class="fa fa-sign-in" aria-hidden="true"></i>Sign In</a></li>
|
|
<li><a href="#"><i class="fa fa-user-plus" aria-hidden="true"></i>Register</a></li>
|
|
</ul>
|
|
</li>-->
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Main Navigation -->
|
|
|
|
<div class="main_nav_container">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-12 text-right">
|
|
<div class="logo_container">
|
|
<a href="#"><img src="https://bcassetcdn.com/asset/logo/e33c12b4-1128-4129-b31f-2c31cb0878c7/logo?v=4&text=Logo+Text+Here" class="img-fluid" style="height:5rem;" /></a>
|
|
</div>
|
|
<nav class="navbar">
|
|
<ul class="navbar_menu">
|
|
<li><a href="index.html">home</a></li>
|
|
<li><a href="contact.html">contact</a></li>
|
|
</ul>
|
|
<ul class="navbar_user">
|
|
<li class="checkout">
|
|
<a href="cart.html">
|
|
<i class="fa fa-shopping-cart" aria-hidden="true"></i>
|
|
<span id="checkout_items" class="checkout_items">2</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
<div class="hamburger_container">
|
|
<i class="fa fa-bars" aria-hidden="true"></i>
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</header>
|
|
|
|
<div class="container contact_container">
|
|
<div class="row">
|
|
<div class="col">
|
|
|
|
<!-- Breadcrumbs -->
|
|
|
|
<div class="breadcrumbs d-flex flex-row align-items-center">
|
|
<ul>
|
|
<li><a href="index.html">Home</a></li>
|
|
<li class="active"><a href="#"><i class="fa fa-angle-right"
|
|
aria-hidden="true"></i>Contact</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Map Container -->
|
|
|
|
|
|
|
|
<!-- Contact Us -->
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-lg-6 contact_col">
|
|
<div class="contact_contents">
|
|
<h1>Contact Us</h1>
|
|
<p>There are many ways to contact us. You may drop us a line, give us a call or send an email,
|
|
choose what suits you the most.</p>
|
|
<div>
|
|
<p></p>
|
|
<p>Akilanselva@hotmail.com</p>
|
|
</div>
|
|
<div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Follow Us -->
|
|
|
|
<!---<div class="follow_us_contents">
|
|
<h1>Follow Us</h1>
|
|
<ul class="social d-flex flex-row">
|
|
<li><a href="#" style="background-color: #3a61c9"><i class="fa fa-facebook"
|
|
aria-hidden="true"></i></a></li>
|
|
<li><a href="#" style="background-color: #41a1f6"><i class="fa fa-twitter"
|
|
aria-hidden="true"></i></a></li>
|
|
<li><a href="#" style="background-color: #fb4343"><i class="fa fa-google-plus"
|
|
aria-hidden="true"></i></a></li>
|
|
<li><a href="#" style="background-color: #8f6247"><i class="fa fa-instagram"
|
|
aria-hidden="true"></i></a></li>
|
|
</ul>
|
|
</div>---->
|
|
|
|
</div>
|
|
|
|
<div class="col-lg-6 get_in_touch_col">
|
|
<div class="get_in_touch_contents">
|
|
<h1>Get In Touch With Us!</h1>
|
|
<p></p>
|
|
<form action="https://formspree.io/Akilanselva@hotmail.com" method="POST">
|
|
<div>
|
|
<input id="input_name" class="form_input input_name input_ph" type="text" name="name"
|
|
placeholder="Name" required="required" data-error="Name is required.">
|
|
<input id="input_email" class="form_input input_email input_ph" type="email"
|
|
name="email" placeholder="Email" required="required"
|
|
data-error="Valid email is required.">
|
|
<textarea id="input_message" class="input_ph input_message" name="message"
|
|
placeholder="Message" rows="3" required
|
|
data-error="Please, write us a message."></textarea>
|
|
</div>
|
|
<div>
|
|
<button id="review_submit" type="submit" class="red_button message_submit_btn trans_300"
|
|
value="Submit">send message</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Newsletter -->
|
|
|
|
<!---<div class="newsletter">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-6">
|
|
<div
|
|
class="newsletter_text d-flex flex-column justify-content-center align-items-lg-start align-items-md-center text-center">
|
|
<h4>Newsletter</h4>
|
|
<p>Subscribe to our newsletter and get 20% off your first purchase</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6">
|
|
<form action="post">
|
|
<div
|
|
class="newsletter_form d-flex flex-md-row flex-column flex-xs-column align-items-center justify-content-lg-end justify-content-center">
|
|
<input id="newsletter_email" type="email" placeholder="Your email" required="required"
|
|
data-error="Valid email is required.">
|
|
<button id="newsletter_submit" type="submit" class="newsletter_submit_btn trans_300"
|
|
value="Submit">subscribe</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>--->
|
|
|
|
<!-- Footer -->
|
|
|
|
<footer class="footer">
|
|
<div class="container">
|
|
<!----<div class="row">
|
|
<div class="col-lg-6">
|
|
<div
|
|
class="footer_nav_container d-flex flex-sm-row flex-column align-items-center justify-content-lg-start justify-content-center text-center">
|
|
<ul class="footer_nav">
|
|
<li><a href="#">Blog</a></li>
|
|
<li><a href="#">FAQs</a></li>
|
|
<li><a href="contact.html">Contact us</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6">
|
|
<div
|
|
class="footer_social d-flex flex-row align-items-center justify-content-lg-end justify-content-center">
|
|
<ul>
|
|
<li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
|
|
<li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
|
|
<li><a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
|
|
<li><a href="#"><i class="fa fa-skype" aria-hidden="true"></i></a></li>
|
|
<li><a href="#"><i class="fa fa-pinterest" aria-hidden="true"></i></a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>-->
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<div class="footer_nav_container">
|
|
<div class="cr">©2018 All Rights Reserverd. Template by <a href="#">Colorlib</a></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
</div>
|
|
|
|
<script src="js/jquery-3.2.1.min.js"></script>
|
|
<script src="styles/bootstrap4/popper.js"></script>
|
|
<script src="styles/bootstrap4/bootstrap.min.js"></script>
|
|
<script src="plugins/Isotope/isotope.pkgd.min.js"></script>
|
|
<script src="plugins/OwlCarousel2-2.2.1/owl.carousel.js"></script>
|
|
<script src="plugins/easing/easing.js"></script>
|
|
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&key=AIzaSyCIwF204lFZg1y4kPSIhKaHEXMLYxxuMhA"></script>
|
|
<script src="plugins/jquery-ui-1.12.1.custom/jquery-ui.js"></script>
|
|
<script src="js/contact_custom.js"></script>
|
|
|
|
<!-- Local script tag-->
|
|
<script>
|
|
$(document).ready(function () {
|
|
|
|
if (localStorage.getItem('Hw Tech Club_3') === null) {
|
|
console.log("here");
|
|
var arr = new Array();
|
|
localStorage.setItem('Hw Tech Club_3', JSON.stringify(arr));
|
|
}
|
|
|
|
var arr_json = JSON.parse(localStorage.getItem('Hw Tech Club_3'));
|
|
|
|
$("#checkout_items").html(arr_json.length);
|
|
console.log(arr_json.length);
|
|
|
|
});
|
|
</script>
|
|
</body>
|
|
|
|
</html> |