Hide blog section, hide blog link on header

jackbouncy7 · Oct 20, 2024 · 6c410fc · 6c410fc
1 parent 5ff745f
commit 6c410fc
Show file tree

Hide file tree

Showing 3 changed files with 68 additions and 67 deletions.
diff --git 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
@@ -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
@@ -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;