hero title font color changed

bytemakers · Oct 9, 2023 · dbcbbb0 · dbcbbb0
1 parent 6897d35
commit dbcbbb0
Show file tree

Hide file tree

Showing 4 changed files with 46 additions and 94 deletions.
diff --git a/apps/web/frontend/package-lock.json b/apps/web/frontend/package-lock.json
diff --git a/apps/web/frontend/src/components/LandingPage/Components/HeroSection/HeroSection.css b/apps/web/frontend/src/components/LandingPage/Components/HeroSection/HeroSection.css
@@ -13,6 +13,7 @@
   color: var(--dark-color);
   font-size: 48px;
   font-weight: 900;
+  color: whitesmoke; 
 }
 
 .hero-section h4 {
@@ -21,6 +22,7 @@
   font-weight: 300;
   text-align: center;
   padding: 0px 14rem;
+  color: whitesmoke; 
 }
 
 .hero-section button {

diff --git a/apps/web/frontend/src/components/LandingPage/Components/HeroSection/HeroSection.js b/apps/web/frontend/src/components/LandingPage/Components/HeroSection/HeroSection.js
@@ -1,20 +1,21 @@
 import React from 'react'
 import { Link } from 'react-router-dom';
 import './HeroSection.css'
-const HeroSection = () => {
+const HeroSection = () =>
+{
   return (
-    <section className = "hero-section">
+    <section className="hero-section">
       <div data-aos="fade-up" className='container flex'>
-         <h1 style = {{padding:'0px'}}>Your Privacy Friendly, Open Source.
-Alternative to EverNote.</h1>
-          <h4>
-            Capture your notes, files, and life’s work all in one secure place.
-          </h4>
-          <Link to="/Signup"><button>Get Started For Free</button></Link>
+        <h1 style={{ padding: '0px' }}>Your Privacy Friendly, Open Source.
+          Alternative to EverNote.</h1>
+        <h4>
+          Capture your notes, files, and life’s work all in one secure place.
+        </h4>
+        <Link to="/Signup"><button>Get Started For Free</button></Link>
       </div>
       <div className='image flex'>
-        <img style = {{width:'70%'}} src = "assets/bgimage.png" alt = "cover-page"/>
-        <img src = "assets/Vector.png" alt = "design"/>
+        <img style={{ width: '70%' }} src="assets/bgimage.png" alt="cover-page" />
+        <img src="assets/Vector.png" alt="design" />
       </div>
     </section>
   )

diff --git a/apps/web/frontend/src/components/LandingPage/Components/Newsletter/NewsLetter.css b/apps/web/frontend/src/components/LandingPage/Components/Newsletter/NewsLetter.css
@@ -20,7 +20,7 @@
 .newsletter__form__email__submit_btn {
     border-radius: 999rem;
     width: auto;
-    margin: 0;
+    margin: auto;
 }
 
 .newsletter__form__email_copy {