Olimpia Website
Template Documentation

You can easily navigate or check what to edit on the template! if you have any questions dont hesitate to contact me: info@kevinnisay.com

there are 1 folder(Sub Pages) consist of other pages.

  • About
  • Personal
  • Project/s

CSS and JS File are located at _assets folder.

Images are located at _content .

Main css files like main.css are located in _assets folder.

File /_assets/main.css contains all stylings for the template. At the begining of the file is a table of contents. This is a place where you can edit styling. I suggest you overide default template style at the end of this file.

[Table of contents]
1. General styles
2. The list nav
3. Home UI 
4. Border
5. Subpage 
6. Mobile breakpoint
7. Additional Customization

If you would like to edit a specific section of the site, simply find the appropriate label in the CSS file, and then scroll down until you find the appropriate style that needs to be edited.

[1. General styles]


bodyhtml { 


body { 
    font-family‘Roboto Mono’monospace
    transition:.5s background ease


h1 { 
    font-family:‘Titillium Web’

Thank you for jQuery for making this theme possible 🙂

Main JS files like main.js are located in _assets folder.

jQuery(function($) {
    var $Body = $(‘body’),
        $Window = $(window),
        $Page = $(‘#Page’),
        $TheList = $(‘#TheList’),
        $TheListList = $(‘#TheList__List’),
        $Logo = $(‘#HomeUi__Header’),
        $Border = $(‘#Border’),
        $UI = $(‘#HomeUi’),
        $Subpage = $(‘#Subpage’),
        $SubpageContent = $(‘#Subpage__Content’),
        $SubpageClose = $(‘#Subpage__Close’);


    $Window.on(‘load’,function() { 
        setTimeout(function() { $Border.removeClass(‘Faded’);}, 2000); 
        setTimeout(function() { $Logo.removeClass(‘Dark’); }, 2500);


    function _HeaderAnim() {
        $Subpage.find(‘h2 > span’).removeClass(‘Active’);
        var Interval = setInterval(function() {
                $Subpage.find(‘h2 > div > span:not(.Active)’).eq(Math.floor(Math.random() *  $Subpage.find(‘h2 > div > 
                if (!$Subpage.find(‘h2 > div > span:not(.Active)’).size()) { window.clearInterval(Interval); }
        }, 200);

You can easily edit everything! as i said contact me if there is anyproblem 🙂

  1. jQuery – JS Library
  2. Pexels.com
  3. Google Fonts


Once again, thank you so much for purchasing this template. As I said at the beginning, I’d be glad to help you if you have any questions relating to this template. I’ll do my best to assist. If you have a more general question relating to the templates on ThemeForest, you might consider visiting the forums and asking your question in the “Item Discussion” section.