262 lines
14 KiB
HTML
262 lines
14 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<!-- Required meta tags -->
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
<link rel="icon" href="img/favicon.png" type="image/png">
|
|
<title>BulkApp</title>
|
|
<!-- Bootstrap CSS -->
|
|
<link rel="stylesheet" href="css/bootstrap.css">
|
|
<link rel="stylesheet" href="vendors/linericon/style.css">
|
|
<link rel="stylesheet" href="css/font-awesome.min.css">
|
|
<link rel="stylesheet" href="vendors/owl-carousel/owl.carousel.min.css">
|
|
<link rel="stylesheet" href="vendors/lightbox/simpleLightbox.css">
|
|
<link rel="stylesheet" href="vendors/nice-select/css/nice-select.css">
|
|
<link rel="stylesheet" href="vendors/animate-css/animate.css">
|
|
<!-- main css -->
|
|
<link rel="stylesheet" href="css/style.css">
|
|
<link rel="stylesheet" href="css/responsive.css">
|
|
</head>
|
|
<body>
|
|
|
|
<!--================Header Menu Area =================-->
|
|
<header class="header_area">
|
|
<div class="main_menu">
|
|
<nav class="navbar navbar-expand-lg navbar-light">
|
|
<div class="container">
|
|
<!-- Brand and toggle get grouped for better mobile display -->
|
|
<a class="navbar-brand logo_h" href="index.html"><img src="img/logo.png" alt=""></a>
|
|
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
</button>
|
|
<!-- Collect the nav links, forms, and other content for toggling -->
|
|
<div class="collapse navbar-collapse offset" id="navbarSupportedContent">
|
|
<ul class="nav navbar-nav menu_nav ml-auto">
|
|
<li class="nav-item active"><a class="nav-link" href="index.html">Home</a></li>
|
|
<li class="nav-item"><a class="nav-link" href="index.html">FEATURES</a></li>
|
|
<li class="nav-item"><a class="nav-link" href="index.html">VIDEO</a>
|
|
<li class="nav-item"><a class="nav-link" href="index.html">PRICING</a>
|
|
<li class="nav-item"><a class="nav-link" href="index.html">SCREENS</a>
|
|
<li class="nav-item submenu dropdown">
|
|
<a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Pages</a>
|
|
<ul class="dropdown-menu">
|
|
<li class="nav-item"><a class="nav-link" href="elements.html">Elements</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="nav-item submenu dropdown">
|
|
<a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Blog</a>
|
|
<ul class="dropdown-menu">
|
|
<li class="nav-item"><a class="nav-link" href="blog.html">Blog</a></li>
|
|
<li class="nav-item"><a class="nav-link" href="single-blog.html">Blog Details</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="nav-item"><a class="nav-link" href="contact.html">Contact</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
</header>
|
|
<!--================Header Menu Area =================-->
|
|
|
|
<!--================Home Banner Area =================-->
|
|
<section class="banner_area">
|
|
<div class="banner_inner d-flex align-items-center">
|
|
<div class="overlay bg-parallax" data-stellar-ratio="0.9" data-stellar-vertical-offset="0" data-background=""></div>
|
|
<div class="container">
|
|
<div class="banner_content text-center">
|
|
<div class="page_link">
|
|
<a href="index.html">Home</a>
|
|
<a href="contact.html">Contact</a>
|
|
</div>
|
|
<h2>Contact Us</h2>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!--================End Home Banner Area =================-->
|
|
|
|
<!--================Contact Area =================-->
|
|
<section class="contact_area p_120">
|
|
<div class="container">
|
|
<div id="mapBox" class="mapBox"
|
|
data-lat="40.701083"
|
|
data-lon="-74.1522848"
|
|
data-zoom="13"
|
|
data-info="PO Box CT16122 Collins Street West, Victoria 8007, Australia."
|
|
data-mlat="40.701083"
|
|
data-mlon="-74.1522848">
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-lg-3">
|
|
<div class="contact_info">
|
|
<div class="info_item">
|
|
<i class="lnr lnr-home"></i>
|
|
<h6>California, United States</h6>
|
|
<p>Santa monica bullevard</p>
|
|
</div>
|
|
<div class="info_item">
|
|
<i class="lnr lnr-phone-handset"></i>
|
|
<h6><a href="#">00 (440) 9865 562</a></h6>
|
|
<p>Mon to Fri 9am to 6 pm</p>
|
|
</div>
|
|
<div class="info_item">
|
|
<i class="lnr lnr-envelope"></i>
|
|
<h6><a href="#">support@colorlib.com</a></h6>
|
|
<p>Send us your query anytime!</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-9">
|
|
<form class="row contact_form" action="contact_process.php" method="post" id="contactForm" novalidate="novalidate">
|
|
<div class="col-md-6">
|
|
<div class="form-group">
|
|
<input type="text" class="form-control" id="name" name="name" placeholder="Enter your name">
|
|
</div>
|
|
<div class="form-group">
|
|
<input type="email" class="form-control" id="email" name="email" placeholder="Enter email address">
|
|
</div>
|
|
<div class="form-group">
|
|
<input type="text" class="form-control" id="subject" name="subject" placeholder="Enter Subject">
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="form-group">
|
|
<textarea class="form-control" name="message" id="message" rows="1" placeholder="Enter Message"></textarea>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-12 text-right">
|
|
<button type="submit" value="submit" class="btn submit_btn">Send Message</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!--================Contact Area =================-->
|
|
|
|
<!--================ start footer Area =================-->
|
|
<footer class="footer-area p_120">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-3 col-md-6 col-sm-6">
|
|
<div class="single-footer-widget tp_widgets">
|
|
<h6 class="footer_title">Top Products</h6>
|
|
<ul class="list">
|
|
<li><a href="#">Managed Website</a></li>
|
|
<li><a href="#">Manage Reputation</a></li>
|
|
<li><a href="#">Power Tools</a></li>
|
|
<li><a href="#">Marketing Service</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-5 col-md-6 col-sm-6">
|
|
<div class="single-footer-widget news_widgets">
|
|
<h6 class="footer_title">Newsletter</h6>
|
|
<p>You can trust us. we only send promo offers, not a single spam.</p>
|
|
<div id="mc_embed_signup">
|
|
<form target="_blank" action="https://spondonit.us12.list-manage.com/subscribe/post?u=1462626880ade1ac87bd9c93a&id=92a4423d01" method="get" class="subscribe_form relative">
|
|
<div class="input-group d-flex flex-row">
|
|
<input name="EMAIL" placeholder="Your email address" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Email Address '" required="" type="email">
|
|
<button class="btn sub-btn">Get Started</button>
|
|
</div>
|
|
<div class="mt-10 info"></div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-md-6 col-sm-6 offset-lg-1">
|
|
<div class="single-footer-widget instafeed">
|
|
<h6 class="footer_title">Instagram Feed</h6>
|
|
<ul class="list instafeed d-flex flex-wrap">
|
|
<li><img src="img/instagram/Image-01.jpg" alt=""></li>
|
|
<li><img src="img/instagram/Image-02.jpg" alt=""></li>
|
|
<li><img src="img/instagram/Image-03.jpg" alt=""></li>
|
|
<li><img src="img/instagram/Image-04.jpg" alt=""></li>
|
|
<li><img src="img/instagram/Image-05.jpg" alt=""></li>
|
|
<li><img src="img/instagram/Image-06.jpg" alt=""></li>
|
|
<li><img src="img/instagram/Image-07.jpg" alt=""></li>
|
|
<li><img src="img/instagram/Image-08.jpg" alt=""></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row footer-bottom d-flex justify-content-between align-items-center">
|
|
<p class="col-lg-8 col-md-8 footer-text m-0"><!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
|
|
Copyright ©<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 class="col-lg-4 col-md-4 footer-social">
|
|
<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>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
<!--================ End footer Area =================-->
|
|
|
|
<!--================Contact Success and Error message Area =================-->
|
|
<div id="success" class="modal modal-message fade" role="dialog">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
<i class="fa fa-close"></i>
|
|
</button>
|
|
<h2>Thank you</h2>
|
|
<p>Your message is successfully sent...</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Modals error -->
|
|
|
|
<div id="error" class="modal modal-message fade" role="dialog">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
<i class="fa fa-close"></i>
|
|
</button>
|
|
<h2>Sorry !</h2>
|
|
<p> Something went wrong </p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--================End Contact Success and Error message Area =================-->
|
|
|
|
|
|
|
|
|
|
<!-- Optional JavaScript -->
|
|
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
|
|
<script src="js/jquery-3.2.1.min.js"></script>
|
|
<script src="js/popper.js"></script>
|
|
<script src="js/bootstrap.min.js"></script>
|
|
<script src="js/stellar.js"></script>
|
|
<script src="vendors/lightbox/simpleLightbox.min.js"></script>
|
|
<script src="vendors/nice-select/js/jquery.nice-select.min.js"></script>
|
|
<script src="vendors/isotope/imagesloaded.pkgd.min.js"></script>
|
|
<script src="vendors/isotope/isotope-min.js"></script>
|
|
<script src="vendors/owl-carousel/owl.carousel.min.js"></script>
|
|
<script src="js/jquery.ajaxchimp.min.js"></script>
|
|
<script src="js/mail-script.js"></script>
|
|
<script src="vendors/counter-up/jquery.waypoints.min.js"></script>
|
|
<script src="vendors/counter-up/jquery.counterup.js"></script>
|
|
<script src="vendors/popup/jquery.magnific-popup.min.js"></script>
|
|
<!-- contact js -->
|
|
<script src="js/jquery.form.js"></script>
|
|
<script src="js/jquery.validate.min.js"></script>
|
|
<script src="js/contact.js"></script>
|
|
<!--gmaps Js-->
|
|
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCjCGmQ0Uq4exrzdcL6rvxywDDOvfAu6eE"></script>
|
|
<script src="js/gmaps.min.js"></script>
|
|
<script src="js/theme.js"></script>
|
|
</body>
|
|
</html> |