Cryptic - Cryptocurrency & ICO HTML Template is a great design idea for cryptocurrency sellers to start a new website.
Cryptic is a Creative HTML Template In line with modern design, color fresh and dynamic. Creative Layout and Smart. Super Clear and Clean Layout! This is a great choice!
Before we start, lets take a look on the folder structure of the template. All template files are placed in the HTML folder.
This is an HTML Template and doesn't require instalation in the traditional meaning of the word. You only need to place the content (HTML files and the four folders) in your prefered web directory
<div id="navbar" class="navbar-collapse collapse col-md-7">
<ul class="menu nav navbar-nav pull-left nav-effect nav-menu">
<li class="homepages-badge menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item current_page_item current-menu-ancestor current-menu-parent current_page_parent current_page_ancestor menu-item-has-children"><a href="index.html">Home</a>
<ul class="sub-menu">
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item current_page_item"><a href="index.html">Main Home</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="home-ico-landing-page.html">Home ICO Landing Page</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="home-ico-landing-page-v2.html">Home ICO Landing Page 2</a></li>
</ul>
</li>
<li class="menu-item menu-item-type-custom menu-item-object-custom"><a href="about-us.html">About us</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom"><a href="how-it-works.html">How it works</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom"><a href="services.html">Services</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom"><a href="our-team.html">Our Team</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children"><a href="blog.html">News</a>
<ul class="sub-menu">
<li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="/blog.html">Blog Archive</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="blog-what-is-bitcoin-mining.html">What is bitcoin mining</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-post"><a href="blog-affiliate-program.html">Single Blog Page</a></li>
</ul>
</li>
<li class="menu-item menu-item-type-custom menu-item-object-custom"><a href="contact.html">Contact</a></li>
</ul>
</div>
<p class="bs-component">
<a href="#" class="btn btn-default button-element">Default</a>
<a href="#" class="btn btn-primary button-element">Primary</a>
<a href="#" class="btn btn-success button-element">Success</a>
<a href="#" class="btn btn-info button-element">Info</a>
<a href="#" class="btn btn-warning button-element">Warning</a>
<a href="#" class="btn btn-danger button-element">Danger</a>
<a href="#" class="btn btn-link">Link</a>
</p>
<div class="bs-component">
<table class="table table-striped table-hover ">
<thead>
<tr>
<th>#</th>
<th>Column heading</th>
<th>Column heading</th>
<th>Column heading</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Column content</td>
<td>Column content</td>
<td>Column content</td>
</tr>
<tr>
<td>2</td>
<td>Column content</td>
<td>Column content</td>
<td>Column content</td>
</tr>
<tr class="info">
<td>3</td>
<td>Column content</td>
<td>Column content</td>
<td>Column content</td>
</tr>
<tr class="success">
<td>4</td>
<td>Column content</td>
<td>Column content</td>
<td>Column content</td>
</tr>
<tr class="danger">
<td>5</td>
<td>Column content</td>
<td>Column content</td>
<td>Column content</td>
</tr>
<tr class="warning">
<td>6</td>
<td>Column content</td>
<td>Column content</td>
<td>Column content</td>
</tr>
<tr class="active">
<td>7</td>
<td>Column content</td>
<td>Column content</td>
<td>Column content</td>
</tr>
</tbody>
</table>
</div>
</div>
Add main color hexa code in body as class (eg: skin_ffffff / where ffffff is the hexa code for White color)
NOTE: Get hexa color using this site: http://www.colorpicker.com/
Go to css/style.css and replace the colors at the exact class.
The template comes with several CSS (stylesheet) files grouped in the stylesheet folder:
This template is heavily loaded with both custom JS functions and free jQuery plugins. All JS files are placed in a separate folder called "js". The list of files is as follows:
This is an HTML Template and doesn't require instalation in the traditional meaning of the word. You only need to place the content (HTML files and the four folders) in your prefered web directory
Add main color hexa code in body as class (eg: skin_ffffff / where ffffff is the hexa code for White color.Go to css/skin-colors/. Go to css/style.css and replace the colors at the exact class.