A resposive expanding column layout to present projects, articles, and more.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!-- Try writing Invalid email --> | |
<div class="form-wrap"> | |
<div class="input"> | |
<label for="mail">Email address</label> | |
<input type="email" name="mail" autocomplete="off"> | |
</div> | |
<svg class="line"> | |
</svg> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<div id='card' class="animated fadeIn"> | |
<div id='upper-side'> | |
<?xml version="1.0" encoding="utf-8"?> | |
<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> | |
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> | |
<svg version="1.1" id="checkmark" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" xml:space="preserve"> | |
<path d="M131.583,92.152l-0.026-0.041c-0.713-1.118-2.197-1.447-3.316-0.734l-31.782,20.257l-4.74-12.65 | |
c-0.483-1.29-1.882-1.958-3.124-1.493l-0.045,0.017c-1.242,0.465-1.857,1.888-1.374,3.178l5.763,15.382 | |
c0.131,0.351,0.334,0.65,0.579,0.898c0.028,0.029,0.06,0.052,0.089,0.08c0.08,0.073,0.159,0.147,0.246,0.209 | |
c0.071,0.051,0.147,0.091,0.222,0.133c0.058,0.033,0.115,0.069,0.175,0.097c0.081,0.037,0.165,0.063,0.249,0.091 |
A Pen by Naved khan on CodePen.
A Pen by Leena Lavanya on CodePen.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<div class="mars"></div> | |
<img src="https://assets.codepen.io/1538474/404.svg" class="logo-404" /> | |
<img src="https://assets.codepen.io/1538474/meteor.svg" class="meteor" /> | |
<p class="title">Oh no!!</p> | |
<p class="subtitle"> | |
You’re either misspelling the URL <br /> or requesting a page that's no longer here. | |
</p> | |
<div align="center"> | |
<a class="btn-back" href="#">Back to previous page</a> | |
</div> |
Got the idea from 2 other pens around here. I just threw in my own sense style. http://codepen.io/codetrail/pen/uHvpl http://codepen.io/kaypooma/pen/ehfjC
Disclaimer: I am not responsible for your seizures
Happy Coding! :)
OlderNewer