“Chiron” Documentation by “IG_design” v1.0

---

“Chiron”

---

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

---