From 535483926b974f47afaa090c328eae15e02d897c Mon Sep 17 00:00:00 2001
From: Rahman Samadzade <56510976+capwan@users.noreply.github.com>
Date: Mon, 4 Sep 2023 18:16:02 +0400
Subject: [PATCH 1/2] first version without links on my social links
---
index.html | 26 ++++++++++++++++++++++
style.css | 64 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
2 files changed, 90 insertions(+)
create mode 100644 index.html
create mode 100644 style.css
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..a764a42
--- /dev/null
+++ b/index.html
@@ -0,0 +1,26 @@
+
+
+
+
+ My Socials
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..451de2c
--- /dev/null
+++ b/style.css
@@ -0,0 +1,64 @@
+body{
+ padding: 0;
+ margin: 0;
+ background-color : #c8d6e5;
+}
+
+.middle{
+ position: absolute;
+ top: 50%;
+ transform: translateY(-50%);
+ width: 100%;
+ text-align: center;
+}
+.button{
+ display: inline-block;
+ width: 90px;
+ height: 90px;
+ background: #f1f1f1;
+ margin: 10px;
+ border-radius: 30%;
+ box-shadow: 0 5px 15px -5px #00000070;
+ color: #2e86de;
+ overflow: hidden;
+ position: relative;
+}
+.button i{
+ line-height: 90px;
+ font-size: 26px;
+ transition: 0.2s linear;
+}
+.button:hover i{
+ transform: scale(1.3);
+ color: #f1f1f1;
+}
+.button::before{
+ content: "";
+ position: absolute;
+ width: 120%;
+ height: 120%;
+ background: #2e86de;
+ transform: rotate(45deg);
+ left: -110%;
+ top: 90%;
+}
+.button:hover::before{
+ animation: 0.7s 1;
+ top: -10%;
+ left: -10%;
+}
+
+/* another animation */
+/* @keyframes aaa {
+ 0%{
+ top: 90%;
+ left: -110%;
+ }50%{
+ top: -30%;
+ left: 10%;
+ }100%{
+ top: -10%;
+ left: -10%;
+ }
+} */
+
From 5781569fdaea7e47e7b550a3b5d32ac2470b5df6 Mon Sep 17 00:00:00 2001
From: Rahman Samadzade <56510976+capwan@users.noreply.github.com>
Date: Mon, 4 Sep 2023 18:33:48 +0400
Subject: [PATCH 2/2] added links on buttons
last version
---
index.html | 10 +++++-----
1 file changed, 5 insertions(+), 5 deletions(-)
diff --git a/index.html b/index.html
index a764a42..244fb4d 100644
--- a/index.html
+++ b/index.html
@@ -8,19 +8,19 @@
-