From 5ea7bbf92c32166c53ff0c9a21b563ccc100f1e2 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E1=97=A9T=E1=97=A9=E1=97=B0Y=E1=96=87=E1=97=A9T?= Date: Fri, 30 Jun 2023 15:46:48 +0500 Subject: [PATCH] 1.3.0 --- css/style.css | 147 ++++++++++++++++++++++++++++++++++++++++++++++++++ index.html | 140 +++++++++++++++++++++++++---------------------- 2 files changed, 222 insertions(+), 65 deletions(-) diff --git a/css/style.css b/css/style.css index 8464d46..c8534a1 100644 --- a/css/style.css +++ b/css/style.css @@ -60,6 +60,10 @@ background-color: #ff1154; } +.green2 { + color: #fff; +} + .green2:hover { color: #ff1154; transition: 0.6s; @@ -206,4 +210,147 @@ a { a:hover { border-bottom: 2px solid #ff1154; +} + + + + +div .six::after { + content: counter(count1); + animation: counter1 3s forwards; +} + +@keyframes counter1 { + 0% { + counter-increment: count1 0; + } + + 10% { + counter-increment: count1 1; + } + + 20% { + counter-increment: count1 2; + } + + 40% { + counter-increment: count1 3; + } + + 60% { + counter-increment: count1 4; + } + + 80% { + counter-increment: count1 5; + } + + 100% { + counter-increment: count1 6; + } +} + +div .ten::after { + content: counter(count2); + animation: counter2 3s forwards; +} + +@keyframes counter2 { + 0% { + counter-increment: count2 0; + } + + 10% { + counter-increment: count2 1; + } + + 20% { + counter-increment: count2 2; + } + + 30% { + counter-increment: count2 3; + } + + 40% { + counter-increment: count2 4; + } + + 50% { + counter-increment: count2 5; + } + + 60% { + counter-increment: count2 6; + } + + 70% { + counter-increment: count2 7; + } + + 80% { + counter-increment: count2 8; + } + + 90% { + counter-increment: count2 9; + } + + 100% { + counter-increment: count2 10; + } +} + +div .five::after { + content: counter(count3); + animation: counter3 3s forwards; +} + +@keyframes counter3 { + 0% { + counter-increment: count3 0; + } + + 20% { + counter-increment: count3 1; + } + + 40% { + counter-increment: count3 2; + } + + 60% { + counter-increment: count3 3; + } + + 80% { + counter-increment: count3 4; + } + + 100% { + counter-increment: count3 5; + } +} + +div .three::after { + content: counter(count4); + animation: counter4 3s forwards; +} + +@keyframes counter4 { + 0% { + counter-increment: count4 0; + } + + 40% { + counter-increment: count4 1; + } + + 70% { + counter-increment: count4 2; + } + + 100% { + counter-increment: count4 3; + } } \ No newline at end of file diff --git a/index.html b/index.html index 40eda23..d3102e3 100644 --- a/index.html +++ b/index.html @@ -19,6 +19,7 @@ + @@ -35,25 +36,25 @@ aria-controls="navbarsExample11" aria-expanded="false" aria-label="Toggle navigation"> -
- -
+
+ +
@@ -73,8 +74,8 @@
" We are Coding - TKM "
+ class="bg-black text-white rounded-3"> "
We are Turkmenistan based web designer & full-stack developers focused on clean & user-friendly experiences, We are passionate about building excellent software that improves the lives of those around us.
@@ -94,7 +95,8 @@
-
ABOUT
@@ -105,7 +107,7 @@
- @arsgozel + @arsgozel @@ -404,7 +405,7 @@ - + \ No newline at end of file