File size: 29.65Kb
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="description" content="Responsive Bootstrap Multi-Purpose Landing Page Template">
<meta name="keywords" content="LandX, Bootstrap, Landing page, Template, Registration, Landing">
<meta name="author" content="Mizanur Rahman">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- SITE TITLE -->
<title>LandX - Responsive Multi-Purpose Landing Page</title>
<!-- =========================
FAV AND TOUCH ICONS
============================== -->
<link rel="icon" href="images/favicon.ico">
<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
<!-- =========================
STYLESHEETS
============================== -->
<!-- BOOTSTRAP -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- FONT ICONS -->
<!-- IonIcons -->
<link rel="stylesheet" href="assets/ionicons/css/ionicons.css">
<!-- Font Awesome
<link rel="stylesheet" href="assets/font-awesome/css/font-awesome.min.css">
-->
<!-- Elegant Icons -->
<link rel="stylesheet" href="assets/elegant-icons/style.css">
<!--[if lte IE 7]><script src="assets/elegant-icons/lte-ie7.js"></script><![endif]-->
<!-- CAROUSEL AND LIGHTBOX -->
<link rel="stylesheet" href="css/owl.theme.css">
<link rel="stylesheet" href="css/owl.carousel.css">
<link rel="stylesheet" href="css/nivo-lightbox.css">
<link rel="stylesheet" href="css/nivo_themes/default/default.css">
<!-- COLORS -->
<link rel="stylesheet" href="css/colors/blue.css"> <!-- DEFAULT COLOR/ CURRENTLY USING -->
<!-- <link rel="stylesheet" href="css/colors/red.css"> -->
<!-- <link rel="stylesheet" href="css/colors/green.css"> -->
<!-- <link rel="stylesheet" href="css/colors/purple.css"> -->
<!-- <link rel="stylesheet" href="css/colors/orange.css"> -->
<!-- <link rel="stylesheet" href="css/colors/blue-munsell.css"> -->
<!-- <link rel="stylesheet" href="css/colors/slate.css"> -->
<!-- <link rel="stylesheet" href="css/colors/yellow.css"> -->
<!-- CUSTOM STYLESHEETS -->
<link rel="stylesheet" href="css/styles.css">
<!-- RESPONSIVE FIXES -->
<link rel="stylesheet" href="css/responsive.css">
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<script src="js/respond.min.js"></script>
<![endif]-->
<!-- ****************
After neccessary customization/modification, Please minify HTML/CSS according to http://browserdiet.com/en/ for better performance
**************** -->
</head>
<body>
<!-- =========================
PRE LOADER
============================== -->
<div class="preloader">
<div class="status"> </div>
</div>
<!-- =========================
HEADER
============================== -->
<header id="home">
<!-- COLOR OVER IMAGE -->
<div class="color-overlay">
<div class="navigation-header">
<!-- STICKY NAVIGATION -->
<div class="navbar navbar-inverse bs-docs-nav navbar-fixed-top sticky-navigation">
<div class="container">
<div class="navbar-header">
<!-- LOGO ON STICKY NAV BAR -->
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#landx-navigation">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#"><img src="images/logo-dark.png" alt=""></a>
</div>
<!-- NAVIGATION LINKS -->
<div class="navbar-collapse collapse" id="landx-navigation">
<ul class="nav navbar-nav navbar-right main-navigation">
<li><a href="#home">Home</a></li>
<li><a href="#section1">Brief</a></li>
<li><a href="#section3">Features</a></li>
<li><a href="#section4">Pricing</a></li>
<li><a href="#section5">Video</a></li>
<li><a href="#section6">Screenshots</a></li>
<li><a href="#section7">Testimonial</a></li>
<li><a href="#section8">Contact</a></li>
</ul>
</div>
</div>
<!-- /END CONTAINER -->
</div>
<!-- /END STICKY NAVIGATION -->
<!-- ONLY LOGO ON HEADER -->
<div class="navbar non-sticky">
<div class="container">
<div class="navbar-header">
<img src="images/logo.png" alt="">
</div>
<ul class="nav navbar-nav navbar-right social-navigation hidden-xs">
<li><a href="#"><i class="social_facebook_circle"></i></a></li>
<li><a href="#"><i class="social_twitter_circle"></i></a></li>
<li><a href="#"><i class="social_linkedin_circle"></i></a></li>
</ul>
</div>
<!-- /END CONTAINER -->
</div>
<!-- /END ONLY LOGO ON HEADER -->
</div>
<!-- HEADING, FEATURES AND REGISTRATION FORM CONTAINER -->
<div class="container">
<div class="row">
<!-- LEFT - HEADING AND TEXTS -->
<div class="col-md-10 col-md-offset-1 intro-section">
<h1 class="intro">
Get the Best <span class="strong colored-text">Solution</span> for Your <strong>Business</strong>
</h1>
<p class="sub-heading">
Accelerator photo sharing business school drop out ramen hustle crush it revenue traction platforms. Coworking viral landing page user base.
</p>
</div>
</div>
<!-- SUBSCRIBE FORM -->
<div class="row">
<div class="col-md-6 col-md-offset-3">
<div class="sf-container">
<form class="subscription-form mailchimp form-inline" role="form">
<!-- SUBSCRIPTION SUCCESSFUL OR ERROR MESSAGES -->
<h6 class="subscription-success"></h6>
<h6 class="subscription-error"></h6>
<!-- EMAIL INPUT BOX -->
<input type="email" name="email" id="subscriber-email1" placeholder="Your Email" class="form-control input-box">
<!-- SUBSCRIBE BUTTON -->
<button type="submit" id="subscribe-button1" class="btn standard-button">GET STARTED</button>
</form>
</div>
</div>
</div>
</div>
<!-- /END HEADING, FEATURES AND REGISTRATION FORM CONTAINER -->
</div>
</header>
<!-- =========================
SECTION 1
============================== -->
<section class="section1" id="section1">
<div class="container">
<div class="row">
<div class="col-md-6">
<!-- SCREENSHOT -->
<div class="side-screenshot pull-left">
<img src="images/image-1.jpg" alt="Feature" class="img-responsive">
</div>
</div>
<div class="col-md-6">
<!-- DETAILS WITH LIST -->
<div class="brief text-left">
<!-- HEADING -->
<h2>Explore the awesomeness</h2>
<div class="colored-line pull-left">
</div>
<!-- TEXT -->
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut.
</p>
<!-- FEATURE LIST -->
<ul class="feature-list-2">
<!-- FEATURE -->
<li>
<!-- ICON -->
<div class="icon-container pull-left">
<span class="icon_cog"></span>
</div>
<!-- DETAILS -->
<div class="details pull-left">
<h6>Easy to Customize</h6>
<p>
Lorem lean startup ipsum product market fit customer development acquihire technical cofounder.
</p>
</div>
</li>
<!-- FEATURE -->
<li>
<!-- ICON -->
<div class="icon-container pull-left">
<span class="icon_cart_alt"></span>
</div>
<!-- DETAILS -->
<div class="details pull-left">
<h6>Lorem Ipsum</h6>
<p>
Lorem lean startup ipsum product market fit customer development acquihire technical cofounder.
</p>
</div>
</li>
</ul>
</div>
</div> <!-- /END DETAILS WITH LIST -->
</div> <!-- END ROW -->
</div> <!-- END CONTAINER -->
</section>
<!-- =========================
SECTION 2
============================== -->
<section class="section2 bgcolor-2" id="section2">
<div class="container">
<div class="row">
<div class="col-md-6">
<!-- DETAILS WITH LIST -->
<div class="brief text-left">
<!-- HEADING -->
<h2>Describe more about product</h2>
<div class="colored-line pull-left">
</div>
<!-- TEXT -->
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut.
</p>
<!-- FEATURE LIST -->
<ul class="feature-list-2">
<!-- FEATURE -->
<li>
<!-- ICON -->
<div class="icon-container pull-left">
<span class="icon_cog"></span>
</div>
<!-- DETAILS -->
<div class="details pull-left">
<h6>Easy to Customize</h6>
<p>
Lorem lean startup ipsum product market fit customer development acquihire technical cofounder.
</p>
</div>
</li>
<!-- FEATURE -->
<li>
<!-- ICON -->
<div class="icon-container pull-left">
<span class="icon_cart_alt"></span>
</div>
<!-- DETAILS -->
<div class="details pull-left">
<h6>Lorem Ipsum</h6>
<p>
Lorem lean startup ipsum product market fit customer development acquihire technical cofounder.
</p>
</div>
</li>
</ul>
</div>
</div>
<div class="col-md-6">
<!-- SCREENSHOT -->
<div class="side-screenshot2 pull-right">
<img src="images/image-2.jpg" alt="Feature" class="img-responsive">
</div>
</div>
</div> <!-- END ROW -->
</div> <!-- END CONTAINER -->
</section>
<!-- =========================
SECTION 3
============================== -->
<section class="section3" id="section3">
<div class="container">
<!-- SECTION HEADING -->
<h2>LandX Features</h2>
<div class="colored-line">
</div>
<div class="sub-heading">
Term sheet convertible note colluding bootstrapping.
</div>
<div class="features">
<!-- FEATURES ROW 1 -->
<div class="row">
<!-- SINGLE FEATURE BOX -->
<div class="col-md-4">
<div class="feature">
<div class="icon">
<span class="icon_compass_alt"></span>
</div>
<h4>Responsive Design</h4>
<p>
Lorem lean startup ipsum product market fit customer development acquihire technical cofounder. User engagement.
</p>
</div>
</div>
<!-- SINGLE FEATURE BOX -->
<div class="col-md-4">
<div class="feature">
<div class="icon">
<span class="icon_map_alt"></span>
</div>
<h4>350+ Font Icons</h4>
<p>
Lorem lean startup ipsum product market fit customer development acquihire technical cofounder. User engagement.
</p>
</div>
</div>
<!-- SINGLE FEATURE BOX -->
<div class="col-md-4">
<div class="feature">
<div class="icon">
<span class="icon_gift_alt"></span>
</div>
<h4>Built with Bootstrap 3.1</h4>
<p>
Lorem lean startup ipsum product market fit customer development acquihire technical cofounder. User engagement.
</p>
</div>
</div>
</div>
<!-- FEATURES ROW 2 -->
<div class="row">
<!-- SINGLE FEATURE BOX -->
<div class="col-md-4">
<div class="feature">
<div class="icon">
<span class="icon_adjust-vert"></span>
</div>
<h4>Easy to Customize</h4>
<p>
Lorem lean startup ipsum product market fit customer development acquihire technical cofounder. User engagement.
</p>
</div>
</div>
<!-- SINGLE FEATURE BOX -->
<div class="col-md-4">
<div class="feature">
<div class="icon">
<span class="icon_tags_alt"></span>
</div>
<h4>Lots of Variations</h4>
<p>
Lorem lean startup ipsum product market fit customer development acquihire technical cofounder. User engagement.
</p>
</div>
</div>
<!-- SINGLE FEATURE BOX -->
<div class="col-md-4">
<div class="feature">
<div class="icon">
<span class="icon_chat_alt"></span>
</div>
<h4>24/7 Chat Support</h4>
<p>
Lorem lean startup ipsum product market fit customer development acquihire technical cofounder. User engagement.
</p>
</div>
</div>
</div>
</div>
</div> <!-- /END CONTAINER -->
</section>
<!-- =========================
SECTION 4
============================== -->
<section class="section4 bgcolor-2" id="section4">
<div class="container">
<!-- SECTION HEADING -->
<h2>Packages</h2>
<div class="colored-line">
</div>
<div class="sub-heading">
Term sheet convertible note colluding bootstrapping.
</div>
<div class="pricing-table">
<!-- PRICING TABLES -->
<div class="row">
<!-- PACKAGE ONE -->
<div class="col-md-4">
<div class="package bgcolor-white">
<div class="header dark-bg">
<h3>Basic</h3>
<div class="sub-heading">
From <span class="colored-text strong">$39</span> per month
</div>
</div>
<!-- PACKAGE FEATURES -->
<div class="package-features">
<ul>
<li>
<div class="column-9p">
Total Users
</div>
<div class="column-1p">
15
</div>
</li>
<li>
<div class="column-9p">
Unlimited Styles
</div>
<div class="column-1p">
<span class="icon_check"></span>
</div>
</li>
<li>
<div class="column-9p">
Advance Protection
</div>
<div class="column-1p">
<span class="icon_check"></span>
</div>
</li>
<li>
<div class="column-9p">
Cloud Storage
</div>
<div class="column-1p">
<span class="icon_close"></span>
</div>
</li>
<li>
<div class="column-9p">
24/7 Customer Service
</div>
<div class="column-1p">
<span class="icon_close"></span>
</div>
</li>
<li>
<div class="column-9p">
Backup Service
</div>
<div class="column-1p">
<span class="icon_close"></span>
</div>
</li>
</ul>
<div class="bottom-row">
<div class="column-7p">
<h6>$39 Per Month</h6>
</div>
<div class="column-3p">
<div id="cta-1">
<a href="#home" class="btn secondary-button">SIGN UP</a>
</div>
</div>
</div>
</div>
</div>
</div> <!-- /END PACKAGE -->
<!-- PACKAGE TWO -->
<div class="col-md-4">
<div class="package bgcolor-white">
<div class="header color-bg">
<h3>Premium</h3>
<div class="sub-heading">
From <span class=" strong">$59</span> per month
</div>
</div>
<!-- PACKAGE FEATURES -->
<div class="package-features">
<ul>
<li>
<div class="column-9p">
Total Users
</div>
<div class="column-1p">
35
</div>
</li>
<li>
<div class="column-9p">
Unlimited Styles
</div>
<div class="column-1p">
<span class="icon_check"></span>
</div>
</li>
<li>
<div class="column-9p">
Advance Protection
</div>
<div class="column-1p">
<span class="icon_check"></span>
</div>
</li>
<li>
<div class="column-9p">
Cloud Storage
</div>
<div class="column-1p">
<span class="icon_check"></span>
</div>
</li>
<li>
<div class="column-9p">
24/7 Customer Service
</div>
<div class="column-1p">
<span class="icon_check"></span>
</div>
</li>
<li>
<div class="column-9p">
Backup Service
</div>
<div class="column-1p">
<span class="icon_close"></span>
</div>
</li>
</ul>
<div class="bottom-row">
<div class="column-7p">
<h6>$59 Per Month</h6>
</div>
<div class="column-3p">
<div id="cta-2">
<a href="#home" class="btn standard-button">SIGN UP</a>
</div>
</div>
</div>
</div>
</div>
</div> <!-- /END PACKAGE -->
<!-- PACKAGE THREE -->
<div class="col-md-4">
<div class="package bgcolor-white">
<div class="header dark-bg">
<h3>Ultimate</h3>
<div class="sub-heading">
From <span class="colored-text strong">$99</span> per month
</div>
</div>
<!-- PACKAGE FEATURES -->
<div class="package-features">
<ul>
<li>
<div class="column-9p">
Unlimited Users
</div>
<div class="column-1p">
<span class="icon_check"></span>
</div>
</li>
<li>
<div class="column-9p">
Unlimited Styles
</div>
<div class="column-1p">
<span class="icon_check"></span>
</div>
</li>
<li>
<div class="column-9p">
Advance Protection
</div>
<div class="column-1p">
<span class="icon_check"></span>
</div>
</li>
<li>
<div class="column-9p">
Cloud Storage
</div>
<div class="column-1p">
<span class="icon_check"></span>
</div>
</li>
<li>
<div class="column-9p">
24/7 Customer Service
</div>
<div class="column-1p">
<span class="icon_check"></span>
</div>
</li>
<li>
<div class="column-9p">
Backup Service
</div>
<div class="column-1p">
<span class="icon_check"></span>
</div>
</li>
</ul>
<div class="bottom-row">
<div class="column-7p">
<h6>$99 Per Month</h6>
</div>
<div class="column-3p">
<div id="cta-3">
<a href="#home" class="btn secondary-button">SIGN UP</a>
</div>
</div>
</div>
</div>
</div>
</div> <!-- /END PACKAGE -->
</div> <!-- /END ROW -->
</div> <!-- /END ALL PACKAGE -->
</div> <!-- /END CONTAINER -->
</section>
<!-- =========================
SECTION 5
============================== -->
<section class="section5" id="section5">
<div class="container">
<!-- SECTION HEADING -->
<h2>Watch Video</h2>
<div class="colored-line">
</div>
<div class="sub-heading">
Term sheet convertible note colluding bootstrapping.
</div>
<!-- VIDEO -->
<div class="row">
<div class="col-md-10 col-md-offset-1">
<div class="video-container">
<!--
<div class="video">
<iframe src="//player.vimeo.com/video/88902745?byline=0&portrait=0&color=ffffff" width="600" height="338" frameborder="0" allowfullscreen>
</iframe>
</div>
-->
<div class="video">
<iframe width="640" height="360" src="//www.youtube.com/embed/VjbGg-VuqbU?rel=0" frameborder="0" allowfullscreen></iframe>
</div>
</div>
</div>
</div>
<!-- FEATURES IN VIDEO SECTION -->
<div class="row video-features">
<div class="col-md-10 col-md-offset-1">
<div class="row">
<div class="col-md-4 col-sm-4">
<h5>
<span class="ion-android-contacts colored-text inline-icon"></span> Trusted by 100+ users </h5>
</div>
<div class="col-md-4 col-sm-4">
<h5>
<span class="ion-android-earth colored-text inline-icon"></span> WorldWide Access </h5>
</div>
<div class="col-md-4 col-sm-4">
<h5>
<span class="ion-android-forums colored-text inline-icon"></span> 24/7 Chat Support </h5>
</div>
</div>
</div>
</div> <!-- /END FEATURES IN VIDEO SECTION -->
</div> <!-- /END CONTAINER -->
</section>
<!-- =========================
SECTION 6
============================== -->
<section class="section6 bgcolor-2" id="section6">
<div class="container">
<!-- SECTION HEADING -->
<h2>Screenshots</h2>
<div class="colored-line">
</div>
<div class="sub-heading">
Term sheet convertible note colluding bootstrapping.
</div>
<!-- SCREENSHOTS -->
<div class="row screenshots">
<div id="screenshots" class="owl-carousel owl-theme">
<div class="shot">
<a href="images/screenshots/1.jpg" data-lightbox-gallery="screenshots-gallery"><img src="images/screenshots/1.jpg" alt="Screenshot"></a>
</div>
<div class="shot">
<a href="images/screenshots/3.jpg" data-lightbox-gallery="screenshots-gallery"><img src="images/screenshots/3.jpg" alt="Screenshot"></a>
</div>
<div class="shot">
<a href="images/screenshots/2.jpg" data-lightbox-gallery="screenshots-gallery"><img src="images/screenshots/2.jpg" alt="Screenshot"></a>
</div>
<div class="shot">
<a href="images/screenshots/4.jpg" data-lightbox-gallery="screenshots-gallery"><img src="images/screenshots/4.jpg" alt="Screenshot"></a>
</div>
<div class="shot">
<a href="images/screenshots/1.jpg" data-lightbox-gallery="screenshots-gallery"><img src="images/screenshots/1.jpg" alt="Screenshot"></a>
</div>
<div class="shot">
<a href="images/screenshots/2.jpg" data-lightbox-gallery="screenshots-gallery"><img src="images/screenshots/2.jpg" alt="Screenshot"></a>
</div>
</div>
</div> <!-- /END SCREENSHOTS -->
</div> <!-- /END CONTAINER -->
</section>
<!-- =========================
SECTION 7
============================== -->
<section class="section7" id="section7">
<div class="container">
<!-- SECTION HEADING -->
<h2>Trusted by Thousands</h2>
<div class="colored-line">
</div>
<div class="sub-heading">
Term sheet convertible note colluding bootstrapping.
</div>
<!-- CLIENTS -->
<div class="row clients">
<div class="col-md-12 col-sm-12">
<ul class="client-logos">
<li><a href=""><img src="images/clients/1.png" alt=""></a></li>
<li><a href=""><img src="images/clients/2.png" alt=""></a></li>
<li><a href=""><img src="images/clients/3.png" alt=""></a></li>
<li><a href=""><img src="images/clients/4.png" alt=""></a></li>
</ul>
</div>
</div>
<!-- TESTIMONIALS -->
<div class="row testimonials">
<!-- FEEDBACKS -->
<div id="feedbacks" class="owl-carousel owl-theme">
<!-- SINGLE FEEDBACK -->
<div class="single-feedback">
<div class="client-pic">
<img src="images/client-pics/1.jpg" alt="">
</div>
<div class="box">
<p class="message">
Lorem lean startup ipsum product market fit customer development acquihire technical cofounder. User engagement A/B testing shrink a market venture capital pitch deck. Social bookmarking group buying crowded market pivot onboarding.
</p>
</div>
<div class="client-info">
<div class="client-name colored-text strong">
Willeke Hoekstra
</div>
<div class="company">
AbZ Network
</div>
</div>
</div>
<!-- SINGLE FEEDBACK -->
<div class="single-feedback">
<div class="client-pic">
<img src="images/client-pics/2.jpg" alt="">
</div>
<div class="box">
<p class="message">
Lorem lean startup ipsum product market fit customer development acquihire technical cofounder. User engagement A/B testing shrink a market venture capital pitch deck. Social bookmarking group buying crowded market pivot onboarding.
</p>
</div>
<div class="client-info">
<div class="client-name colored-text strong">
Răducu Neamțu
</div>
<div class="company">
AbZ Network
</div>
</div>
</div>
<!-- SINGLE FEEDBACK -->
<div class="single-feedback">
<div class="client-pic">
<img src="images/client-pics/3.jpg" alt="">
</div>
<div class="box">
<p class="message">
Lorem lean startup ipsum product market fit customer development acquihire technical cofounder. User engagement A/B testing shrink a market venture capital pitch deck. Social bookmarking group buying crowded market pivot onboarding.
</p>
</div>
<div class="client-info">
<div class="client-name colored-text strong">
Markel Díaz
</div>
<div class="company">
AbZ Network
</div>
</div>
</div>
</div>
</div> <!-- /END TESTIMONIALS -->
</div> <!-- /END CONTAINER -->
</section>
<!-- =========================
SECTION 8 - CTA
============================== -->
<section class="cta-section" id="section8">
<div class="color-overlay">
<div class="container">
<h4>We Are Ready to Help You</h4>
<h2>Get the Best Solution for Your Business</h2>
<!-- MAILCHIMP SUBSCRIBE FORM -->
<form class="subscription-form mailchimp form-inline" role="form">
<!-- SUBSCRIPTION SUCCESSFUL OR ERROR MESSAGES -->
<h6 class="subscription-success"></h6>
<h6 class="subscription-error"></h6>
<!-- EMAIL INPUT BOX -->
<input type="email" name="email" id="subscriber-email" placeholder="Your Email" class="form-control input-box">
<!-- SUBSCRIBE BUTTON -->
<button type="submit" id="subscribe-button" class="btn standard-button">Subscribe</button>
</form>
<!-- /END SUBSCRIPTION FORM -->
</div> <!-- /END CONTAINER -->
</div> <!-- /END COLOR OVERLAY -->
</section>
<!-- =========================
SECTION 9 - CONTACT US
============================== -->
<section class="contact-us" id="section9">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<h3 class="heading">Need any help? Contact us now!</h3>
<a href="" class="contact-link expand-form"><span class="icon_mail_alt"></span>Contact us now</a>
<!-- EXPANDED CONTACT FORM -->
<div class="expanded-contact-form">
<!-- FORM -->
<form class="contact-form" id="contact" role="form">
<!-- IF MAIL SENT SUCCESSFULLY -->
<h6 class="success">
<span class="olored-text icon_check"></span> Your message has been sent successfully. </h6>
<!-- IF MAIL SENDING UNSUCCESSFULL -->
<h6 class="error">
<span class="colored-text icon_error-circle_alt"></span> E-mail must be valid and message must be longer than 1 character. </h6>
<div class="field-wrapper col-md-6">
<input class="form-control input-box" id="cf-name" type="text" name="cf-name" placeholder="Your Name">
</div>
<div class="field-wrapper col-md-6">
<input class="form-control input-box" id="cf-email" type="email" name="cf-email" placeholder="Email">
</div>
<div class="field-wrapper col-md-12">
<input class="form-control input-box" id="cf-subject" type="text" name="cf-subject" placeholder="Subject">
</div>
<div class="field-wrapper col-md-12">
<textarea class="form-control textarea-box" id="cf-message" rows="7" name="cf-message" placeholder="Your Message"></textarea>
</div>
<button class="btn standard-button" type="submit" id="cf-submit" name="submit" data-style="expand-left">Send Message</button>
</form>
<!-- /END FORM -->
</div>
</div>
</div>
</div>
</section>
<!-- =========================
SECTION 10 - FOOTER
============================== -->
<footer class="bgcolor-2">
<div class="container">
<div class="footer-logo">
<img src="images/logo-dark.png" alt="">
</div>
<div class="copyright">
©2014 LandX Template LLC.
</div>
<ul class="social-icons">
<li><a href=""><span class="social_facebook_square"></span></a></li>
<li><a href=""><span class="social_twitter_square"></span></a></li>
<li><a href=""><span class="social_pinterest_square"></span></a></li>
<li><a href=""><span class="social_googleplus_square"></span></a></li>
<li><a href=""><span class="social_instagram_square"></span></a></li>
<li><a href=""><span class="social_linkedin_square"></span></a></li>
</ul>
</div>
</footer>
<!-- =========================
SCRIPTS
============================== -->
<script src="js/jquery.min.js"></script>
<script>
/* =================================
LOADER
=================================== */
// makes sure the whole site is loaded
jQuery(window).load(function() {
"use strict";
// will first fade out the loading animation
jQuery(".status").fadeOut();
// will fade out the whole DIV that covers the website.
jQuery(".preloader").delay(1000).fadeOut("slow");
})
</script>
<script src="js/bootstrap.min.js"></script>
<script src="js/retina-1.1.0.min.js"></script>
<script src="js/smoothscroll.js"></script>
<script src="js/jquery.scrollTo.min.js"></script>
<script src="js/jquery.localScroll.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/nivo-lightbox.min.js"></script>
<script src="js/simple-expand.min.js"></script>
<script src="js/jquery.nav.js"></script>
<script src="js/jquery.fitvids.js"></script>
<script src="js/jquery.ajaxchimp.min.js"></script>
<script src="js/custom.js"></script>
<!-- ****************
After neccessary customization/modification, Please minify JavaScript/jQuery according to http://browserdiet.com/en/ for better performance
**************** -->
</body>
</html>