Law Counselor

Getting Started

Welcome

Thanks for purchasing our template :)

It is our great pleasure that you purchased our template. And we want to tell you that you don't need to write any codes for this template. Just follow some instructions for customizing the template.

Features

  • 2 Home Pages
  • Total 19+ HTML Files
  • Fully responsive
  • Clear & Neat design
  • Bootstrap Based
  • Fontawesome
  • Nice portfolio and Blog
  • Smooth animation
  • Browser compatibility (IE10+, Chrome, Safari, Firefox, Opera)
  • Well documented

Folder Arrange

Unzip the archive and find out the folder "buyer-file". There are all the template files in this folder. You can open the following files for your customization.

  1. assets/css — folder with CSS files.
  2. assets/fonts — folder with icon fonts.
  3. assets/images — folder with image files.
  4. assets/js — folder with JAVASCRIPT files.
  5. assets/sass — folder with SASS/SCSS files.

  6. index.html — Home Page.
  7. portfolio.html — portfolio Page.
  8. case.html — Case Page.
  9. case-single.html — case-single Page.
  10. blog.html — Blog Page.
  11. blog-single.html — Blog Single Page.
  12. team.html — Staff Page.
  13. contact.html — Contact Page.

  14. and Some other HTML Files
    15. .

Installation

01. FTP Upload

  • Open Your FTP manager and connect to your hosting
  • Browse to required directory(Normally public_html)
  • Upload the files inside buyer-file folder
  • That's all !

02. All HTML Pages

all pages

03. Fonts

Go to Google Fonts and select your favorite fonts and then just replace the code or you can use any custom fonts like bellow.

      <!--Custom Fonts-->
      
//Google Font- 
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

05. Source File (CSS)

All required css files have been linked like below-

<link rel="stylesheet" href="assets/css/all.min.css">
<link rel="stylesheet" href="assets/css/animate.css">
<link rel="stylesheet" href="assets/css/swiper-bundle.min.css">
<link rel="stylesheet" href="assets/css/odometer.css">
<link rel="stylesheet" href="assets/css/lightcase.css">
<link rel="stylesheet" href="assets/css/bootstrap.min.css">


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

06. Source File (JS)

All required css files have been linked like below. if you need any customization in JAVASCRIPT you have to edit the function.js file. 

<!-- vendor plugins -->
<script src="assets/js/jquery.js"></script>
<script src="assets/js/bootstrap.bundle.min.js"></script>
<script src="assets/js/swiper-bundle.min.js"></script>
<script src="assets/js/viewport.jquery.js"></script>
<script src="assets/js/odometer.js"></script>
<script src="assets/js/isotope.pkgd.min.js"></script>
<script src="assets/js/lightcase.js"></script>
<script src="assets/js/wow.min.js"></script>
<script src="assets/js/viewport.jquery.js"></script>

<!-- main js for template -->
<script src="assets/js/custom.js"></script>

<!-- animation js file -->
<script src="assets/js/animation/gsap.min.js"></script>
<script src="assets/js/animation/gsap-scroll-to-plugin.js"></script>
<script src="assets/js/animation/splitText.min.js"></script>
<script src="assets/js/animation/scrollSmoother.min.js"></script>
<script src="assets/js/animation/scrollTrigger.min.js"></script>
<script src="assets/js/animation/heading-animation.js"></script>
<script src="assets/js/animation/paragraph-animation.js"></script>

Orbitza has two different menu for mobile and desktop. Each of the menu code are very similar.

<ul>
  <li><a href="#0">Home</a>
      <ul>
          <li><a href="index.html" class="active">
                  <i class="fa-solid fa-angles-right"></i>home-1</a></li>
          <li><a href="index-2.html">
                  <i class="fa-solid fa-angles-right"></i>home-2</a>
          </li>
      </ul>
  </li>
  <li><a href="#0">Pages</a>
      <ul>
          <li><a href="about.html"><i
                      class="fa-solid fa-angles-right"></i>About</a></li>
          <li><a href="#0"><i class="fa-solid fa-angles-right"></i>portfolio</a>
              <ul>
                  <li><a href="portfolio.html">
                          <i class="fa-solid fa-angles-right"></i>Portfolio</a>
                  </li>
                  <li><a href="portfolio-mas.html">
                          <i class="fa-solid fa-angles-right"></i>Portfolio
                          Mas</a>
                  </li>
                  <li><a href="portfolio-2-col.html">
                          <i class="fa-solid fa-angles-right"></i>Portfolio 2
                          col</a>
                  </li>
                  <li><a href="portfolio-single.html">
                          <i class="fa-solid fa-angles-right"></i>
                          Portflio Single</a>
                  </li>
              </ul>
          </li>
          <li><a href="#0"><i class="fa-solid fa-angles-right"></i>Shop</a>
              <ul>
                  <li><a href="shop.html">
                          <i class="fa-solid fa-angles-right"></i>Shop</a>
                  </li>
                  <li><a href="cart.html">
                          <i class="fa-solid fa-angles-right"></i>Cart</a>
                  </li>
                  <li><a href="product-details.html">
                          <i class="fa-solid fa-angles-right"></i>Products
                          Details</a>
                  </li>
              </ul>
          </li>
          <li><a href="faq.html"><i class="fa-solid fa-angles-right"></i>FAQ</a>
          </li>
          <li><a href="error.html"><i class="fa-solid fa-angles-right"></i>404</a>
          </li>
      </ul>
  </li>
  <li><a href="#0">Attorneys</a>
      <ul>
          <li><a href="team.html">
                  <i class="fa-solid fa-angles-right"></i>Team</a>
          </li>
          <li><a href="team-single.html">
                  <i class="fa-solid fa-angles-right"></i>Team Single</a></li>
      </ul>
  </li>
  <li><a href="#0">Cases</a>
      <ul>
          <li><a href="case.html"><i class="fa-solid fa-angles-right"></i>case</a>
          </li>
          <li><a href="case-single.html"><i
                      class="fa-solid fa-angles-right"></i>Case Single</a>
          </li>
      </ul>
  </li>
  <li><a href="#0">Blog</a>
      <ul>
          <li><a href="blog.html">
                  <i class="fa-solid fa-angles-right"></i>Blog</a>
          </li>
          <li><a href="blog-single.html"><i class="fa-solid fa-angles-right">
                  </i>Blog Single</a>
          </li>
      </ul>
  </li>
  <li><a href="contact.html">Contact</a></li>
</ul>
Note: Keep your logo inside the ./assets/images/logo folder. The logo size should be maximum as placeholder logo size.

To change the menu name you will need to edit in the tag <li><a href="#">menu name </a> </li> and add your text in the middle of the tag.



Section Styles

Here is your section structure.

<section class="xyz-section padding-top padding-bottom">
    <div class="container">
        <div class="section-header">
          ....
        </div>
        <div class="section-wrapper">
            <div class="row">
              ....
            </div>
        </div>
    </div>
</section>

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

the class padding-top 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 .section-wrapper div.


Utility Classes

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


margin-top

mt-1 ... mt-5

margin-bottom

mb-1 ... mb-5

padding-top

pt-1 ... pt-5

padding-bottom

pb-1 ... pb-5



You Can Change Your Copyright text by changing footer sections copyright part like below-

<!-- Footer copyright part -->
    <div class="footer__copyright py-30">
      <div class="container">
      <p class="text-center mb-0">© Copyright 2024. All Rights Reserved.</p>
    </div>
    </div>

Support

If you face any kinds of problems with our template or you have any questions, please feel free to contact us