02. Pages

03. Fonts

We've used google font in TorkGo template . You can Change it with any google fonts that you preffer & also you can add custom font in sass file---- sass/base/fonts.scss

      
        //== all fonts importing
        @import
        url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
      
    

05. Source File (CSS)

    <!-- favicon -->
    <link rel="shortcut icon" href="assets/images/favicon.png" type="image/x-icon">

    <!-- vendors css -->
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/aos.css">
    <link rel="stylesheet" href="assets/css/all.min.css">
    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css">

    <!-- main css for template -->
    <link rel="stylesheet" href="assets/css/style.css">
    

06. Source File (JS)

  <!-- vendor plugins -->
  <script src=" assets/js/jquery-3.6.0.min.js">
  </script>
  <script src="assets/js/bootstrap.bundle.min.js"></script>
  <script src="assets/js/all.min.js"></script>
  <script src="assets/js/swiper-bundle.min.js"></script>
  <script src="assets/js/aos.js"></script>
  <script src="assets/js/purecounter.js"></script>
  <script src="assets/js/custom.js"></script>
    

Logo change

Here is your main logo code. To add your logo, replace logo.png from images/logo/ directory with your logo in PNG format.

<img src="assets/images/logo/logo.png" alt="logo">

Note: Keep your logo inside the ./assets/imaegs/logo folder. The logo size should be minimum 150 X 65 pixel.

Change Menubar

This is Menu navigation codes.

  <ul class="menu">
    <li>
        <a href="javascript:void(0);">Home</a>
        <ul class="submenu">
            <li><a href="index.html">Home 1</a></li>
            <li><a href="index-2.html">Home 2</a></li>
        </ul>
    </li>
    <li>
        <a href="javascript:void(0);">Project</a>
        <ul class="submenu">
            <li><a href="project.html">Project 1</a></li>
            <li><a href="project-2.html">Project 2</a></li>
            <li><a href="project-details.html">Project Details</a></li>
            <li><a href="apply-project.html">Apply for Project</a></li>
            <li><a href="tokenomics.html">Tokenomics</a></li>
        </ul>
    </li>
    <li>
        <a href="javascript:void(0);">Stacking</a>
        <ul class="submenu">
            <li><a href="stacking.html">Stacking</a></li>
            <li><a href="farming.html">Farming</a></li>
        </ul>
    </li>
    <li>
        <a href="javascript:void(0);">Pages</a>
        <ul class="submenu">
            <li><a href="roadmap.html">Roadmap</a></li>
            <li><a href="roadmap-2.html">Roadmap 2</a></li>
            <li><a href="kyc.html">KYC</a></li>
            <li><a href="tier.html">Tier</a></li>
            <li><a href="faq.html">FAQ</a></li>
            <li><a href="leaderboard.html">Leaderboard</a></li>
            <li>
                <a href="javascript:void(0);">Team</a>
                <ul class="submenu">
                    <li><a href="team.html">Team</a></li>
                    <li><a href="team-member.html">Team member</a></li>
                </ul>
            </li>

            <li>
                <a href="javascript:void(0);">Account</a>
                <ul class="submenu">
                    <li><a href="signup.html">Sign Up</a></li>
                    <li><a href="login.html">Log In</a></li>
                    <li><a href="reset-pass.html">Reset Pass</a></li>
                </ul>
            </li>
            <li><a href="404.html">404</a></li>
            <li><a href="coming-soon.html">Coming Soon</a></li>
        </ul>
    </li>
    <li>
        <a href="javascript:void(0);">Blog</a>
        <ul class="submenu">
            <li><a href="blog.html">Blog</a></li>
            <li><a href="blog-single.html">Blog Single</a></li>
        </ul>
    </li>
    <li><a href="contact.html">Contact</a></li>
</ul>
    

To change the Menu item or menu name you have to edit in the tag <li><a href="#">Your Menu Name </a></li>

If you wanna delete a menu item from the menu just remove the menu item above

Section Styles

Here is your section structure.

      <section class="section-name padding-top padding-bottom">
        <div class="container">
          <div class="section-header">					
              .....
          </div>

          <div class="section-wrapper">

          ...sections all content goes there

          </div>

        </div>
      </section>
    

If you need diffrent style of section header - just you add the utility classes "section-header--left or section-header--middle" class

In the class="section-class" you can replace with your desired class.

the class padding-top and padding-bottom is the space between each sections.

And in the section-header div you can add your heading of sections and tagline of sections.

You can add your content on the 2nd sectionname__wrapper div.

Section With Background

  <section class="section-name bg--primary">
    <div class="container">
      ...
    </div>
  </section>	  
      

you can select secondary background dark color. To add color, just simply add the class bg--primary to the section class.

Utility Classes

You can use next modification classes to set block margins and paddings:

mt-1 ... mt-5

mb-1 ... mb-5

pt-1 ... pt-5

pb-1 ... pb-5

08. Change Copyright

Change the copy right text as your preference like below

         <div class="footer__copyright">
            <div class="container">
                <div class="text-center py-4">
                    <p class=" mb-0">TorkGo © 2022 | All Rights Reserved </p>
                </div>
            </div>
        </div>
    

Support

If you have any questions, feel free to contact us at mailto:support@thetork.com.