File size: 10.33Kb
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- Title -->
<title>Contact</title>
<!-- Favicon Ico -->
<link rel="shortcut icon" href="images/favicon.ico">
<!-- =============================
stylesheets
================================== -->
<!-- Normalize And Bootstrap -->
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- Google Font -->
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Raleway:600,700,400,300' rel='stylesheet' type='text/css'>
<!-- Font Icons -->
<link rel="stylesheet" href="css/font-awesome/css/font-awesome.min.css" />
<!-- Plugin Default Stylesheets -->
<link rel="stylesheet" href="css/magnific-popup.css">
<link rel="stylesheet" href="css/slider-pro.css">
<link rel="stylesheet" href="css/owl.carousel.css">
<link rel="stylesheet" href="css/owl.theme.css">
<link rel="stylesheet" href="css/owl.transitions.css">
<link rel="stylesheet" href="css/animate.css">
<!-- Main Stylesheet -->
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/responsive.css" />
<link rel="stylesheet" href="css/color.css" id="colors" />
<!--[if lt IE 9]>
<script src="js/html5shiv.min.js"></script>
<script src="js/respond.min.js"></script>
<script type="text/javascript" src="js/selectivizr.js"></script>
<![endif]-->
</head>
<body>
<!-- Preloader -->
<div class="preloader">
<div class="status"></div>
</div>
<!-- =============================
Header
================================== -->
<header>
<!-- Navigation Menu start-->
<nav class="navbar blete-main-menu" role="navigation">
<div class="container">
<!-- Navbar Toggle -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<!-- Logo -->
<a class="navbar-brand" href="index.html"><img class="logo" id="logo" src="images/logo.png" alt="logo"></a>
</div>
<!-- Navbar Toggle End -->
<!-- navbar-collapse start-->
<div id="nav-menu" class="navbar-collapse collapse" role="navigation">
<ul class="nav navbar-nav blete-menu-wrapper">
<li>
<a href="index.html">Home</a>
</li>
<li>
<a href="portfolio.html">Portfolio</a>
</li>
<li>
<a href="portfolio2.html">Portfolio V2</a>
</li>
<li>
<a href="pricing-table.html">Pricing Table</a>
</li>
<li>
<a href="progress.html">Progress Bar</a>
</li>
<li class="active">
<a href="contact.html">Contact Us</a>
</li>
</ul>
</div>
<!-- navbar-collapse end-->
</div>
</nav>
<!-- Navigation Menu end-->
</header>
<!-- Header End -->
<div class="header-img">
<img src="images/img-header/slider-img-1.jpg" alt="">
</div>
<!-- =============================
Contact Section
================================== -->
<section id="contact" class="blete-section-wrapper blete-contact-section" data-stellar-background-ratio="0.5">
<div class="blete-parallax-overlay"></div>
<div class="container">
<div class="row">
<!-- Section Header -->
<div class="col-md-12 col-sm-12 col-xs-12 blete-section-header wow fadeInDown blete-section-header-parallax">
<h2>CONTACT <span class="blete-highlight-text">US</span></h2>
<div class="blete-section-divider"></div>
<p class="col-md-8 col-sm-10 col-xs-12 col-md-offset-2 col-sm-offset-1">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque magni voluptates ipsam.</p>
</div>
<!-- Section Header End -->
<div class="blete-contact-details">
<!-- Address Area -->
<div class="col-md-5 col-sm-4 col-xs-12 blete-contact-address wow bounceInLeft">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Incidunt explicabo nostrum nihil non sapiente quam maiores, eveniet voluptates delectus ipsa itaque. Sit rem fugit accusamus iure consequuntur? Repudiandae, ab ratione..</p>
<ul>
<li class="blete-office-address"><i class="fa fa-home"></i>4500 Lorem Ipsum<br>Dolor, IL 80237<br>Sit Amet</li>
<li class="blete-phone"><i class="fa fa-phone"></i>729-1431-12314</li>
<li class="blete-email"><i class="fa fa-envelope-o"></i>info@loremipsum.com</li>
<li class="blete-web"><i class="fa fa-globe"></i>www.loremipsum.com</li>
</ul>
</div>
<!-- Address Area End -->
<!-- Contact Form -->
<div class="col-md-7 col-sm-8 col-xs-12 blete-contact-form wow bounceInRight">
<div id="contact-result"></div>
<div id="contact-form">
<div class="blete-input-name blete-input-fields">
<input type="text" name="name" id="name" placeholder="Name">
</div>
<div class="blete-input-email blete-input-fields">
<input type="email" name="email" id="email" placeholder="Email">
</div>
<div class="blete-input-message blete-input-fields">
<textarea name="message" id="message" cols="30" rows="10" placeholder="Message"></textarea>
</div>
<input type="submit" value="SEND MESSAGE" id="submit-btn">
</div>
</div>
<!-- Contact Form End -->
</div>
</div>
</div>
</section>
<!-- Contact Section End -->
<!-- =============================
Footer Section
================================= -->
<footer>
<div class="container">
<div class="row">
<div class="col-md-3">
<h3>About</h3>
<ul>
<li><span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum vitae nihil, culpa nemo dolore explicabo ipsa? Qui, et, porro. Nemo officiis possimus assumenda quia reiciendis asperiores aliquam quae minima, eos.</span></li>
</ul>
</div>
<div class="col-md-3">
<h3>Related Post</h3>
<ul>
<li><a href="">lorem ipsum</a></li>
<li><a href="">lorem</a></li>
<li><a href="">lorem dolor</a></li>
<li><a href="">lorem</a></li>
<li><a href="">lorem</a></li>
</ul>
</div>
<div class="col-md-3">
<h3>Page</h3>
<ul>
<li><a href="">lorem</a></li>
<li><a href="">lorem sit eta</a></li>
<li><a href="">lorem</a></li>
<li><a href="">lorem lorem ipsum</a></li>
<li><a href="">lorem ipsumlor</a></li>
</ul>
</div>
<div class="col-md-3">
<h3>Featured Post</h3>
<ul>
<li><a href="">lorem meta tag</a></li>
<li><a href="">lorem intan sipsum</a></li>
<li><a href="">lorem ipsum</a></li>
<li><a href="">lorem</a></li>
<li><a href="">lorem mata</a></li>
</ul>
</div>
</div>
</div>
</footer>
<!-- Footer End -->
<div class="thn">
<div class="container thn">
<div class="row">
<div class="blete-footer-content">
<h6 class="blete-copyright-info">©2015</h6>
</div>
</div>
</div>
</div>
<!-- =============================
SCRIPTS
================================== -->
<script src="js/jquery-1.11.3.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/modernizr.min.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/jquery.scrollUp.min.js"></script>
<script src="js/jquery.easypiechart.js"></script>
<script src="js/jquery.countTo.js"></script>
<script src="js/isotope.pkgd.min.js"></script>
<script src="js/jflickrfeed.min.js"></script>
<script src="js/jquery.fitvids.js"></script>
<script src="js/jquery.stellar.min.js"></script>
<script src="js/jquery.waypoints.min.js"></script>
<script src="js/wow.min.js"></script>
<script src="js/jquery.nav.js"></script>
<script src="js/imagesloaded.pkgd.min.js"></script>
<script src="js/smooth-scroll.min.js"></script>
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/jquery.sliderPro.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/custom.js"></script>
</body>
</html>