KRojGB

index.html

<h1>h1 : CodeMyUI.com</h1>
<p>Apparently we had reached a great height in the atmosphere, for the sky was a dead black, and the stars had ceased to twinkle. By the same illusion which lifts the horizon of the sea to the level of the spectator on a hillside, the sable cloud beneath was dished out, and the car seemed to float in the middle of an immense dark sphere, whose upper half was strewn with silver. Looking down into the dark gulf below, I could see a ruddy light streaming through a rift in the clouds.</p>
<h2>h2 : CodeMyUI.com</h2>
<p>Apparently we had reached a great height in the atmosphere, for the sky was a dead black, and the stars had ceased to twinkle. By the same illusion which lifts the horizon of the sea to the level of the spectator on a hillside, the sable cloud beneath was dished out, and the car seemed to float in the middle of an immense dark sphere, whose upper half was strewn with silver. Looking down into the dark gulf below, I could see a ruddy light streaming through a rift in the clouds.</p>
<h3>h3 : CodeMyUI.com</h3>
<p>Apparently we had reached a great height in the atmosphere, for the sky was a dead black, and the stars had ceased to twinkle. By the same illusion which lifts the horizon of the sea to the level of the spectator on a hillside, the sable cloud beneath was dished out, and the car seemed to float in the middle of an immense dark sphere, whose upper half was strewn with silver. Looking down into the dark gulf below, I could see a ruddy light streaming through a rift in the clouds.</p>
<h4>h4 : CodeMyUI.com</h4>
<p>Apparently we had reached a great height in the atmosphere, for the sky was a dead black, and the stars had ceased to twinkle. By the same illusion which lifts the horizon of the sea to the level of the spectator on a hillside, the sable cloud beneath was dished out, and the car seemed to float in the middle of an immense dark sphere, whose upper half was strewn with silver. Looking down into the dark gulf below, I could see a ruddy light streaming through a rift in the clouds.</p>
<h5>h5 : CodeMyUI.com</h5>
<p>Apparently we had reached a great height in the atmosphere, for the sky was a dead black, and the stars had ceased to twinkle. By the same illusion which lifts the horizon of the sea to the level of the spectator on a hillside, the sable cloud beneath was dished out, and the car seemed to float in the middle of an immense dark sphere, whose upper half was strewn with silver. Looking down into the dark gulf below, I could see a ruddy light streaming through a rift in the clouds.</p>
<h6>h6 : CodeMyUI.com</h6>
<p>Apparently we had reached a great height in the atmosphere, for the sky was a dead black, and the stars had ceased to twinkle. By the same illusion which lifts the horizon of the sea to the level of the spectator on a hillside, the sable cloud beneath was dished out, and the car seemed to float in the middle of an immense dark sphere, whose upper half was strewn with silver. Looking down into the dark gulf below, I could see a ruddy light streaming through a rift in the clouds.</p>

krojgb.markdown

KRojGB

A Pen by Saijo George on CodePen.

License.

style.css

@import url('https://fonts.googleapis.com/css?family=Kalam');

body {
  color: #444;
  font-size: 20px;
  font-family: 'Kalam', cursive;
    line-height: 28px;
  padding: 15px 0px 15px 20px; 
}

h1 {
  background: linear-gradient( 90deg, rgba(246, 114, 128, 0.6) , rgba(255, 255, 255, 0.6));
  border-left:20px #dd6673 solid;
  color: #444;
  line-height: 28px;
  padding: 15px 0px 15px 20px; 
}

h2 {
  background: linear-gradient( 90deg, rgba(246, 128, 140, 0.5) , rgba(255, 255, 255, 0.5));
  border-left:20px #f67280 solid;
  color: #444;
  line-height: 28px;
  padding: 15px 0px 15px 20px; 
}

h3 {
  background: linear-gradient( 90deg, rgba(247, 142, 153, 0.4) , rgba(255, 255, 255, 0.4));
  border-left:20px #f6808c solid;
  color: #444;
  line-height: 28px;
  padding: 15px 0px 15px 20px; 
}

h4 {
  background: linear-gradient( 90deg, rgba(	248, 156, 166, 0.3) , rgba(255, 255, 255, 0.3));
  border-left:20px #f78e99 solid;
  color: #444;
  line-height: 28px;
  padding: 15px 0px 15px 20px; 
}

h5 {
  background: linear-gradient( 90deg, rgba(249, 170, 178, 0.2) , rgba(255, 255, 255, 0.2));
  border-left:20px #f89ca6 solid;
  color: #444;
  line-height: 28px;
  padding: 15px 0px 15px 20px; 
}

h6 {
  background: linear-gradient( 90deg, rgba(249, 178, 185, 0.1) , rgba(255, 255, 255, 0.1));
  border-left:20px #f9aab2 solid;
  color: #444;
  line-height: 28px;
  padding: 15px 0px 15px 20px; 
}