Xprosik - Saas & Software Landing Page Template
- Created: 02-11-2019
- Last Update: 13-11-2019
- Author: ThemesHolder
- Email: themeholder.net@gmail.com
Thank you for purchasing my template. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form. Thank You so much!
NOTE: All images used here are just for preview purpose only & they are not included in main file.
Getting Started
How to change header logo
First open main file in web code editor. (Such as Notepad++, Brackets etc.)
Then open index.html file and edit this link. For example we provide an image.
How to change favicon image
Find this section in index.html file. Then edit menu title...
For example we provide an image.
How to change Header Button text
Find this section in index.html file. Then edit menu title...
For example we provide an image.
How to change menu title
Find this section in index.html file. Then edit menu title...
For example we provide an image.
How to change Hero image
Find this section in index.html file. Then change image.
For example we provide an image.
How to change Feature icon image
Find this section in index.html file. Then change image.
For example we provide an image.
How to change Overview image
Find this section in index.html file. Then change image.
For example we provide an image.
How to change Testimonial image
Find this section in index.html file. Then change image.
For example we provide an image.
HTML Templates:
- index.html - Home One
- index2.html - Home Two
- index3.html - Home Three
HTML Structure
Introduction
Header Markup
<!-- Header Area Start-->
<header class="sticky-header home-1">
<div class="container">
<div class="row">
<div class="col-md-2 d-flex align-items-center">
<div class="logo">
<a href="index.html">
<img src="assets/img/logo-2.png" alt="">
</a>
</div>
</div>
<div class="col-md-10">
<div class="download-btn float-right"> <a href="#" class="black">Download</a>
</div>
<div class="main-menu float-right">
<nav>
<ul>
<li class="dropdown"><a href="#" data-scroll-nav="0">Home</a>
<ul>
<li><a href="index.html">Home One</a></li>
<li><a href="index2.html">Home Two</a></li>
<li><a href="index3.html">Home Three</a></li>
</ul>
</li>
<li><a href="#" data-scroll-nav="1">Features</a>
</li>
<li><a href="#" data-scroll-nav="2">Overview</a>
</li>
<li><a href="#" data-scroll-nav="3">Pricing</a>
</li>
<li><a href="#" data-scroll-nav="4">FAQ</a>
</li>
</ul>
</nav>
</div>
<div id="mobile-menu"></div>
</div>
</div>
</div>
</header>
<!-- Header Area End!-->
</embed>
Footer Markup
<!-- Footer Area Start-->
<footer class="home-3">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="cta-box">
<div class="row">
<div class="col-md-8">
<h2>Start your <span>30-days</span> Free Trial today</h2>
</div>
<div class="col-md-4"> <a href="#" class="cta-btn yellow">Get Started Now</a>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-8 offset-md-2">
<div class="subscribe-box home-3">
<div class="section-title">
<h2>Subscribe to our newsletter for fast updates & news</h2>
</div>
<form class="subscribe-form" action="#" method="post">
<div class="form-group">
<label style="display:none;" for="subscribe-email"></label>
<input type="text" name="email" placeholder="Enter Email Address" class="subscribe-email form-control" id="subscribe-email">
</div>
<button type="submit" class="subscribe-btn btn yellow grdnt-blue">Subscribe Now!</button>
</form>
</div>
<div class="footer-bottom">
<div class="footer-logo">
<a href="index.html">
<img src="assets/img/logo-2.png" alt="">
</a>
</div>
<p class="copyright-text">2019 Copyright Xprosik . All Rights Reserved</p>
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- Footer Area End!-->
Middle Feature Markup
<!-- Features middle Area Start!-->
<div class="features-middile-area" data-scroll-index="2">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="features-img">
<img src="assets/img/feature2.png" alt="">
</div>
</div>
</div>
<div class="features-middile-title">
<div class="row">
<div class="col-md-6">
<div class="section-title text-left">
<h3><i class="fa fa-bolt" aria-hidden="true"></i> Why choose this</h3>
<h2>See all your relevant tracked data at the glance in one place</h2>
</div>
</div>
<div class="col-md-6">
<div class="section-desc">
<p>Once you open your working file or application, our app will start the timer for you automatically Focus on your work. Let our app remember and track everything for you.</p>
</div>
</div>
</div>
</div>
<div class="feature-middle-box">
<div class="row">
<div class="col-md-3">
<div class="single-features-box">
<div class="features-box-icon">
<img src="assets/img/overview1-1.png" alt="">
</div>
<h4>Secure</h4>
<p>It doesn't matter if you are in an office or on an airplane. You will never lose</p>
</div>
</div>
<div class="col-md-3">
<div class="single-features-box">
<div class="features-box-icon">
<img src="assets/img/overview1-2.png" alt="">
</div>
<h4>Customizable</h4>
<p>It doesn't matter if you are in an office or on an airplane. You will never lose</p>
</div>
</div>
<div class="col-md-3">
<div class="single-features-box">
<div class="features-box-icon">
<img src="assets/img/overview1-3.png" alt="">
</div>
<h4>Backups</h4>
<p>It doesn't matter if you are in an office or on an airplane. You will never lose</p>
</div>
</div>
<div class="col-md-3">
<div class="single-features-box">
<div class="features-box-icon">
<img src="assets/img/overview1-4.png" alt="">
</div>
<h4>Time Set</h4>
<p>It doesn't matter if you are in an office or on an airplane. You will never lose</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Features middle Area End!-->
Hero area
Discover area
Call To Action Area
Footer area
CSS
Css files
JavaScript
Creadits
Thanks for purchasing a our item, I really appreciate it! Once again thank you for for purchasing one of our template. Please Mark 5 Review!