README.md

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
  • CSS Slideshow

And Thanks to these contributors who maintain the website

sortedcord	Pancham1603