File size: 7.73Kb
<!doctype html>
<!--[if IE 6 ]><html lang="en-us" class="ie6"> <![endif]-->
<!--[if IE 7 ]><html lang="en-us" class="ie7"> <![endif]-->
<!--[if IE 8 ]><html lang="en-us" class="ie8"> <![endif]-->
<!--[if (gt IE 7)|!(IE)]><!-->
<html lang="en-us"><!--<![endif]-->
<head>
<meta charset="utf-8">
<title>Hoster | Hosting Service HTML Template</title>
<meta name="description" content="Klank is a Unique, Clean, Modern & Multipurpose Landing Page made With Love for marketers .">
<meta name="author" content="BestPixels">
<meta name="copyright" content="BestPixels">
<meta name="generator" content="Documenter v2.0 http://rxa.li/documenter">
<meta name="date" content="2015-03-26T00:00:00+01:00">
<link rel="stylesheet" href="assets/css/documenter_style.css" media="all">
<link rel="stylesheet" href="assets/js/google-code-prettify/prettify.css" media="screen">
<script src="assets/js/google-code-prettify/prettify.js"></script>
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
<script src="assets/js/jquery.js"></script>
<script src="assets/js/jquery.scrollTo.js"></script>
<script src="assets/js/jquery.easing.js"></script>
<script>document.createElement('section');var duration='500',easing='swing';</script>
<script src="assets/js/script.js"></script>
<style>
html{background-color:#EEEEEE;color:#383838;}
::-moz-selection{background:#333636;color:#3498DB;}
::selection{background:#333636;color:#3498DB;}
#documenter_sidebar #documenter_logo{background-image:url(assets/images/logo.png); background-size:90%;}
a{color:#3498DB;}
.btn {
border-radius:3px;
}
.btn-primary {
background-image: -moz-linear-gradient(top, #3498DB, #006673);
background-image: -ms-linear-gradient(top, #3498DB, #006673);
background-image: -webkit-gradient(linear, 0 0, 0 3498DB%, from(#343838), to(#006673));
background-image: -webkit-linear-gradient(top, #3498DB, #006673);
background-image: -o-linear-gradient(top, #3498DB, #006673);
background-image: linear-gradient(top, #3498DB, #006673);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3498DB', endColorstr='#006673', GradientType=0);
border-color: #006673 #006673 #bfbfbf;
color:#FFFFFF;
}
img{
max-width:100% !important;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
border-color: #3498DB #3498DB #bfbfbf;
background-color: #006673;
}
hr{border-top:1px solid #D4D4D4;border-bottom:1px solid #FFFFFF;}
#documenter_sidebar, #documenter_sidebar ul a{background-color:#343838;color:#FFFFFF;}
#documenter_sidebar ul a{-webkit-text-shadow:1px 1px 0px #494F4F;-moz-text-shadow:1px 1px 0px #494F4F;text-shadow:1px 1px 0px #494F4F;}
#documenter_sidebar ul{border-top:1px solid #212424;}
#documenter_sidebar ul a{border-top:1px solid #494F4F;border-bottom:1px solid #212424;color:#FFFFFF;}
#documenter_sidebar ul a:hover{background:#333636;color:#3498DB;border-top:1px solid #333636;}
#documenter_sidebar ul a.current{background:#333636;color:#3498DB;border-top:1px solid #333636;}
#documenter_copyright{display:block !important;visibility:visible !important;}
</style>
</head>
<body class="documenter-project-klank">
<div id="documenter_sidebar">
<a href="#documenter_cover" id="documenter_logo"></a>
<ul id="documenter_nav">
<li><a class="current" href="#documenter_cover">Start</a></li>
<li><a href="#file_folder_structure" title="File & Folder Structure">File & Folder Structure</a></li>
<li><a href="#css_structure" title="CSS Structure">CSS Structure</a></li>
<li><a href="#change_logo" title="Change Logo">Change Logo</a></li>
<li><a href="#icons" title="Icons">Icons</a></li>
<li><a href="#cradit_support_info" title="Cradit & Support Info">Cradit & Support Info</a></li>
</ul>
<div id="documenter_copyright">Copyright BestPixels 2015<br>
made with the <a href="http://rxa.li/documenter">Documenter v2.0</a>
</div>
</div>
<div id="documenter_content">
<section id="documenter_cover">
<h1>Hoster</h1>
<h2>| Hosting Service HTML Template</h2>
<div id="documenter_buttons">
</div>
<hr>
<ul>
<li>created: 16/06/2015</li>
<li>latest update: 16/06/2015</li>
<li>by: BestPixels
<li><a href="http://themeforest.net/user/bestpixels">themeforest.net/user/bestpixels</a></li>
<li>email: <a href="mailto:eelias.cse@gmail.com">eelias.cse@gmail.com</a></li>
</ul>
<p></p>
</section>
<section id="file_folder_structure">
<div class="page-header"><h3>File & Folder Structure</h3><hr class="notop"></div>
<p>
Nicely Orginized files & Folder</p>
<p>
<img alt="" src="assets/images/file-stacture.JPG"></p>
<p>
</p>
<p>
</p>
</section>
<section id="css_structure">
<div class="page-header"><h3>CSS Structure</h3><hr class="notop"></div>
<pre class="prettyprint lang-css linenums">
1. RESET CSS
2. Common CSS
3. Home Area CSS
4. Features Area CSS
5. Features More Area CSS
6. CTA Area CSS
7. Pricing Area CSS
8. Testimonial Area CSS
9. Form Area CSS
10. Clients Area CSS
11. Contact Info Area CSS
12. Footer Bar Area CSS
13. Coustom Media Query CSS</pre>
<p>
</p>
<p>
</p>
<p>
</p>
<p>
</p>
<p>
</p>
<p>
</p>
<p>
</p>
<p>
</p>
</section>
<section id="change_logo">
<div class="page-header"><h3>Change Logo</h3><hr class="notop"></div>
<p>
Please Check the SecreenShoot . You Just Need To change Image Url .<br>
or you can just make a png image & named it logo.png then replace it with logo image .</p>
<p>
</p>
<p>
<img alt="" src="assets/images/change-logo.JPG"></p>
<p>
</p>
<p>
</p>
<p>
</p>
<p>
</p>
<p>
</p>
<p>
</p>
<p>
</p>
<p>
</p>
</section>
<section id="icons">
<div class="page-header"><h3>Icons</h3><hr class="notop"></div>
<p>
<h4>FontAwesome Icons</h4></p>
<pre class="prettyprint lang-html linenums">
<i class="fa fa-facebook"></i></pre>
<p>
<p>
You Just Need To change "facebook" This part of this class . You can get all icon class from <a href="http://fontawesome.io/icons/">http://fontawesome.io/icons/</a> .</p>
<p>
</p>
<p>
</p>
<p>
</p>
<p>
</p>
<p>
</p>
<p>
</p>
<p>
</p>
<p>
</p>
<p>
</p>
<p>
</p>
<p>
</p>
<p>
</p>
<p>
</p>
<p>
</p>
</section>
<section id="cradit_support_info">
<div class="page-header"><h3>Cradit & Support Info</h3><hr class="notop"></div>
<p class="entry-title public" itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb">
<a href="http://www.getbootstrap.com/">Bootstrap 3+</a></p>
<p class="entry-title public" itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb">
<a href="http://ianlunn.co.uk/plugins/jquery-parallax/">jQuery Parallax</a></p>
<p class="entry-title public" itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb">
<a href="http://fontawesome.io/">Font Awesome IconFont</a></p>
<p class="entry-title public" itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb">
<a href="http://owlgraphic.com/owlcarousel/">Owl Carousel</a></p>
<p>
If you need any support with this template, You can place comment on item comment section or you can send me mail through <a href="http://themeforest.net/user/bestpixels">my profile</a> .</p>
<p>
Thank You .</p>
</section>
</div>
</body>
</html>