From 03407a76e3755c08a4f87f4dbe9ea054533b6ec9 Mon Sep 17 00:00:00 2001 From: harshd008 Date: Sat, 21 Oct 2023 15:00:31 +0530 Subject: [PATCH] Animations and font change --- about.html | 35 +++++++++++++++++++++++++++-------- abt.css | 12 ++++++++---- 2 files changed, 35 insertions(+), 12 deletions(-) diff --git a/about.html b/about.html index 83312b0..0a7376b 100644 --- a/about.html +++ b/about.html @@ -22,6 +22,7 @@ crossorigin="anonymous" referrerpolicy="no-referrer" /> + @@ -60,14 +61,20 @@
+

My Fav Superhero

Welcome to the mind-blowing universe of superheroes!
My Fav Superhero caters to enthusiasts of all levels,
sparking awe and wonder with its addictive user-friendly
platform.
+
-
+

Find Heroes Faster Than a Speeding Bullet

With a clean interface, you can swiftly search for your
@@ -76,7 +83,9 @@
-
+

Expect the Unexpected: Random Superhero Generator

Unleash a realm of adventure with our random superhero generator.
With just a click, you’ll be amazed by exhilarating images of heroes
@@ -87,18 +96,26 @@

Curious Cases

-
+

Who can use the website?


Everyone! My Fav Superhero is designed
for both superhero fanatics and casual
enthusiasts seeking fun and excitement.
-
+ +

How often is it updated?


We update our content frequently
to keep you hooked on your beloved heroes!
-
+ +

Is it free to use?


Absolutely! Dive into our mystifying
@@ -120,7 +137,7 @@

Is it free to use?


-
+
@@ -153,8 +170,10 @@

Is it free to use?


- - + + diff --git a/abt.css b/abt.css index 06b8d78..4393917 100644 --- a/abt.css +++ b/abt.css @@ -77,7 +77,7 @@ nav.stroke ul li a:hover:after { .mainpic1 { width: 300%; height: auto; - margin: 0 auto; + margin: 90px auto; } .right-container { @@ -99,16 +99,19 @@ nav.stroke ul li a:hover:after { } .wr>p{ - font-weight: bold; color: white; padding: 10px; - transform: translateY(75px); + transform: translateY(1px); + font-family: 'Roboto Slab', serif; + font-weight: bold; } .wr p:nth-child(2) { margin: auto; line-height: 35px; - transform: translateY(150px); + transform: translateY(20px); + font-family: 'Nunito Sans', sans-serif; + color: rgb(158, 201, 222); } .first-para>p{ @@ -180,6 +183,7 @@ nav.stroke ul li a:hover:after { padding: 2rem; margin: 5rem; color:#F6AA1C; + font-size: 24px; } .heading{