Searmek Web Analysic Responsive HTML Template
Version: 1.0 - initial release
E-mail: wabidullahsharif@gmail.com
Thank you for your recent purchase of Searmek Web Analysic template. Please don't forget to rate the template and give us your appreciated review.
To install this HTML template you will need to upload all files and folders using an FTP client. We recommend using FileZilla FTP client. To upload your template you will need the following:
Once connected make sure to upload All files and folders within your preferred choice of styles within the "Newspoint" folder of your download package.
After downloading the template package you will find the following structure:
Below you will find the HTML files With the name of index:
You can easily create HTML pages, or whatever you want using this easy clean Template. Code is clearly written and commented for each considerable part.
when you open any HTML file you will notice that they are all have the same header and footer so they have the same HTML code and we'll explain both as follows:
If You need to create a new html page you must include the following tags in the following order:
The Head TAG ( All pages must have the following head tag ):
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Searmek HTML Template | Homepage</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>
<!-- Preloader -->
<div class="preloader"></div>
<!-- Main Header-->
<header class="main-header header-style-one">
<!--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="images/logo.png" alt="" title=""></a></div>
</div>
<div class="nav-outer clearfix">
<!-- Main Menu -->
<nav class="main-menu 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>
<li><a href="index-4.html">Home Page 04</a></li>
<li><a href="index-5.html">Home Page 05</a></li>
</ul>
</li>
<li class="dropdown"><a href="#">About Us</a>
<ul>
<li><a href="about.html">About Us</a></li>
<li><a href="team.html">Team</a></li>
<li><a href="faq.html">Faq's</a></li>
<li><a href="pricing.html">Pricing</a></li>
<li><a href="testimonial.html">Testimonial</a></li>
</ul>
</li>
<li class="dropdown"><a href="#">Services</a>
<ul>
<li><a href="service.html">Services</a></li>
<li><a href="service-detail.html">Services Detail</a></li>
</ul>
</li>
<li class="dropdown"><a href="#">Portfolio</a>
<ul>
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="portfolio-single.html">Portfolio Single</a></li>
</ul>
</li>
<li class="dropdown"><a href="#">Blog</a>
<ul>
<li><a href="blog.html">Our Blog</a></li>
<li><a href="blog-single.html">Blog Single</a></li>
</ul>
</li>
<li><a href="contact.html">Contact us</a></li>
</ul>
</div>
</nav>
<div class="outer-box">
<!--Search Box-->
<div class="search-box-outer">
<div class="dropdown">
<button class="search-box-btn" type="button"><span class="fa fa-search"></span></button>
</div>
</div>
<!-- Btn Box -->
<div class="btn-box">
<a href="contact.html" class="btn-style-two theme-btn"><span class="txt">Get a Quote</span></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!--End Header Upper-->
<!-- Quik search -->
<div class="dez-quik-search">
<form action="#">
<input name="search" value="" type="text" class="form-control" placeholder="Type to search" required>
<span id="quik-search-remove"><i class="flaticon-multiply"></i></span>
<button class="theme-btn submit-btn" type="submit" name="submit-form">Send Now</button>
</form>
</div>
</header>
<!--End Main Header -->
<!--Hallery Section-->
<section class="gallery-section">
<div class="auto-container">
<h2 class="wow fadeInUp animated" data-wow-delay="0ms" data-wow-duration="1500ms">Title Here</h2>
<div class="row clearfix">
</div>
</div>
</section>
The style.css file is the responsible for the Template styling as follows:
/* ------------------------------------------ */
/* TABLE OF CONTENTS
/* ------------------------------------------ */
/* 01 - Fonts */
/* 02 - Reset */
/* 03 - Global */
/* 04 - Main Header */
/* 05 - Banner Section */
/* 06 - Video Section */
/* 07 - Services Section */
/* 08 - Clients Section */
/* 09 - Project Section / four Item Carousel */
/* 10 - Two Item Carousel */
/* 11 - Call To Action Section */
/* 12 - Four Item Carousel / Project Section */
/* 13 - Footer Style */
Note: Images used in the preview demo are not included in the Downloaded package.
Thanks for visiting and purchasing our template .