Files
srizanlive/new/contact.html
2022-03-03 22:18:41 +01:00

263 lines
9.0 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<title>Game Warrior Template</title>
<meta charset="UTF-8">
<meta name="description" content="Game Warrior Template">
<meta name="keywords" content="warrior, game, creative, html">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Favicon -->
<link href="img/favicon.ico" rel="shortcut icon"/>
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Roboto:400,400i,500,500i,700,700i" rel="stylesheet">
<!-- Stylesheets -->
<link rel="stylesheet" href="css/bootstrap.min.css"/>
<link rel="stylesheet" href="css/font-awesome.min.css"/>
<link rel="stylesheet" href="css/owl.carousel.css"/>
<link rel="stylesheet" href="css/style.css"/>
<link rel="stylesheet" href="css/animate.css"/>
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- Page Preloder -->
<div id="preloder">
<div class="loader"></div>
</div>
<!-- Header section -->
<header class="header-section">
<div class="container">
<!-- logo -->
<a class="site-logo" href="index.html">
<img src="img/logo.png" alt="">
</a>
<div class="user-panel">
<a href="#">Login</a> / <a href="#">Register</a>
</div>
<!-- responsive -->
<div class="nav-switch">
<i class="fa fa-bars"></i>
</div>
<!-- site menu -->
<nav class="main-menu">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="review.html">Games</a></li>
<li><a href="categories.html">Blog</a></li>
<li><a href="community.html">Forums</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</div>
</header>
<!-- Header section end -->
<!-- Latest news section -->
<div class="latest-news-section">
<div class="ln-title">Latest News</div>
<div class="news-ticker">
<div class="news-ticker-contant">
<div class="nt-item"><span class="new">new</span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </div>
<div class="nt-item"><span class="strategy">strategy</span>Isum dolor sit amet, consectetur adipiscing elit. </div>
<div class="nt-item"><span class="racing">racing</span>Isum dolor sit amet, consectetur adipiscing elit. </div>
</div>
</div>
</div>
<!-- Latest news section end -->
<!-- Page info section -->
<section class="page-info-section set-bg" data-setbg="img/page-top-bg/5.jpg">
<div class="pi-content">
<div class="container">
<div class="row">
<div class="col-xl-5 col-lg-6 text-white">
<h2>Contact us</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada lorem maximus mauris scelerisque, at rutrum nulla dictum.</p>
</div>
</div>
</div>
</div>
</section>
<!-- Page info section -->
<!-- Page section -->
<section class="page-section spad contact-page">
<div class="container">
<div class="map" id="map-canvas"></div>
<div class="row">
<div class="col-lg-4 mb-5 mb-lg-0">
<h4 class="comment-title">Contact us</h4>
<p>Odio ultrices ut. Etiam ac erat ut enim maximus accumsan vel ac nisl. Duis feug iat bibendum orci, non elementum urna. Cras sit amet sapien aliquam.</p>
<div class="row">
<div class="col-md-9">
<ul class="contact-info-list">
<li><div class="cf-left">Address</div><div class="cf-right">1481 Creekside Lane Avila Beach, CA 931</div></li>
<li><div class="cf-left">Phone</div><div class="cf-right">+53 345 7953 32453</div></li>
<li><div class="cf-left">E-mail</div><div class="cf-right">yourmail@gmail.com</div></li>
</ul>
</div>
</div>
<div class="social-links">
<a href="#"><i class="fa fa-pinterest"></i></a>
<a href="#"><i class="fa fa-facebook"></i></a>
<a href="#"><i class="fa fa-twitter"></i></a>
<a href="#"><i class="fa fa-dribbble"></i></a>
<a href="#"><i class="fa fa-behance"></i></a>
<a href="#"><i class="fa fa-linkedin"></i></a>
</div>
</div>
<div class="col-lg-8">
<div class="contact-form-warp">
<h4 class="comment-title">Leave a Reply</h4>
<form class="comment-form">
<div class="row">
<div class="col-md-6">
<input type="text" placeholder="Name">
</div>
<div class="col-md-6">
<input type="email" placeholder="Email">
</div>
<div class="col-lg-12">
<input type="text" placeholder="Subject">
<textarea placeholder="Message"></textarea>
<button class="site-btn btn-sm">Send</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</section>
<!-- Page section end -->
<!-- Footer top section -->
<section class="footer-top-section">
<div class="container">
<div class="footer-top-bg">
<img src="img/footer-top-bg.png" alt="">
</div>
<div class="row">
<div class="col-lg-4">
<div class="footer-logo text-white">
<img src="img/footer-logo.png" alt="">
<p>Lorem ipsum dolor sit amet, consectetur adipisc ing ipsum dolor sit ame.</p>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="footer-widget mb-5 mb-md-0">
<h4 class="fw-title">Latest Posts</h4>
<div class="latest-blog">
<div class="lb-item">
<div class="lb-thumb set-bg" data-setbg="img/latest-blog/1.jpg"></div>
<div class="lb-content">
<div class="lb-date">June 21, 2018</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisc ing ipsum </p>
<a href="#" class="lb-author">By Admin</a>
</div>
</div>
<div class="lb-item">
<div class="lb-thumb set-bg" data-setbg="img/latest-blog/2.jpg"></div>
<div class="lb-content">
<div class="lb-date">June 21, 2018</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisc ing ipsum </p>
<a href="#" class="lb-author">By Admin</a>
</div>
</div>
<div class="lb-item">
<div class="lb-thumb set-bg" data-setbg="img/latest-blog/3.jpg"></div>
<div class="lb-content">
<div class="lb-date">June 21, 2018</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisc ing ipsum </p>
<a href="#" class="lb-author">By Admin</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="footer-widget">
<h4 class="fw-title">Top Comments</h4>
<div class="top-comment">
<div class="tc-item">
<div class="tc-thumb set-bg" data-setbg="img/authors/1.jpg"></div>
<div class="tc-content">
<p><a href="#">James Smith</a> <span>on</span> Lorem ipsum dolor sit amet, co</p>
<div class="tc-date">June 21, 2018</div>
</div>
</div>
<div class="tc-item">
<div class="tc-thumb set-bg" data-setbg="img/authors/2.jpg"></div>
<div class="tc-content">
<p><a href="#">James Smith</a> <span>on</span> Lorem ipsum dolor sit amet, co</p>
<div class="tc-date">June 21, 2018</div>
</div>
</div>
<div class="tc-item">
<div class="tc-thumb set-bg" data-setbg="img/authors/3.jpg"></div>
<div class="tc-content">
<p><a href="#">James Smith</a> <span>on</span> Lorem ipsum dolor sit amet, co</p>
<div class="tc-date">June 21, 2018</div>
</div>
</div>
<div class="tc-item">
<div class="tc-thumb set-bg" data-setbg="img/authors/4.jpg"></div>
<div class="tc-content">
<p><a href="#">James Smith</a> <span>on</span> Lorem ipsum dolor sit amet, co</p>
<div class="tc-date">June 21, 2018</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Footer top section end -->
<!-- Footer section -->
<footer class="footer-section">
<div class="container">
<ul class="footer-menu">
<li><a href="index.html">Home</a></li>
<li><a href="review.html">Games</a></li>
<li><a href="categories.html">Blog</a></li>
<li><a href="community.html">Forums</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
<p class="copyright"><!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
Copyright &copy;<script>document.write(new Date().getFullYear());</script> All rights reserved | This template is made with <i class="fa fa-heart-o" aria-hidden="true"></i> by <a href="https://colorlib.com" target="_blank">Colorlib</a>
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
</p>
</div>
</footer>
<!-- Footer section end -->
<!--====== Javascripts & Jquery ======-->
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/jquery.marquee.min.js"></script>
<script src="js/main.js"></script>
<!-- load for map -->
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCWTIlluowDL-X4HbYQt3aDw_oi2JP0Krc&sensor=false"></script>
<script src="js/map.js"></script>
</body>
</html>