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 { 
    padding:0
    margin:0
    width:100%
    height:100%
}

 

body { 
    font-size:1vw
    color:#FFF;
    min-width:300px
    min-height:300px
    font-family‘Roboto Mono’monospace
    font-weight:400
    transition:.5s background ease
    position:absolute
    top:0
    left:0;
    width:100%
    height:100%;  
    overflow-y:scroll;
}

 

h1 { 
    letter-spacing:.5vw
    font-family:‘Titillium Web’
    line-height:2.8vw
    font-size:3vw
    font-weight:900
    color:#fff
    text-transform:uppercase;  
}

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’);

 

    
    $Body.css(‘background’$TheList.find(‘[data-color]’).eq(0).attr(‘data-color’));
    $Window.on(‘load’,function() { 
        setTimeout(function() { $Border.removeClass(‘Faded’);}, 2000); 
        setTimeout(function() { $Logo.removeClass(‘Dark’); }, 2500);
        setTimeout(_DeepLink3000);
        
    });
    _LogoAnim();
    _MenuEvents();

 

    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 > 
span:not(.Active)’).size())).addClass(‘Active’);
                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.