diff --git a/Animated Loading Page/loading_page.html b/Animated Loading Page/loading_page.html index 7b556bf9..270f6624 100644 --- a/Animated Loading Page/loading_page.html +++ b/Animated Loading Page/loading_page.html @@ -1,17 +1,17 @@ + - - - Loading Page - + + + Futuristic Loader + -
-
- -

LOADING

-
+
+
+ +

Loading

- \ No newline at end of file + diff --git a/Animated Loading Page/style.css b/Animated Loading Page/style.css index c4b33332..6c9cb8fa 100644 --- a/Animated Loading Page/style.css +++ b/Animated Loading Page/style.css @@ -1,96 +1,134 @@ -* { - margin: 0; - padding: 0; - box-sizing: border-box; + + * { + margin: 0; + padding: 0; + box-sizing: border-box; } body, html { - height: 100%; - width: 100%; - overflow: hidden; - font-family: 'Georgia', sans-serif; + height: 100%; + width: 100%; + font-family: 'Poppins', sans-serif; + background: radial-gradient(circle at center, #020617 0%, #0f172a 100%); + overflow: hidden; +} + +/* Subtle glowing background orbs */ +.glow-orbs::before, +.glow-orbs::after { + content: ""; + position: absolute; + width: 700px; + height: 700px; + border-radius: 50%; + filter: blur(180px); + opacity: 0.7; + animation: float 10s ease-in-out infinite alternate; + z-index: 0; +} + +.glow-orbs::before { + top: -200px; + left: -200px; + background: radial-gradient(circle, #00f5d4, transparent 80%); } -.container { - display: flex; - justify-content: center; - align-items: center; - height: 100vh; - width: 100vw; - background: linear-gradient(#ade8f4, #90e0ef); - overflow: hidden; +.glow-orbs::after { + bottom: -250px; + right: -200px; + background: radial-gradient(circle, #9b5de5, transparent 80%); + animation-delay: 3s; } -.loading-page { - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - text-align: center; - gap: 30px; +/* Main Loader Container */ +.loader-container { + height: 100vh; + width: 100vw; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + overflow: hidden; } +/* Futuristic Spinner */ .spinner { - width: 80px; - height: 80px; - border-radius: 50%; - border: 4px dashed rgba(0, 131, 212); - border-top-color: rgba(0, 131, 212); - animation: spin 10s linear infinite; - margin-bottom: 30px; - position: relative; + width: 150px; + height: 150px; + border-radius: 50%; + background: conic-gradient(from 0deg, #00f5d4, #9b5de5, #f15bb5, #fee440, #00f5d4); + animation: rotate 1.5s linear infinite; + position: relative; + box-shadow: 0 0 50px rgba(255,255,255,0.3); +} + +.spinner::before { + content: ""; + position: absolute; + inset: 18px; + background: radial-gradient(circle at center, #0f172a 60%, #020617 100%); + border-radius: 50%; } -@keyframes spin { - 0% { transform: rotate(0deg); } - 100% { transform: rotate(360deg); } +.spinner::after { + content: ""; + position: absolute; + inset: -10px; + border: 5px solid rgba(255,255,255,0.1); + border-radius: 50%; + animation: pulse 2s ease-in-out infinite alternate; } -.loading-page h1 { - font-size: 70px; - color: rgba(0, 131, 212, 0.7); +@keyframes rotate { + 0% { transform: rotate(0deg); } + 100% { transform: rotate(360deg); } } -.loading-page h1::after { - content: ""; - animation: loadingAnim 2s steps(4) infinite; - position: absolute; +@keyframes pulse { + 0% { transform: scale(1); opacity: 0.6; } + 100% { transform: scale(1.15); opacity: 1; } } -@keyframes loadingAnim { - 0% { content: ""; } - 25% { content: "."; } - 50% { content: ".."; } - 75% { content: "..."; } - 100% { content: ""; } +/* Glowing Loading Text */ +.loading-text { + color: #fff; + margin-top: 40px; + font-size: 58px; + letter-spacing: 4px; + text-transform: uppercase; + background: linear-gradient(90deg, #00f5d4, #9b5de5, #f15bb5, #fee440); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + position: relative; + animation: glowText 2s ease-in-out infinite alternate; } -.container::before, -.container::after { - content: ""; - position: absolute; - width: 400px; - height: 400px; - border-radius: 50%; - filter: blur(100px); - animation: float 6s ease-in-out infinite alternate; - z-index: 0; +@keyframes glowText { + from { + text-shadow: 0 0 10px #00f5d4, 0 0 30px #9b5de5, 0 0 60px #f15bb5; + } + to { + text-shadow: 0 0 20px #fee440, 0 0 50px #9b5de5, 0 0 80px #00f5d4; + } } -.container::before { - background: #48cae4; - top: -100px; - left: -100px; +/* Animated dots for “...” */ +.dots::after { + content: ""; + animation: dots 1.2s steps(4, end) infinite; } -.container::after { - background: #48cae4; - bottom: -100px; - right: -100px; - animation-delay: 3s; +@keyframes dots { + 0% { content: ""; } + 25% { content: "."; } + 50% { content: ".."; } + 75% { content: "..."; } + 100% { content: ""; } } +/* Floating glowing animation for background orbs */ @keyframes float { - 0% { transform: translate(0, 0); } - 100% { transform: translate(30px, -30px); } -} \ No newline at end of file + 0% { transform: translate(0, 0); } + 100% { transform: translate(80px, -80px); } +} diff --git a/Zomato/index.html b/Zomato/index.html index 663ae3f9..60f9731c 100644 --- a/Zomato/index.html +++ b/Zomato/index.html @@ -1,236 +1,301 @@ - - - + + + Zomato - Food Delivery - - - - - - - - -
-
-

We build your trust.

-

At Zomato, we believe in delivering not just food, but experiences. With over 5 years in the industry, we've connected millions of food lovers with their favorite restaurants. Our commitment to quality and timely delivery has made us the most trusted food delivery platform.

-
-
-

10M+

-

Happy Customers

-
-
-

50K+

-

Restaurant Partners

+
+
+
+

Welcome to Zomato

+

+ Your delicious meal awaits you! Discover the best food around you. +

+
+ + +
-
-

100+

-

Cities

+
+
+ +
+
+

We build your trust.

+

+ At Zomato, we believe in delivering not just food, but experiences. + With over 5 years in the industry, we've connected millions of food + lovers with their favorite restaurants. Our commitment to quality and + timely delivery has made us the most trusted food delivery platform. +

+
+
+

10M+

+

Happy Customers

+
+
+

50K+

+

Restaurant Partners

+
+
+

100+

+

Cities

+
-
-
- Delicious Cake -
-
+
+ Delicious Cake +
+ -
-
- Fresh Pizza -
-
-

How we are different?

-

We stand out with our innovative approach to food delivery. Real-time order tracking, curated restaurant recommendations, and exclusive deals make your dining experience exceptional. Our AI-powered suggestions help you discover new favorites based on your taste preferences.

-
    -
  • Lightning Fast Delivery
    • -
  • 100% Quality Assurance
    • -
  • Best Price Guarantee
    • -
  • Wide Variety of Cuisines
    • -
-
-
+
+
+ Fresh Pizza +
+
+

How we are different?

+

+ We stand out with our innovative approach to food delivery. Real-time + order tracking, curated restaurant recommendations, and exclusive + deals make your dining experience exceptional. Our AI-powered + suggestions help you discover new favorites based on your taste + preferences. +

+
    +
  • Lightning Fast Delivery
    • +
  • 100% Quality Assurance
    • +
  • Best Price Guarantee
    • +
  • Wide Variety of Cuisines
    • +
+
+
-
-
-

Available at 1500+ restaurants

-

From fine dining to quick bites, we partner with the best restaurants in your city. Whether you're craving traditional dishes or want to try something new, Zomato brings the finest culinary experiences right to your doorstep.

-
-
- - Fine Dining -
-
- - Casual Dining -
-
- - Cafés -
-
- - Dessert Spots +
+
+

Available at 1500+ restaurants

+

+ From fine dining to quick bites, we partner with the best restaurants + in your city. Whether you're craving traditional dishes or want to try + something new, Zomato brings the finest culinary experiences right to + your doorstep. +

+
+
+ + Fine Dining +
+
+ + Casual Dining +
+
+ + Cafés +
+
+ + Dessert Spots +
-
-
- Strawberry Dessert -
-
+
+ Strawberry Dessert +
+ -
-

What Our Customers Say

-
-
-
★★★★★
-

"Zomato has revolutionized how I order food. The app is intuitive and delivery is always on time!"

-
- Sarah M. - Regular Customer +
+

What Our Customers Say

+
+
+
★★★★★
+

+ "Zomato has revolutionized how I order food. The app is intuitive + and delivery is always on time!" +

+
+ Sarah M. + Regular Customer +
-
-
-
★★★★★
-

"Amazing variety of restaurants and the search filters make it so easy to find exactly what I'm craving."

-
- Raj K. - Food Enthusiast +
+
★★★★★
+

+ "Amazing variety of restaurants and the search filters make it so + easy to find exactly what I'm craving." +

+
+ Raj K. + Food Enthusiast +
-
-
-
★★★★☆
-

"Great service and the customer support team is very responsive. Highly recommended!"

-
- Priya S. - Premium Member +
+
★★★★☆
+

+ "Great service and the customer support team is very responsive. + Highly recommended!" +

+
+ Priya S. + Premium Member +
-
-
+
-
-
-
-

Get In Touch

-

Have questions or feedback? We'd love to hear from you!

-
-
- -
-

Call Us

-

+1 (555) 123-4567

+
+
+
+

Get In Touch

+

Have questions or feedback? We'd love to hear from you!

+
+
+ +
+

Call Us

+

+1 (555) 123-4567

+
-
-
- -
-

Email Us

-

support@zomato.com

+
+ +
+

Email Us

+

support@zomato.com

+
-
-
- -
-

Visit Us

-

123 Food Street, Culinary City

+
+ +
+

Visit Us

+

123 Food Street, Culinary City

+
+
+

Send us a Message

+ + + + + +
-
-

Send us a Message

- - - - - -
-
-
+
- - \ No newline at end of file +