Codeshwar Landing page

.gitignore

@@ -0,0 +1,2 @@
+.vscode
+package-lock.json

css/ie.css

@@ -0,0 +1,84 @@
+.contact a.mail:hover {
+	text-decoration: underline;
+}
+
+
+.contact .icons li a:hover {
+	border-bottom: 5px solid transparent;
+}
+
+/* HERO */
+h1 { font-size: 120px; line-height: 120px; }
+.sub-title { font-size: 20px; line-height: 20px; margin-top: 20px; }
+/* TITLE & CONTACT */
+.title { top: 15%;}
+.contact { bottom: 8%; }
+.contact .icons { margin-bottom: 12px; }
+/* SIZES */
+.sphere img{
+	-webkit-transform: scale(1);
+	-moz-transform: scale(1);
+	transform: scale(1);
+}
+.depth-5 img, .depth-4 img, .depth-3 img, .depth-2 img, .depth-1 img {
+	-webkit-transform: scale(0.8);
+	-moz-transform: scale(0.8);
+	transform: scale(0.8);
+}
+/* POSITIONING */
+.depth-5 {
+	right: -25%;
+	top: 3%;
+}
+
+.depth-4 {
+	left: -3%;
+	top: 15%;
+ }
+
+.depth-3.flake1 {
+	display: none;
+}
+
+.depth-3.flake2 {
+	right: 25%;
+	bottom: 25%;
+}
+
+.depth-3.flake3 {
+	left: 20%;
+	bottom: 20%;
+}
+
+.depth-3.flake4 {
+	display: block;
+	position: absolute;
+	left: 10%;
+	bottom: 40%;
+}
+
+.depth-2.flake1 {
+	display: none;
+}
+
+.depth-2.flake2 {
+	display: none;
+}
+
+.depth-1.flake1 {
+	display: none;
+}
+
+.depth-1.flake2 { 
+	display: block;
+	left: 15%;
+	top: 25%;
+}
+
+.depth-1.flake3 { 
+	display: none;
+}
+
+.depth-1.flake4 { 
+	display: none;
+}

css/loader.css

@@ -0,0 +1,66 @@
+/* =Loader
+-------------------------------------------------------------- */
+
+.preloader {
+	display: block;
+    position: fixed;
+    width: 100%;
+    height: 100%;
+    z-index: 9999;
+    background: white;
+    text-align: center;
+}
+.loading {
+	overflow: hidden;
+	position: absolute;
+	top: 50%;
+	margin-top: -12px;
+	left: 50%;
+	margin-left: -50px;
+	width: 100px;
+	height: 24px;
+}
+
+.progress {
+	display: block;
+	position: absolute;
+	bottom: 0;
+	overflow: hidden;
+	width: 100px;
+	height: 1px;
+	left: -102px;
+	background-color: #00d9ec;
+	-webkit-animation: loader-anim 1s 0s infinite cubic-bezier(0.785, 0.135, 0.15, 0.86);
+    -moz-animation: loader-anim 1s 0s infinite cubic-bezier(0.785, 0.135, 0.15, 0.86);
+    animation: loader-anim 1s 0s infinite cubic-bezier(0.785, 0.135, 0.15, 0.86)
+}
+
+@-webkit-keyframes loader-anim {
+    0% {
+        left: -102px
+    }
+
+    100% {
+        left: 102px
+    }
+}
+
+@-moz-keyframes loader-anim {
+    0% {
+        left: -102px
+    }
+
+    100% {
+        left: 102px
+    }
+}
+
+@keyframes loader-anim {
+    0% {
+        left: -102px
+    }
+
+    100% {
+        left: 102px
+    }
+}