From d366232f1d199ea77a64ce55b7f473d73dea6769 Mon Sep 17 00:00:00 2001 From: obvtiger Date: Thu, 3 Apr 2025 17:52:24 +0200 Subject: [PATCH 1/2] revert 05edfaa05e1786cf599564f5ea7d898b604f30de revert fix: made main look a bit better --- index.html | 48 +++++++++++++++++++++++------------------------- style.css | 19 ------------------- 2 files changed, 23 insertions(+), 44 deletions(-) diff --git a/index.html b/index.html index c5396b2..b0d571c 100644 --- a/index.html +++ b/index.html @@ -8,33 +8,31 @@
- -
-
-
- -
-
- -
-
-

Modern Cloud Hosting for the Future

-

Experience lightning-fast performance, unmatched pricing, and a seamless experience. The next generation of cloud hosting is here.

-
- Get Started - Learn More + +
+
+ +
+
+ +
+
+

Modern Cloud Hosting for the Future

+

Experience lightning-fast performance, unmatched pricing, and a seamless experience. The next generation of cloud hosting is here.

+
+ Get Started + Learn More
-
-
+ +
diff --git a/style.css b/style.css index d38dbbf..cca9991 100644 --- a/style.css +++ b/style.css @@ -440,25 +440,6 @@ footer { font-size: 0.875rem; } -/*MiniPandi's Modifications Start*/ -main { - min-height: 100vh; -} -main .hero { - min-height: 90vh; - display: flex; - flex-direction: column; - justify-content: center; -} -main .hero .container { - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - gap: 25px; -} -/*MiniPandi's Modifications End*/ - @media (max-width: 768px) { .hero h1 { font-size: 3rem; From 31c7c99372c96b5672f4ccd44c775915a726ffc4 Mon Sep 17 00:00:00 2001 From: MiniPandi Date: Thu, 3 Apr 2025 18:00:39 +0200 Subject: [PATCH 2/2] feat: added animations to buttons --- style.css | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) diff --git a/style.css b/style.css index d38dbbf..a06005e 100644 --- a/style.css +++ b/style.css @@ -457,6 +457,23 @@ main .hero .container { justify-content: center; gap: 25px; } + +.features .container .features-grid .feature-card:hover { + transition-duration: 250ms; + transform: scale(1.05); + background-color: var(--dark-accent); +} + +.pricing .container .pricing-grid .pricing-card:hover { + transition-duration: 250ms; + transform: scale(1.05); + background-color: var(--dark-accent); +} + +.about .container .about-content .about-stats .stat-item:hover { + transition-duration: 250ms; + transform: scale(1.05); +} /*MiniPandi's Modifications End*/ @media (max-width: 768px) {