mirror of
https://github.com/qdrant/landing_page.git
synced 2026-09-29 07:58:31 +02:00
434 lines
16 KiB
HTML
434 lines
16 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Entropy HTML Template | Contact</title>
|
|
<!-- Stylesheets -->
|
|
<link href="css/bootstrap.css" rel="stylesheet">
|
|
<link href="css/main.css" rel="stylesheet">
|
|
<link href="css/responsive.css" rel="stylesheet">
|
|
|
|
<link rel="shortcut icon" href="images/favicon.png" type="image/x-icon">
|
|
<link rel="icon" href="images/favicon.png" type="image/x-icon">
|
|
|
|
<!-- Responsive -->
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
|
|
|
<!--[if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script><![endif]-->
|
|
<!--[if lt IE 9]><script src="js/respond.js"></script><![endif]-->
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div class="page-wrapper">
|
|
|
|
<!-- Preloader -->
|
|
<div class="preloader"></div>
|
|
|
|
<!-- Main Header-->
|
|
<header class="main-header header-style-one">
|
|
|
|
<!-- Header Top -->
|
|
<div class="header-top">
|
|
<div class="auto-container">
|
|
<div class="clearfix">
|
|
|
|
<!-- Top Left -->
|
|
<div class="top-left pull-left clearfix">
|
|
|
|
<!-- Info List -->
|
|
<ul class="info-list">
|
|
<li><a href="mailto:info@yourcompany.com"><span class="icon flaticon-message"></span> info@yourcompany.com</a></li>
|
|
<li><a href="tel:+123-456-7890"><span class="icon flaticon-phone-call"></span> (123) 456-7890</a></li>
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
<!-- Top Right -->
|
|
<div class="top-right pull-right clearfix">
|
|
<!-- Social Nav -->
|
|
<ul class="social-nav">
|
|
<li><a href="#"><span class="fa fa-facebook-f"></span></a></li>
|
|
<li><a href="#"><span class="fa fa-google-plus"></span></a></li>
|
|
<li><a href="#"><span class="fa fa-twitter"></span></a></li>
|
|
<li><a href="#"><span class="fa fa-pinterest-p"></span></a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!--Header-Upper-->
|
|
<div class="header-upper">
|
|
<div class="auto-container">
|
|
<div class="clearfix">
|
|
|
|
<div class="pull-left logo-box">
|
|
<div class="logo"><a href="index.html"><img src="https://via.placeholder.com/160x55" alt="" title="Entropy"></a></div>
|
|
</div>
|
|
|
|
<div class="nav-outer clearfix">
|
|
<!--Mobile Navigation Toggler-->
|
|
<div class="mobile-nav-toggler"><span class="icon flaticon-menu"></span></div>
|
|
<!-- Main Menu -->
|
|
<nav class="main-menu show navbar-expand-md">
|
|
<div class="navbar-header">
|
|
<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>
|
|
</div>
|
|
|
|
<div class="navbar-collapse collapse clearfix" id="navbarSupportedContent">
|
|
<ul class="navigation clearfix">
|
|
<li class="dropdown"><a href="#">Home</a>
|
|
<ul>
|
|
<li><a href="index.html">Home Page 01</a></li>
|
|
<li><a href="index-2.html">Home Page 02</a></li>
|
|
<li><a href="index-3.html">Home Page 03</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="dropdown"><a href="#">Pages</a>
|
|
<ul>
|
|
<li><a href="about.html">About</a></li>
|
|
<li><a href="team.html">Team</a></li>
|
|
<li><a href="price.html">Price</a></li>
|
|
<li><a href="login.html">Login</a></li>
|
|
<li><a href="register.html">Register</a></li>
|
|
<li><a href="privacy.html">Privacy Policy</a></li>
|
|
<li><a href="comming-soon.html">Comming Soon</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="services.html">Services</a></li>
|
|
<li class="dropdown"><a href="#">Blog</a>
|
|
<ul>
|
|
<li><a href="blog.html">Blog</a></li>
|
|
<li><a href="blog-leftsidebar.html">Blog Left Sidebar</a></li>
|
|
<li><a href="blog-rightsidebar.html">Blog Right Sidebar</a></li>
|
|
<li><a href="blog-detail.html">Blog Detail</a></li>
|
|
<li><a href="error.html">Not Found / 404</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="current"><a href="contact.html">Contact Us</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
</nav>
|
|
|
|
<div class="outer-box">
|
|
<!-- Cart Box -->
|
|
<div class="cart-box">
|
|
<a href="#" class="icon flaticon-shopping-bag-3"></a>
|
|
</div>
|
|
<!--Search Box-->
|
|
<div class="searched-popup search-box-outer">
|
|
<button class="search-box-btn"><span class="flaticon-magnifying-glass-1"></span></button>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--End Header Upper-->
|
|
|
|
<!-- Mobile Menu -->
|
|
<div class="mobile-menu">
|
|
<div class="menu-backdrop"></div>
|
|
<div class="close-btn"><span class="icon flaticon-multiply"></span></div>
|
|
|
|
<nav class="menu-box">
|
|
<div class="nav-logo"><a href="index.html"><img src="https://via.placeholder.com/160x55" alt="" title=""></a></div>
|
|
<div class="menu-outer">
|
|
<!--Here Menu Will Come Automatically Via Javascript / Same Menu as in Header-->
|
|
</div>
|
|
</nav>
|
|
</div><!-- End Mobile Menu -->
|
|
|
|
</header>
|
|
<!--End Main Header -->
|
|
|
|
<!-- Page Title -->
|
|
<section class="page-title">
|
|
<div class="pattern-layer" style="background-image: url(images/background/pattern-12.png)"></div>
|
|
<div class="auto-container">
|
|
<h1>Contact Us</h1>
|
|
<ul class="bread-crumb clearfix">
|
|
<li><a href="index.html">Home</a></li>
|
|
<li>Contact Us</li>
|
|
</ul>
|
|
</div>
|
|
</section>
|
|
<!--End Page Title-->
|
|
|
|
<!-- Contact Page Section -->
|
|
<section class="login-page-section">
|
|
<div class="auto-container">
|
|
<div class="row clearfix">
|
|
|
|
<!-- Image Column -->
|
|
<div class="image-column col-lg-6 col-md-12 col-sm-12">
|
|
<div class="inner-column">
|
|
<div class="image">
|
|
<img src="https://via.placeholder.com/707x818" alt="" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Form Column -->
|
|
<div class="form-column col-lg-6 col-md-12 col-sm-12">
|
|
<div class="inner-column">
|
|
<h3>Get In Touch</h3>
|
|
<div class="welcome"><span class="theme_color">Welcome!</span> Please confirm that you are visiting</div>
|
|
|
|
<!-- Contact Form -->
|
|
<div class="contact-form">
|
|
|
|
<!-- Contact Form -->
|
|
<form method="post" action="sendemail.php" id="contact-form">
|
|
|
|
<div class="form-group">
|
|
<label>Full Name</label>
|
|
<input type="text" name="username" placeholder="Full Name" required>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label>Email Address</label>
|
|
<input type="email" name="email" placeholder="Email Address" required>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label>Phone Number</label>
|
|
<input type="text" name="phone" placeholder="Phone Number" required>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label>Your Message</label>
|
|
<textarea name="message" placeholder="Write here..."></textarea>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<button class="theme-btn btn-style-three" type="submit" name="submit-form"><span class="txt">Send Message</span></button>
|
|
</div>
|
|
|
|
</form>
|
|
|
|
</div>
|
|
<!-- End Contact Form -->
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- End Contact Page Section -->
|
|
|
|
<!-- Contact Info Section -->
|
|
<section class="contact-info-section">
|
|
<div class="auto-container">
|
|
<!-- Sec Title -->
|
|
<div class="sec-title centered">
|
|
<h2>Contact <span>Information</span></h2>
|
|
<div class="text">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</div>
|
|
</div>
|
|
<div class="inner-container">
|
|
<div class="row clearfix">
|
|
|
|
<!-- Info Column -->
|
|
<div class="info-column col-lg-4 col-md-6 col-sm-12">
|
|
<div class="inner-column">
|
|
<span class="icon fa fa-phone"></span>
|
|
<strong>Phone</strong>
|
|
<ul>
|
|
<li><a href="tel:+1-123-456-7890">+1 (123) 456-7890</a></li>
|
|
<li><a href="tel:+1-123-456-7890">+1 (123) 456-7890</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Info Column -->
|
|
<div class="info-column col-lg-4 col-md-6 col-sm-12">
|
|
<div class="inner-column">
|
|
<span class="icon fa fa-envelope-o"></span>
|
|
<strong>Email</strong>
|
|
<ul>
|
|
<li><a href="mailto:info@yourcompany.com">info@yourcompany.com</a></li>
|
|
<li><a href="mailto:infoentrophyl@gmail.com">infoentrophyl@gmail.com</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Info Column -->
|
|
<div class="info-column col-lg-4 col-md-6 col-sm-12">
|
|
<div class="inner-column">
|
|
<span class="icon fa fa-map-marker"></span>
|
|
<strong>Address</strong>
|
|
<div class="text">Portfolio Technology 07, Capetown <br> 12 Road, Chicago, 2436, USA</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- End Contact Info Section -->
|
|
|
|
<!-- Map Section -->
|
|
<div class="map-section">
|
|
<!--Map Outer-->
|
|
<div class="map-outer">
|
|
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d805184.6331292129!2d144.49266890254142!3d-37.97123689954809!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6ad646b5d2ba4df7%3A0x4045675218ccd90!2sMelbourne%20VIC%2C%20Australia!5e0!3m2!1sen!2s!4v1574408946759!5m2!1sen!2s" width="100%" height="570px" frameborder="0" style="border:0;" allowfullscreen=""></iframe>
|
|
</div>
|
|
</div>
|
|
<!-- End Map Section -->
|
|
|
|
<!-- Main Footer -->
|
|
<footer class="main-footer">
|
|
<div class="pattern-layer" style="background-image: url(images/background/pattern-4.png)"></div>
|
|
<div class="pattern-layer-two" style="background-image: url(images/background/pattern-5.png)"></div>
|
|
<div class="auto-container">
|
|
<!--Widgets Section-->
|
|
<div class="widgets-section">
|
|
<div class="row clearfix">
|
|
|
|
<!-- Footer Column -->
|
|
<div class="footer-column col-lg-4 col-md-6 col-sm-12">
|
|
<div class="footer-widget contact-widget">
|
|
<div class="footer-title">
|
|
<h4>Contact us</h4>
|
|
</div>
|
|
<ul class="contact-list">
|
|
<li><span class="icon fa fa-map-o"></span> #206, New York</li>
|
|
<li><span class="icon fa fa-phone"></span> <a href="tel:+1-123-456-7890">+1 (123) 456-7890</a></li>
|
|
<li><span class="icon fa fa-envelope"></span> <a href="mailto:info@yourcompany.com">info@yourcompany.com</a></li>
|
|
<li><span class="icon fa fa-phone-square"></span> <a href="tel:+1-123-456-7890">+1 (123) 456-7890</a></li>
|
|
<li><span class="icon fa fa-clock-o"></span> 09.00 am - 05.00 pm</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Footer Column -->
|
|
<div class="footer-column col-lg-3 col-md-6 col-sm-12">
|
|
<div class="footer-widget contact-widget">
|
|
<div class="footer-title">
|
|
<h4>Navigation</h4>
|
|
</div>
|
|
<ul class="nav-list">
|
|
<li><a href="#">About Us</a></li>
|
|
<li><a href="#">Contact Us</a></li>
|
|
<li><a href="#">Our Services</a></li>
|
|
<li><a href="#">Team Members</a></li>
|
|
<li><a href="#">Blog Left Sidebar</a></li>
|
|
<li><a href="#">Blog Right Sidebar</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Footer Column -->
|
|
<div class="footer-column col-lg-5 col-md-6 col-sm-12">
|
|
<div class="footer-widget news-widget">
|
|
<div class="footer-title">
|
|
<h4>Latest Blog Posts</h4>
|
|
</div>
|
|
<!-- Footer Column -->
|
|
<div class="widget-content">
|
|
|
|
<div class="post">
|
|
<div class="thumb"><a href="blog-detail.html"><img src="https://via.placeholder.com/76x70" alt=""></a></div>
|
|
<h4><a href="blog-detail.html">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi finibus at.</a></h4>
|
|
</div>
|
|
|
|
<div class="post">
|
|
<div class="thumb"><a href="blog-detail.html"><img src="https://via.placeholder.com/76x70" alt=""></a></div>
|
|
<h4><a href="blog-detail.html">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a></h4>
|
|
</div>
|
|
|
|
<div class="post">
|
|
<div class="thumb"><a href="blog-detail.html"><img src="https://via.placeholder.com/76x70" alt=""></a></div>
|
|
<h4><a href="blog-detail.html">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a></h4>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<ul class="social-box">
|
|
<li><a href="#" class="fa fa-facebook"></a></li>
|
|
<li><a href="#" class="fa fa-twitter"></a></li>
|
|
<li><a href="#" class="fa fa-linkedin"></a></li>
|
|
<li><a href="#" class="fa fa-instagram"></a></li>
|
|
</ul>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Footer Bottom -->
|
|
<div class="footer-bottom">
|
|
<div class="auto-container">
|
|
<div class="row clearfix">
|
|
|
|
<!-- Copyright Column -->
|
|
<div class="copyright-column col-lg-6 col-md-12 col-sm-12">
|
|
<div class="copyright">© 2020 AuburnForest. All Rights Reserved</div>
|
|
</div>
|
|
|
|
<!-- Language Column -->
|
|
<div class="language-column col-lg-6 col-md-12 col-sm-12">
|
|
<!--Language-->
|
|
<div class="language dropdown"><a class="btn btn-default dropdown-toggle" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" href="#">Language: English <span class="icon fa fa-angle-down"></span></a>
|
|
<ul class="dropdown-menu style-one" aria-labelledby="dropdownMenu2">
|
|
<li><a href="#">English</a></li>
|
|
<li><a href="#">German</a></li>
|
|
<li><a href="#">Arabic</a></li>
|
|
<li><a href="#">Hindi</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
</div>
|
|
<!--End pagewrapper-->
|
|
|
|
<!--Scroll to top-->
|
|
<div class="scroll-to-top scroll-to-target" data-target="html"><span class="fa fa-arrow-circle-up"></span></div>
|
|
|
|
<!-- Header Search -->
|
|
<div class="search-popup">
|
|
<button class="close-search style-two"><span class="flaticon-multiply"></span></button>
|
|
<button class="close-search"><span class="flaticon-up-arrow"></span></button>
|
|
<form method="post" action="blog.html">
|
|
<div class="form-group">
|
|
<input type="search" name="search-field" value="" placeholder="Search Here" required="">
|
|
<button type="submit"><i class="fa fa-search"></i></button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<!-- End Header Search -->
|
|
|
|
<script src="js/jquery.js"></script>
|
|
<script src="js/popper.min.js"></script>
|
|
<script src="js/jquery.scrollTo.js"></script>
|
|
<script src="js/bootstrap.min.js"></script>
|
|
<script src="js/jquery.mCustomScrollbar.concat.min.js"></script>
|
|
<script src="js/jquery.fancybox.js"></script>
|
|
<script src="js/appear.js"></script>
|
|
|
|
<script src="js/jquery.easing.min.js"></script>
|
|
<script src="js/owl.js"></script>
|
|
<script src="js/wow.js"></script>
|
|
<script src="js/jquery-ui.js"></script>
|
|
<script src="js/validate.js"></script>
|
|
<script src="js/script.js"></script>
|
|
|
|
</body>
|
|
</html> |