Thank you very much for your purchase!

If you have any questions that are beyond the scope of this documentation, please feel free to email or contact us via my page.

Introduction

Kerri is a one-page responsive portfolio layout which can be utilized to demonstrate your inventiveness. It is produced utilizing the bootstrap and has taste of material plan. It's an ideal decision for a planner, engineer, specialist or some other expert who need to speak to his abilities and inventive work. The code is spotless and straightforward and enables any engineer to effectively alter it.

You are important for us and so please feel free to get back to me with any question or feedback.

Structure

I have tried my best to have standards and modular structure while developing the theme. Following sections are explaining the theme File & Folder, structure, html file struture and plugins.

Folder Structure

I have tried to follow the standards and modular structure while developing the theme. Let's take a look at the package structure: 


Kerri/
├── HTML/
│   ├── assets/
│   │   ├── css/
│   │   │   └── All css files
│   │   ├── fonts/
│   │   │   └── All font files
│   │   ├── images/
│   │   │   └── All images files
│   │   ├── js
│   │   │   └── All javascript files
│   │   ├── php
│   │   │   └── contact.php
│   │   └── scss
│   │       └── All scss files
│   └── *.html
│       └── ALL HTML files
└── Documentation/
	└── index.html - documentation file for documentation.

HTML Structure

<body>

	<!-- Loader -->
        <div id="preloader">
            .. .. ..
        </div>

        <!-- Navbar Start -->
        <nav class="navbar navbar-expand-lg custom-nav navbar-light fixed-top sticky">
            .. .. ..
        </nav>
        <!-- Navbar End -->

        <!-- Start Home -->
        <section class="section header-bg-img h-100vh align-items-center d-flex" id="home">
    		.. .. ..
        </section>
        <!-- End Home -->

        <!-- Start About -->
        <section class="section" id="about">
            .. .. ..
        </section>
        <!-- End About -->

        <!-- Start Services -->
        <section class="section bg-light" id="services">
            .. .. ..
        </section>
        <!-- End Services -->

        <!-- Start Cta -->
        <section class="section">
            .. .. ..
        </section>
        <!-- End Cta -->

        <!-- Start Client -->
        <section class="section bg-light" id="client">
            .. .. ..
        </section>
        <!-- End Client --> 

        <!-- Start Work -->
        <section class="section text-center" id="work">
            .. .. ..
        </section>
        <!-- End Work -->      

        <!-- Start Blog -->
        <section class="section bg-light" id="blog">
            .. .. ..
        </section>
        <!-- End Blog -->

        <!-- Start Contact -->
        <section class="section bg-light" id="Contact">
        	.. .. ..
        </section>
        <!-- End Contact -->

        <!-- Start Footer -->
        <footer class="footer">
            .. .. ..
        </footer>
        <!-- End Footer -->

        <!-- Back To Top -->
        <a href="#" class="back_top">
    	   .. .. ..
        </a>

	<div id="color-switcher" style="left: 0px;">
	   .. .. ..
	</div>

	<!-- Dark and RTL Button -->
	<div class="position-fixed start-0 translate-middle-y rounded-start-2 z-3" style="top: 244px;">
	    .. .. ..
	</div>

        <!-- scripts -->
        <script type="text/javascript">
            .. .. ..
        </script>

</body>

CSS

Files are explained below:

File Description
bootstrap.min.css Kerri uses the bootstrap v5.3.3. The core bootstrap file is being used in all the pages.
style.css This file is containing all common styles for all the pages.

SCSS

Install Live Sass Compiler extention in your Visual Code Editor. Click the Watch Sass button at the right side footer of visual studio code.

Javascript

Files are explained below:

File Description
custom.js This is a main js file. It contains the custom JS code needed for features including layout, sidebar, etc.

Credits & Official Documentation

I've used the following resources as listed. These are some awesome creation and I am really thankful to the respective community.

Support

Once again thank you for purchasing the theme. I am always avaialble to help you. If you have any suggestion or feature to make it more better, I am requesting you to contact me, I'll try my best to add them in future updates.

Best,

- SRBThemes
- Support Link

Changelog

Version 4.1.0 - 16 March 2024

HTML
  • Updated: Bootstrap to v5.3.3
  • Light Dark Updated
  • LTR & RTL Suported
Svelte
  • Initial released
React
  • Initial released

Version 4.0.0 - 14 August 2023

  • Updated: Bootstrap to v5.3.1
  • Added SCSS support.

Version 3.2.0 - 24 March 2022

  • Updated: Bootstrap to v5.1.3

Version 3.1.0 - 21 January 2021

  • Updated: Bootstrap to v5.1.1

Version 2.0 - 20 January 2021

  • Updated: Bootstrap to v5.0.1
  • Updated: All plugins to latest

Version 2.0 - 20 January 2021

  • Upgraded to latest bootstrap (v4.6.0)

Version 1.8 - 23 December 2020

  • Fixed some Simple Text Rotate Js

Version 1.7 - 14 Ocotober 2020

  • Upgraded to latest bootstrap (v4.5.3)

Version 1.6 - 20 August 2020

  • Upgraded to latest bootstrap (v4.5.2)

Version 1.5 - 19 May 2020

  • Upgraded to latest bootstrap (v4.5.1)

Version 1.4 - 14 February 2020

  • Added Wavify Demo

Version 1.3 - 1 January 2020

  • Added Dark Layout
  • Fixed Some Issue.

Version 1.2 - 5 December 2019

  • Upgraded to latest bootstrap (v4.4.1)
  • jQuery v3.3.1 to v3.4.1

Version 1.1 - 10 July 2019

  • Bootstrap 4.3.1
  • Contact Form Working

Version 1.0 - 1 August 2018

  • Initial released

2018 - 2020 © Kerri.