### “Eirene” Documentation by “IG_design” v1.0

# “Eirene”

Created: 2018
By: Ivan Grozdic aka IG_design
Email: ivang.design@yahoo.com

Thank you for purchasing my theme. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here. Thanks so much!

## Table of Contents

1. CSS Files
2. Image Files
3. Contact Form
4. Sources and Credits

# A) CSS Files and Structure - top

This theme uses css files contained in the css folder

Css files:

style - all elements style
bootstrap - css library
font-awesome - font icons
colors/color - color css code

Css file style:

from line 2 - primary style:

    body{
    	font-family: 'Poppins', sans-serif;
    	font-weight:400;
    	font-size: 0.9rem;
    	letter-spacing: 1;
    	line-height: 1.55;
    	color: #646464;
    	overflow-x: hidden;
    }
    h1, h2, h3, h4, h5, h6,
    .h1, .h2, .h3, .h4, .h5, .h6{
        font-family: 'AvenirNextRegular';
    	margin-bottom: 0.6rem;
    	line-height: 1.25;
    	color: #212121;
    }
    ...

from line 62 - preloader:

    .loader {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: #fff;
      z-index: 9999;
    }
    .loader.dark {
      background-color: #0e0529;
    }

from line 86 - Primary style:

    .section {
        position: relative;
    	width: 100%;
    	display: block;
    }
    .relative {
        position: relative;
    }
    .over-hide{
    	overflow: hidden;
    }
    .full-height {
    	height: 100vh;
    }

from line 232 - Navigation and logo:

    #menu-wrap{
        position: fixed;
    	width:100%;
    	z-index:5000;
    	margin:0 auto;
    	top:0;
    	left:0;
    }
    .menu-back{
    	background-color: rgba(250,250,250,0);
    	padding-top: 25px;
    	padding-bottom: 25px;
    	-webkit-transition : all 0.3s ease-out;
    	-moz-transition : all 0.3s ease-out;
    	-o-transition :all 0.3s ease-out;
    	transition : all 0.3s ease-out;
    }
    .menu-back.dark{
    	background-color: rgba(14,5,36,0);
    }

from line 449 - Scroll to top button:

    .scroll-to-top {
    	position: fixed;
    	cursor: pointer;
    	bottom: 30px;
    	right: 30px;
    	display: none;
    	z-index: 95;
    	-webkit-writing-mode: vertical-lr;
    	writing-mode: vertical-lr;
    	text-align: right;
    	text-transform: uppercase;
    	font-weight: 600;
    	font-size: 12px;
    	color: #888;
    	letter-spacing: 1px;
        -webkit-transition: all 300ms linear;
        -moz-transition: all 300ms linear;
        -o-transition: all 300ms linear;
        -ms-transition: all 300ms linear;
        transition: all 300ms linear;
    }
    ...

from line 513 - Hero sections:

    .background-path{
    	position: absolute;
    	display:block;
    	top: 0;
    	left: 0;
    	width: 100%;
    	height: 100%;
    	z-index: -1;
    }
    .scene {
    	background: #fff;
    	width: 100%;
    	height: 100%;
    }
    .scene.dark {
    	background: #1e0b56;
    }

from line 707 - countdown:

    .countdown{
    	position: relative;
    	padding: 40px;
    	margin: 0 auto;
    	text-align: center;
    	border-radius: 15px;
    }
    .translateY-70{
    	-webkit-transform: translateY(-70px);
    	-moz-transform: translateY(-70px);
    	-ms-transform: translateY(-70px);
    	-o-transform: translateY(-70px);
    	transform: translateY(-70px);
    }

from line 868 - Concept

from line 932 - Roadmap

from line 1164 - Chart

from line 1193 - App - Wallet

from line 1225 - Logos

from line 1249 - Team

from line 1450 - FAQ

from line 1522 - Contact

from line 1611 - Footer

from line 1675 - Media

###

# B) Image Files - top

All the graphic elements for the entire theme are contained at the "img" folder.

###

# C) Contact Form - top

For addressing contact form too your mail edit "contact.php" file and change mail address on line 10.

#

# F) Sources and Credits - top

I've used the following images, icons or other files as listed.

### JAVASCRIPT

- jQuery
- modernizr-latest
- jquery.easing.1.3

### FONTS

- Lato

Once again, thank you for purchasing my theme. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here. Thanks so much!

IG_design

Go To Table of Contents