Cryptic

Cryptic - Cryptocurrency & ICO HTML Template


Before we start, lets take a look on the folder structure of the template. All template files are placed in the HTML folder.

assets/images/image_1.png

 

 

01 - Homepage - (File: index.html)




02 - ICO Landing Page - (File: home-ico-landing-page.html)




03 - ICO Landing Page v2 - (File: home-ico-landing-page-v2.html)




04 - About Us page - (File: about-us.html)




05 - Contact page - (File: contact.html)

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

Keep in mind that the folder structure and file/folder names are important for the correct template work
How to change the SKIN COLOR

Element name: Navbar

Output :

Code :


        <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>

Element name: Buttons

Output :

Code :

        
            <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>
        
        

Element name: Tables

Output :

Code :


        <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:

  1. animate.css;
  2. cryptocoins.css;
  3. cryptocoins.tff;
  4. cryptocoins.woff;
  5. media-screens.css;
  6. owl.carousel.css;
  7. responsive.css;
  8. simple-line-icons.css;
  9. style-inline.css;
  10. style.css;

 

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:

  1. cryptic-custom.js
  2. cryptic-plugins.js
  3. donut-chart.js
  4. jquery.js
 

 

 


1. How can I install the Cryptic Cryptocurrency & ICO HTML Template?

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


2. How to change the Skin color?

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.

 

 

 

Check our support platform at Ticksy for questions regarding our template or if you experience any issues.