LOADING...

Preview

Pen ID
Unlock Campus Themeforest adv

 

Code


  
  Portofolio


  

Huge ultimate website builder kit

Everything you need to have in order a stuniing website

CSS
/* Grid system */
.grid-group {
  width: 100%;
}
.grid-group * {
  box-sizing: border-box; 
}
/* Clear every floated element */
.clear:before,
.clear:after {
  height: 0;
  width: 0;
  display: table;
  content: "";
  clear: both;
  visibility: hidden;
}
[class*='grid-'] {
  float: left;
  min-height: 1px;r
}
/* We are using 12 grid based */
.grid-1 {
  width: 8.333333333333333%;
}
.grid-2 {
  width: 16.66666666666667%;
}
.grid-3 {
  width: 25%;
}
.grid-4 {
  width: 33.33333333333333%;
}
.grid-5 {
  width: 41.66666666666667%;
}
.grid-6 {
  width: 50%;
}
.grid-7 {
  width: 58.33333333333333%;
}
.grid-8 {
  width: 66.66666666666667%;
}
.grid-9 {
  width: 75%;
}
.grid-10 {
  width: 83.33333333333333%;
}
.grid-11 {
  width: 91.66666666666667;
}
.grid-12 {
  width: 100%;
}
.left {
  float: left;
}
.right {
  float: right!important;
}

/* Simple css reset */
* {
  margin: 0;
  padding: 0;
  font-family: sans-serif;
}
a:link, a:visited, a:active {
  text-decoration: none;
}
/* The style begins */

.main-nav {
  background: -webkit-linear-gradient(90deg, #DE6262 10%, #FFB88C 90%); /* Chrome 10+, Saf5.1+ */
  background:    -moz-linear-gradient(90deg, #DE6262 10%, #FFB88C 90%); /* FF3.6+ */
  background:     -ms-linear-gradient(90deg, #DE6262 10%, #FFB88C 90%); /* IE10 */
  background:      -o-linear-gradient(90deg, #DE6262 10%, #FFB88C 90%); /* Opera 11.10+ */
  background:         linear-gradient(90deg, #DE6262 10%, #FFB88C 90%); /* W3C */
}
.logo-wrap {
  text-align: right;
  padding: 28px;
  font-weight: bold;
  color: #fff;
  border: 2px solid rgba(255,255,255,0.2);
}
.logo {
  border: 2px solid #fff;
  padding: 5px;
}
.menu-wrap {
  border: 2px solid rgba(255,255,255,0.2);
  border-left: none;       
}
nav ul {
  list-style: none;
}
.top-menu {
  float: right!important;
}
nav li {
  float: left;
}
nav a {
  display: block;
  padding: 30px 25px;
  font-weight: bold;
  font-size: 0.8em;
  color: #fff;
  text-transform: uppercase;
}
header h1 {
  padding: 300px;
  text-transform:uppercase;
  color: #fff;
}
Term
Thu, 02/22/2018 - 23:52

Related Codes

Pen ID
Pen ID
Pen ID
Square Adv