From d8553f9446f1d30e937f07d8e02b17c2af551777 Mon Sep 17 00:00:00 2001
From: anish-kmr <41281200+anish-kmr@users.noreply.github.com>
Date: Thu, 4 Oct 2018 22:19:42 +0530
Subject: [PATCH 1/4] Add files via upload
---
index-style.css | 33 +++++++++++++++++++++++++++++++++
1 file changed, 33 insertions(+)
create mode 100644 index-style.css
diff --git a/index-style.css b/index-style.css
new file mode 100644
index 0000000..8f8af70
--- /dev/null
+++ b/index-style.css
@@ -0,0 +1,33 @@
+body {
+ padding: 0;
+ margin: 0;
+ font-size: 12px;
+}
+ol{
+ position: absolute;
+ width: 100%;
+ top:50%;
+ transform: translateY(-50%);
+}
+ol li{
+ list-style-type: none;
+ display: inline-block;
+ text-align: center;
+ padding:3em 1em;
+ margin:auto 2.5%;
+ width:25%;
+ letter-spacing: 8px;
+ background-image:linear-gradient(to bottom,#3c7ee8,#95BEB6);
+ border:2px solid #8eb2ed;
+ border-radius: 25px;
+ transition: all .5s;
+}
+ol li a{
+ text-decoration: none;
+ font-weight:bold;
+ padding: 1.5em;
+ font-size: 24px;
+}
+ol li:hover{
+ transform: scale(1.2,1.2);
+}
From 9f0ae443c9aed2cbb6bb76601d9f85993c1dab87 Mon Sep 17 00:00:00 2001
From: anish-kmr <41281200+anish-kmr@users.noreply.github.com>
Date: Thu, 4 Oct 2018 22:20:23 +0530
Subject: [PATCH 2/4] Update index.html
---
index.html | 1 +
1 file changed, 1 insertion(+)
diff --git a/index.html b/index.html
index 3ad4f84..70daaba 100644
--- a/index.html
+++ b/index.html
@@ -1,6 +1,7 @@
Web Development
+
From 884e2932019584cc9b8d9fe0206a745cb612e853 Mon Sep 17 00:00:00 2001
From: anish-kmr <41281200+anish-kmr@users.noreply.github.com>
Date: Thu, 4 Oct 2018 23:27:22 +0530
Subject: [PATCH 3/4] Update index-style.css
---
index-style.css | 65 ++++++++++++++++++++++++++++++++++++++++++++++---
1 file changed, 61 insertions(+), 4 deletions(-)
diff --git a/index-style.css b/index-style.css
index 8f8af70..569429f 100644
--- a/index-style.css
+++ b/index-style.css
@@ -1,15 +1,53 @@
body {
- padding: 0;
- margin: 0;
- font-size: 12px;
+ padding: 0;
+ margin: 0;
+ font-size: 12px;
}
+
+/*========================| BACKGROUND STYLES |========================*/
+
+#background-1{
+ position: fixed;
+ height:100%;
+ width: 100%;
+ clip-path: polygon(87% 0, 100% 0, 100% 98%, 0 100%, 54% 75%);
+ background-color:#042d70;
+}
+#background-2{
+ position: fixed;
+ height:100%;
+ width: 100%;
+ clip-path: polygon(67% 80%, 100% 0, 100% 100%, 0% 100%);
+ background-color:#0d47a5;
+}
+#background-3{
+ position: fixed;
+ height:100%;
+ width: 100%;
+clip-path: polygon(0 0, 26% 0, 19% 20%, 0 27%);
+ background-color:#042d70;
+}
+#background-4{
+ position: fixed;
+ height:100%;
+ width: 100%;
+ clip-path: polygon(0 0, 21% 0, 18% 19%, 0 26%);
+ background-color:#0d47a5;
+}
+
+
+/*=========================| List Style And Positioning |=========================*/
+
+
ol{
position: absolute;
width: 100%;
+ height: 100%;
top:50%;
transform: translateY(-50%);
}
ol li{
+ position: absolute;
list-style-type: none;
display: inline-block;
text-align: center;
@@ -17,17 +55,36 @@ ol li{
margin:auto 2.5%;
width:25%;
letter-spacing: 8px;
+ transform: translate(-50%,-50%);
background-image:linear-gradient(to bottom,#3c7ee8,#95BEB6);
border:2px solid #8eb2ed;
+
border-radius: 25px;
transition: all .5s;
}
+
ol li a{
text-decoration: none;
font-weight:bold;
padding: 1.5em;
font-size: 24px;
+ color: #dedfe0;
+}
+
+ol li:nth-child(1){
+ top:10%;
+ left:50%;
+
+}
+ol li:nth-child(2){
+ top:40%;
+ left:30%;
+
+}
+ol li:nth-child(3){
+ top:70%;
+ left:15%;
}
ol li:hover{
- transform: scale(1.2,1.2);
+ transform:translate(-50%,-50%) scale(1.2,1.2);
}
From d5d92ddcaf3dd8114f69fddcf3bfad49880ed7db Mon Sep 17 00:00:00 2001
From: anish-kmr <41281200+anish-kmr@users.noreply.github.com>
Date: Thu, 4 Oct 2018 23:27:45 +0530
Subject: [PATCH 4/4] Update index.html
---
index.html | 6 ++++++
1 file changed, 6 insertions(+)
diff --git a/index.html b/index.html
index 70daaba..c68fe7f 100644
--- a/index.html
+++ b/index.html
@@ -4,6 +4,12 @@
+
+
+
+
+
+
- Snake Game
- Assignments