Coming soon

Coming soon.markdown

Coming soon

Simple Responsive under construction page

A Pen by Shakee93 on CodePen.

License.

index.html

<p>Coming Soon</p>
<h1>Site Under Construction</h1>
<br>
<h2>Solution by <a href="http://freshpixl.com/" title="freshpixl creative agency">freshpixl creative agency</a></h2>

style.css

body {
  font-family: Helvetica;
  -webkit-font-smoothing: subpixel-antialiased;
  font-weight: normal;

}

::selection {color:white;background:#0FA204;}

p {
color: #e7313f;
font-size: 83px;
display: inline-block;
letter-spacing: -0.05em;
position: relative;
transition: all .4s;
-webkit-transition: all .4s;
font-weight: bolder;
margin: 0 50px;
cursor:default;
  }
  
p:hover {
color: #F50B1D;
}

h1 {
color: #313131	;
font-size: 83px;
display: inline-block;
letter-spacing: -0.05em;
position: relative;
transition: all .4s;
-webkit-transition: all .4s;
font-weight: bolder;
margin: 0 50px;
cursor:default;
  }
  
h1:hover {
color: #070707;
  }
  
h2 {
color: #5A5A5A;
font-size: 13px;
display: inline-block;
letter-spacing: -0.05em;
position: relative;
transition: all .4s;
-webkit-transition: all .4s;
font-weight: bolder;
margin: 5px 54px;
  } 
  
a {
color: #0A0A0A;
display: inline-block;
letter-spacing: -0.05em;
position: relative;
transition: all .4s;
-webkit-transition: all .4s;
font-weight: bolder;
text-decoration:none;
  } 
  
a:hover {
color: #1B4EEE;
-webkit-transform:translateX(6px);
transform:translateX(6px);
  } 



@media only screen and (max-width : 800px) {
h1 { 
font-size: 50px;
}
p { 
font-size: 50px;
}
}

@media only screen and (max-width : 480px) {
h1 { 
font-size: 20px;
margin: 0 5px;
}
p { 
font-size: 25px;
margin: 0 5px;
}

h2 {
font-size: 12px;
margin: 6px;
}

a:hover {
color: black;
transform:translateX(0px);
-webkit-transform:translateX(0px);
}