Creative Blog Free Layouts

Simple basic layout & responsive.

Free layout code:

}
.container { /* layout design by www.yourcreativeblog.com */
  font-size: 0; 
}
.image {
  width: 300px;
  height: auto;
  align: center;
}
.top {
  font-size: 16px; /* layout design by www.yourcreativeblog.com */
  padding-top:10px;
  padding-bottom:10px;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  border: 1px solid  #bdc3c7;
  box-sizing: border-box;
  background: #ffecdd;
}
.main {
  font-size: 16px; /* layout design by www.yourcreativeblog.com */
  display: inline-block;
  background: white;
  width: 100%;
  border: 1px solid #bdc3c7;
  box-sizing: border-box;
}

.footer {
  font-size: 12px; /* layout design by www.yourcreativeblog.com */
  display: inline-block;
  vertical-align: center;
  width: 100%;
  border: 1px solid  #bdc3c7;
  box-sizing: border-box;
  background:  #b8e2fe;

}

a.one:link { padding: 10px 10px; color:#5c7bff; } /* layout design by www.yourcreativeblog.com */
a.one:visited { padding: 10px 10px; color:#5c7bff; }
a.one:active { padding: 10px 10px; color:#5c7bff; }
a.one:hover { padding: 10px 10px; color:#5c7bff; cursor:hand;

}

@media (max-width: 800px) { /* yourcreativeblog.com*/
  .main {
    display: block;
    width: auto;
  }
}
</style>
<div class="container">
 <div class="top"><center>
 
 <a class="one" href="yoururlhere.html" target=blank>Link</a>
 <a class="one" href="yoururlhere.html" target=blank>Link</a>
 <a class="one" href="yoururlhere.html" target=blank>Link</a>
 <a class="one" href="yoururlhere.html" target=blank>Link</a>
 <a class="one" href="yoururlhere.html" target=blank>Link</a>
 
 
 </div>

<div class="main"><center><br>
  <div id="current_date"></p>
<script>
date = new Date();
year = date.getFullYear();
month = date.getMonth() + 1;
day = date.getDate();
document.getElementById("current_date").innerHTML = month + "/" + day + "/" + year;
</script><br>

<img class="image" src="https://cdn.stocksnap.io/img-thumbs/280h/tropical-beach_I6WYGD7TNZ.jpg"><br>
 Simple basic layout & responsive.<br><br>
 </div>
<div class="footer">
    <center><br>
  © layout made by www.yourcreativeblog.com<br>
  <a href="https://yourcreativeblog.com/" target="_blank"><img src="https://yourcreativeblog.com/yourcreativeblogbanner5.gif" border=0></a>