krzysztof/landing_page
1
0
Fork 0
mirror of https://github.com/qdrant/landing_page.git synced 2026-09-28 23:48:31 +02:00
Code Issues Packages Projects Releases Wiki Activity
Files
3606a77b399ba130543261e99d6bbffd8f5825ea
landing_page/entropy-placeholder/contact.html
T
trean c9e1599d45 init
2021-03-20 15:53:01 +01:00

434 lines
16 KiB
HTML
Raw Blame History

<!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">&copy; 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 &nbsp;<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>
Reference in New Issue View Git Blame Copy Permalink