commit 893ff79322c3d93704a696f313714ca79e89f905 Author: vincent Date: Sun Apr 14 15:55:02 2019 +0200 first commit diff --git a/404.html b/404.html new file mode 100755 index 0000000..7e3a1b5 --- /dev/null +++ b/404.html @@ -0,0 +1,33 @@ + + + + + + Simple 404 Page + + + + + + + + + + + +

Error 404

+ + + + + + + + + + + diff --git a/README.txt b/README.txt new file mode 100644 index 0000000..b4d6e69 --- /dev/null +++ b/README.txt @@ -0,0 +1,3 @@ +A Pen created at CodePen.io. You can find this one at https://codepen.io/akashrajendra/pen/JKKRvQ. + + A simple 404 error page with CSS3 Animation \ No newline at end of file diff --git a/css/style.css b/css/style.css new file mode 100644 index 0000000..b6b71c0 --- /dev/null +++ b/css/style.css @@ -0,0 +1,37 @@ +*{ + transition: all 0.6s; +} + +html { + height: 100%; +} + +body{ + font-family: 'Lato', sans-serif; + color: #888; + margin: 0; +} + +#main{ + display: table; + width: 100%; + height: 100vh; + text-align: center; +} + +.fof{ + display: table-cell; + vertical-align: middle; +} + +.fof h1{ + font-size: 50px; + display: inline-block; + padding-right: 12px; + animation: type .5s alternate infinite; +} + +@keyframes type{ + from{box-shadow: inset -3px 0px 0px #888;} + to{box-shadow: inset -3px 0px 0px transparent;} +} \ No newline at end of file diff --git a/js/index.js b/js/index.js new file mode 100644 index 0000000..bda1d27 --- /dev/null +++ b/js/index.js @@ -0,0 +1,3 @@ +/* +<3 You xD +*/ \ No newline at end of file diff --git a/license.txt b/license.txt new file mode 100644 index 0000000..8c5df2f --- /dev/null +++ b/license.txt @@ -0,0 +1,13 @@ + + + +