From af66b5413614f1ffc4fe96e26b2d6619d8c6cc94 Mon Sep 17 00:00:00 2001
From: HIMANSHU SEN <43755134+Himanshu0124@users.noreply.github.com>
Date: Thu, 1 Oct 2020 09:36:43 -0700
Subject: [PATCH] Update index.html

---
 index.html | 128 ++++++++++++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 127 insertions(+), 1 deletion(-)
diff --git a/index.html b/index.html
index bb5bda2..5aa590f 100644
--- a/index.html
+++ b/index.html
@@ -106,4 +106,130 @@ <h1 class="title">our team</h1>
 </div>	
 	
 </body>
-</html>
\ No newline at end of file
+</html>
+	
+	
+	
+	<!--<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <link rel="stylesheet" href="style.css">
+</head>
+<body>
+    <a href="#">
+        <span></span>
+        <span></span>
+        <span></span>
+        <span></span>
+        Button
+    </a>
+</body>
+</html>----->
+	<!---Css File
+*{
+    margin:0;
+    padding:0;
+    box-sizing: border-box;
+    font-family: sans-serif;
+}
+body{
+    display:flex;
+    justify-content: center;
+    align-items: center;
+    min-height:100vh;
+    background:#1f242d;
+}
+a
+{
+    position:relative;
+    display:inline-block;
+    padding:10px 30px;
+    text-decoration: none;
+    text-transform: uppercase;
+    color: rgba(255,255,255,0.4);
+    background:#262c37;
+    letter-spacing: 2px;
+    font-size:56px;
+    transition: 0.5s;
+}
+a:hover{
+    color: rgba(255,255,255,1);  
+}
+a span
+{
+  display:block;
+  position:absolute;
+  background:#2894ff;  
+}
+a span:nth-child(1)
+{
+    left:0;
+    bottom:0;
+    width:1px;
+    height:100%;
+    transform: scaleY(0);
+    transform-origin: top;
+    transition: transform 0.5s;
+}
+a:hover span:nth-child(1)
+{ 
+    transform: scaleY(1);
+    transform-origin: bottom;
+    transition: transform 0.5s;
+}
+
+a span:nth-child(2)
+{
+    left:0;
+    bottom:0;
+    width:100%;
+    height:1px;
+    transform: scaleX(0);
+    transform-origin: right;
+    transition: transform 0.5s;
+}
+a:hover span:nth-child(2)
+{ 
+    transform: scaleX(1);
+    transform-origin: left;
+    transition: transform 0.5s;
+}
+
+
+a span:nth-child(3)
+{
+    right:0;
+    bottom:0;
+    width:1px;
+    height:100%;
+    transform: scaleY(0);
+    transform-origin: top;
+    transition: transform 0.5s;
+}
+a:hover span:nth-child(3)
+{ 
+    transform: scaleY(1);
+    transform-origin: bottom;
+    transition: transform 0.5s;
+}
+
+a span:nth-child(4)
+{
+    left:0;
+    top:0;
+    width:100%;
+    height:1px;
+    transform: scaleX(0);
+    transform-origin: top;
+    transition: transform 0.5s;
+}
+a:hover span:nth-child(4)
+{ 
+    transform: scaleX(1);
+    transform-origin: bottom;
+    transition: transform 0.5s;
+}
+---->
