diff --git a/index.html b/index.html
index 919c32a..6a602b3 100644
--- a/index.html
+++ b/index.html
@@ -13,6 +13,12 @@
+
+
+
- Sliding Link
diff --git a/styles/style.css b/styles/style.css
index cf57671..214a814 100644
--- a/styles/style.css
+++ b/styles/style.css
@@ -11,6 +11,69 @@ a {
font-weight: 700;
}
+/* git logo */
+
+.git-logo {
+ height: 150px;
+ width: 150px;
+ background-color: #f06033;
+ border-radius: 15px;
+ position: relative;
+ transform: rotate(45deg);
+}
+
+.line1 {
+ width: 110px;
+ background-color: white;
+ height: 10px;
+ top: 40px;
+ position: absolute;
+}
+
+.line1::before {
+ content: "";
+ position: absolute;
+ width: 30px;
+ height: 30px;
+ border-radius: 50%;
+ background-color: white;
+ top: -8px;
+ left: 30px;
+}
+
+.line1::after {
+ content: "";
+ position: absolute;
+ width: 30px;
+ height: 30px;
+ border-radius: 50%;
+ background-color: white;
+ top: -8px;
+ left: 90px;
+}
+
+.line2 {
+ width: 90px;
+ background-color: white;
+ height: 12px;
+ top: 70px;
+ left: 30px;
+ position: absolute;
+ transform: rotate(45deg);
+}
+
+.line2::after {
+ content: "";
+ width: 30px;
+ background-color: white;
+ height: 30px;
+ border-radius: 50%;
+ top: -8px;
+ left: 70px;
+ position: absolute;
+ transform: rotate(45deg);
+}
+
/* sliding effect */
.slidinglink {
line-height: 1.5;