From 06636d7a26d8d8cb4529107bf9d2400505f9e9af Mon Sep 17 00:00:00 2001 From: Tejas Sawant Date: Wed, 11 Sep 2024 13:28:46 +0530 Subject: [PATCH] Update index.html v.4 --- index.html | 33 +++++++++++++++++++++++++++++---- 1 file changed, 29 insertions(+), 4 deletions(-) diff --git a/index.html b/index.html index a97fef4..c21dc1c 100644 --- a/index.html +++ b/index.html @@ -24,6 +24,7 @@ justify-content: center; align-items: center; overflow: hidden; + padding: 20px; } /* Neon Effect */ @@ -35,6 +36,7 @@ letter-spacing: 0.1em; position: relative; padding: 10px 20px; + margin-bottom: 20px; } .neon-text::before { @@ -74,6 +76,7 @@ max-width: 800px; text-align: center; color: white; + margin: auto; } /* Button Style with Neon Effect */ @@ -102,14 +105,14 @@ position: relative; z-index: 1; text-align: center; - padding: 50px; + padding: 20px; background-color: rgba(255, 255, 255, 0.8); border-radius: 15px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); max-width: 800px; margin: 0 auto; } - + .iframe-container { width: 100%; height: 80vh; @@ -122,13 +125,35 @@ border-radius: 15px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); } - + .iframe-container iframe { width: 100%; height: 100%; border: 5px solid #00bfff; /* Neon blue border */ border-radius: 10px; /* Rounded corners for the iframe */ } + + /* Responsive Styles */ + @media (max-width: 768px) { + .neon-text { + font-size: 2rem; + } + + .iframe-container { + height: 60vh; + } + } + + @media (max-width: 576px) { + .neon-text { + font-size: 1.5rem; + } + + .iframe-container { + height: 50vh; + padding: 10px; + } + } @@ -136,7 +161,7 @@
- +

Welcome to Fitze

Enhancing customer support with AI-powered assistance