From 6c410fc53215ec466a5f2e38c89432702bb366aa Mon Sep 17 00:00:00 2001
From: jackbouncy7 <otaboevamadina@gmail.com>
Date: Sun, 20 Oct 2024 12:29:26 +0500
Subject: [PATCH] Hide blog section, hide blog link on header

---
 src/components/Header/Header.jsx |   6 +-
 src/pages/Home/Home.jsx          | 128 +++++++++++++++----------------
 src/pages/Home/_home.scss        |   1 +
 3 files changed, 68 insertions(+), 67 deletions(-)

diff --git a/src/components/Header/Header.jsx b/src/components/Header/Header.jsx
index afc9573..426841d 100644
--- a/src/components/Header/Header.jsx
+++ b/src/components/Header/Header.jsx
@@ -53,9 +53,9 @@ const Header = () => {
                 <li>
                   <Link style={{ color: scrolled ? '#3B566E' : 'white' }} to="/services">SERVICES</Link>
                 </li>
-                <li>
-                  <a style={{ color: scrolled ? '#3B566E' : 'white' }} href="blog.html">BLOG</a>
-                </li>
+                {/* <li> */}
+                {/*   <a style={{ color: scrolled ? '#3B566E' : 'white' }} href="blog.html">BLOG</a> */}
+                {/* </li> */}
                 <li>
                   <Link style={{ border: scrolled ? '1px solid #4886FF' : '1px solid white', color: scrolled ? '#4886FF' : 'white' }} to="/contact" className="btn-nav-line">
                     CONTACT
diff --git a/src/pages/Home/Home.jsx b/src/pages/Home/Home.jsx
index 31034c2..bd63e79 100644
--- a/src/pages/Home/Home.jsx
+++ b/src/pages/Home/Home.jsx
@@ -342,70 +342,70 @@ const Home = () => {
       {/*<!-- ***** Counter Parallax End ***** -->*/}
 
       {/* <!-- ***** Blog Start ***** --> */}
-      <section className="section pbottom-70">
-      <div className="container">
-        <div className="row">
-          <div className="col-lg-12">
-            <div className="center-heading">
-              <h2 className="section-title">Latest Blog Posts</h2>
-            </div>
-          </div>
-          <div className="offset-lg-3 col-lg-6">
-            <div className="center-text">
-              <p>Fusce placerat pretium mauris, vel sollicitudin elit lacinia vitae. Quisque sit amet nisi
-                erat.</p>
-            </div>
-          </div>
-        </div>
-        <div className="row">
-          <div className="col-lg-4 col-md-6 col-sm-12">
-            <div className="blog-post-thumb">
-              <div className="img">
-                <img src={Blog1} alt="blog pic" />
-              </div>
-              <h3>
-                <a href="blog-single.html">5 steps to becoming GDPR compliant on mobile apps</a>
-              </h3>
-              <div className="text">
-                Mauris tellus sem, ultrices varius nisl at, convallis iaculis mauris. Sed eget sem vitae
-                purus tempus dignissim.
-              </div>
-              <a href="blog-single.html" className="btn-primary-line">Read More</a>
-            </div>
-          </div>
-          <div className="col-lg-4 col-md-6 col-sm-12">
-            <div className="blog-post-thumb">
-              <div className="img">
-                <img src={Blog2} alt="blog pic" />
-              </div>
-              <h3>
-                <a href="blog-single.html">Measuring app success through mobile analytics</a>
-              </h3>
-              <div className="text">
-                Cras imperdiet faucibus sem, a dignissim urna feugiat sed. Interdum et malesuada fames ac
-                ante ipsum primis in faucibus.
-              </div>
-              <a href="blog-single.html" className="btn-primary-line">Read More</a>
-            </div>
-          </div>
-          <div className="col-lg-4 col-md-6 col-sm-12">
-            <div className="blog-post-thumb">
-              <div className="img">
-                <img src={Blog3} alt="blog pic" />
-              </div>
-              <h3>
-                <a href="blog-single.html">How accessibility will influence your app development</a>
-              </h3>
-              <div className="text">
-                Quisque euismod nec lacus sit amet maximus. Ut convallis sagittis lorem auctor malesuada.
-                Morbi auctor tortor eu risus condimentum.
-              </div>
-              <a href="blog-single.html" className="btn-primary-line">Read More</a>
-            </div>
-          </div>
-        </div>
-      </div>
-      </section>
+      {/* <section className="section pbottom-70"> */}
+      {/* <div className="container"> */}
+      {/*   <div className="row"> */}
+      {/*     <div className="col-lg-12"> */}
+      {/*       <div className="center-heading"> */}
+      {/*         <h2 className="section-title">Latest Blog Posts</h2> */}
+      {/*       </div> */}
+      {/*     </div> */}
+      {/*     <div className="offset-lg-3 col-lg-6"> */}
+      {/*       <div className="center-text"> */}
+      {/*         <p>Fusce placerat pretium mauris, vel sollicitudin elit lacinia vitae. Quisque sit amet nisi */}
+      {/*           erat.</p> */}
+      {/*       </div> */}
+      {/*     </div> */}
+      {/*   </div> */}
+      {/*   <div className="row"> */}
+      {/*     <div className="col-lg-4 col-md-6 col-sm-12"> */}
+      {/*       <div className="blog-post-thumb"> */}
+      {/*         <div className="img"> */}
+      {/*           <img src={Blog1} alt="blog pic" /> */}
+      {/*         </div> */}
+      {/*         <h3> */}
+      {/*           <a href="blog-single.html">5 steps to becoming GDPR compliant on mobile apps</a> */}
+      {/*         </h3> */}
+      {/*         <div className="text"> */}
+      {/*           Mauris tellus sem, ultrices varius nisl at, convallis iaculis mauris. Sed eget sem vitae */}
+      {/*           purus tempus dignissim. */}
+      {/*         </div> */}
+      {/*         <a href="blog-single.html" className="btn-primary-line">Read More</a> */}
+      {/*       </div> */}
+      {/*     </div> */}
+      {/*     <div className="col-lg-4 col-md-6 col-sm-12"> */}
+      {/*       <div className="blog-post-thumb"> */}
+      {/*         <div className="img"> */}
+      {/*           <img src={Blog2} alt="blog pic" /> */}
+      {/*         </div> */}
+      {/*         <h3> */}
+      {/*           <a href="blog-single.html">Measuring app success through mobile analytics</a> */}
+      {/*         </h3> */}
+      {/*         <div className="text"> */}
+      {/*           Cras imperdiet faucibus sem, a dignissim urna feugiat sed. Interdum et malesuada fames ac */}
+      {/*           ante ipsum primis in faucibus. */}
+      {/*         </div> */}
+      {/*         <a href="blog-single.html" className="btn-primary-line">Read More</a> */}
+      {/*       </div> */}
+      {/*     </div> */}
+      {/*     <div className="col-lg-4 col-md-6 col-sm-12"> */}
+      {/*       <div className="blog-post-thumb"> */}
+      {/*         <div className="img"> */}
+      {/*           <img src={Blog3} alt="blog pic" /> */}
+      {/*         </div> */}
+      {/*         <h3> */}
+      {/*           <a href="blog-single.html">How accessibility will influence your app development</a> */}
+      {/*         </h3> */}
+      {/*         <div className="text"> */}
+      {/*           Quisque euismod nec lacus sit amet maximus. Ut convallis sagittis lorem auctor malesuada. */}
+      {/*           Morbi auctor tortor eu risus condimentum. */}
+      {/*         </div> */}
+      {/*         <a href="blog-single.html" className="btn-primary-line">Read More</a> */}
+      {/*       </div> */}
+      {/*     </div> */}
+      {/*   </div> */}
+      {/* </div> */}
+      {/* </section> */}
       {/* <!-- ***** Blog End ***** --> */}
 
       <Footer/>
diff --git a/src/pages/Home/_home.scss b/src/pages/Home/_home.scss
index 129f502..de370fb 100644
--- a/src/pages/Home/_home.scss
+++ b/src/pages/Home/_home.scss
@@ -273,6 +273,7 @@ home
 
 .parallax {
   min-height: 280px;
+  margin-bottom: 100px; // added temporarily till the blog section is included
   position: relative;
   background: url('../../../public/assets/images/parallax.jpg') center no-repeat;
   background-attachment: fixed;