Site Documentation

HTML Structure

The html template uses Bootstrap v4.0.0 with HTML5 tags.It's got a responisve layout with 4 column Support column. All of the information in content area is nested within a class etc..

 <!-- Start Preload -->
    <div class="preloader">
    </div>
    <div class="block-1"></div>
    <div class="block-2"></div>
    <div class="logo-load">
        <img src="assets/img/abbrvlogo.svg" alt="">
    </div>
    <div class="logo-load spinning"></div>
    <div class="over-all"></div>
    <!-- End Preload -->

    <!-- Start Header -->
    <header>
    </header>
    <!-- End Header -->


    <!-- Start Content -->
    <div id="spiral">

        <!-- Header -->
        <div class="scrolls">
            <img draggable="false" src="assets/img/sroll.svg" alt="scroll">
        </div>
        <div class="main-head">
        </div>

        <!-- About -->
        <section class="about">
        </section>


        <!-- Gallery THing -->
        <section class="folio-content">
        </section>


        <!-- Footer -->
        <div class="footer">
        </div>

    </div>
    <!-- End Content -->

CSS Files and Structure

Mainly 3 main CSS files are used:

• main.css Contains the main style with respective sections. There are page-specific sections that only apply to particular layouts as well as global section which apply styles to all pages.
• responsive.css - Media queries for smaller viewports
• plugin.css - Bootstrap Base Library

Sources and Credits

Fonts Used int the template are google fonts, you can find theme on Google Fonts API

Fonts Used are :

• Poppins

Sliders Used Are :

• Swiper js
• Owl Carousel 2

Animation Used Are :

• TweenMax GSAP

Also thanks to-

• Lorem Picsum for providing placeholder images.
• Numerous codepens as well as portfolio site review videos on youtube :P The list includes them but are not limited to:
  • Custom Cursor
  • Traversy Media's Smooth Scrolling Landing Page Tutorial
  • Parallax Effects
  • Mouse-Driven Carousel

And Thanks to these contributors who maintain the website

sortedcord	Pancham1603	Im-NL	CashlyCash