Merge pull request #524 from AkshitGarg24/513/Positon-of-Newsletter

Changed Position of Newsletter
SUGAM-ARORA · Jul 22, 2024 · 2af2e2e · 2af2e2e
2 parents 0661a9b + dcbbfbe
commit 2af2e2e
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 7 deletions.
diff --git a/src/Components/Footer.js b/src/Components/Footer.js
@@ -13,10 +13,9 @@ const scrollToTop = () => {
 const Footer = () => {
   return (
     <div className='footer'>
-      <SubscribeMail/>
       <div className='footer-container footer-container-md'>
         <div className='footer-1'>
-          <img src={logo} alt="logo"/>
+          <img src={logo} alt="logo" />
           <div>
             <div className='footer-title'>Unicollab</div>
             <div className='footer-description'>
@@ -55,6 +54,7 @@ const Footer = () => {
           </div>
         </div>
       </div>
+      <SubscribeMail />
       <div className='footer-icons footer-icons-md'>
         <a href="#" target="_blank" rel='noreferrer'>
           <FontAwesomeIcon icon={faLinkedin} />
@@ -66,14 +66,16 @@ const Footer = () => {
           <FontAwesomeIcon icon={faFacebook} />
         </a>
         <a href="#" target="_blank" rel='noreferrer'>
-          <FontAwesomeIcon   icon={faTwitter} />
+          <FontAwesomeIcon icon={faTwitter} />
         </a>
       </div>
+
       <div className='footer-bottom'>
         <div className='footer-bottom-link'>
           &copy; 2024 UniCollab. All rights reserved.
         </div>
       </div>
+
     </div>
   );
 }

diff --git a/src/Components/footer_section/Mail/Mail.css b/src/Components/footer_section/Mail/Mail.css
@@ -8,9 +8,9 @@
 }
 .subscribe-mail{
     display: flex;
-    flex-direction: column;
     align-items: center;
     justify-content: center;
+    gap: 100px;
 }
 btn1{
     background: #574d91;
@@ -23,4 +23,12 @@ btn1{
 }
 btn1:hover{
     background: #252041;
+}
+.mail{
+    display: flex;
+    flex-direction: row;
+    width: min-content;
+}
+p{
+    font-weight: 900;
 }
diff --git a/src/Components/footer_section/Mail/SubscribeMail.js b/src/Components/footer_section/Mail/SubscribeMail.js
@@ -3,8 +3,8 @@ import './Mail.css';
 export default function SubscribeMail(){
     return(
         <div className='subscribe-mail'>
-            <p>Subscribe to our newsletter</p>
-            <form >
+            <p>SUBSCRIBE TO OUR NEWSLETTER</p>
+            <form className='mail'>
                 <input type='text' placeholder='Enter your email address' required className="inputmail" />
                 <button type='submit' className='btn1'>Subscribe</button>
             </form>

diff --git a/yarn.lock b/yarn.lock
@@ -10769,4 +10769,4 @@ yargs@^17.7.2:
 yocto-queue@^0.1.0:
   version "0.1.0"
   resolved "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz"
-  integrity sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==
+  integrity sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==