<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Government Technical College Ado Soba/News</title>
  <link rel="stylesheet" href="main.css">
  <link rel="icon" type="image/x-icon" href="images/schoollogo.png">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css" />
  <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css" />
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
    integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
  <!--Import Bootstrap 5-->
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
    integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
    crossorigin="anonymous"></script>
  <script src="https://code.jquery.com/jquery-3.7.1.min.js"
    integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
  <style>
     
    #blog-container {
       
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-gap: 22rem;
      padding: 4vw;
      padding-top: 7rem;
    }


    #blog-container a {
      text-decoration: none;
    }

    #blog-container .top-hr {
      width: 95%;
    }

    .news-h1 {
      text-align: center;
      font-size: 220%;
      font-weight: bold;
      padding-top: 9rem;
    }

    #blog-container p {
      width: 95%;
      text-align: justify;
    }

    #blog-container img {
      width: 18rem;
      height: 30vh;
    }

    #blog-container .cate {
      
      margin-top: 5rem;
    }
.news-year{
  color: rgb(0, 0, 107);

}
    #blog-container.blogs .post {
      color: #29303b;
      padding: 15px 0 10px 0;
    }

    .read {
      color: rgb(0, 0, 107);
      text-decoration: none;
      font-size: 0.8rem;
      font-weight: 600;
      text-align: center;
      line-height: 4rem;
    }

    .nn-top {
      font-weight: bold;
      margin-bottom: 1rem;
    }
    @media (max-width: 1466px){
  
      #blog-container {
       
       display: grid;
       grid-template-columns: 1fr 1fr;
       grid-gap: 47rem;
       padding: 4vw;
       padding-top: 7rem;
     }
 
 
     #blog-container a {
       text-decoration: none;
     }
 
     #blog-container .top-hr {
       width: 95%;
     }
 
     .news-h1 {
       text-align: center;
       font-size: 220%;
       font-weight: bold;
       padding-top: 9rem;
     }
 
     #blog-container p {
       width: 95%;
       text-align: justify;
     }
 
     #blog-container img {
       width: 18rem;
       height: 30vh;
     }
 
     #blog-container .cate {
       
       margin-top: 5rem;
     }
 .news-year{
   color: rgb(0, 0, 107);
 
 }
     #blog-container.blogs .post {
       color: #29303b;
       padding: 15px 0 10px 0;
     }
 
     .read {
       color: rgb(0, 0, 107);
       text-decoration: none;
       font-size: 0.8rem;
       font-weight: 600;
       text-align: center;
       line-height: 4rem;
     }
 
     .nn-top {
       font-weight: bold;
       margin-bottom: 1rem;
     }
    }
    @media (max-width: 1200px){
  
  #blog-container {
   
   display: grid;
   grid-template-columns: 1fr 1fr;
   grid-gap: 22rem;
   padding: 4vw;
   padding-top: 7rem;
 }


 #blog-container a {
   text-decoration: none;
 }

 #blog-container .top-hr {
   width: 95%;
 }

 .news-h1 {
   text-align: center;
   font-size: 220%;
   font-weight: bold;
   padding-top: 9rem;
 }

 #blog-container p {
   width: 95%;
   text-align: justify;
 }

 #blog-container img {
   width: 18rem;
   height: 30vh;
 }

 #blog-container .cate {
   
   margin-top: 5rem;
 }
.news-year{
color: rgb(0, 0, 107);

}
 #blog-container.blogs .post {
   color: #29303b;
   padding: 15px 0 10px 0;
 }

 .read {
   color: rgb(0, 0, 107);
   text-decoration: none;
   font-size: 0.8rem;
   font-weight: 600;
   text-align: center;
   line-height: 4rem;
 }

 .nn-top {
   font-weight: bold;
   margin-bottom: 1rem;
 }
}
    /* Ipad Begins */
    @media (max-width: 769px){
      #blog-container {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 22rem;
    padding: 18vw;
    padding-top: 7rem;
  }
      #blog-container .top-hr {
      width: 100%;
    }
  .news-h1{
   padding-top: 9rem;
  }
  #blog-container .cate{
    margin-top: -22rem;
  }
  
    #blog-container img {
      width: 30rem;
      height: 30vh;
    }
 #blog-container p {
      width: 100%;
      text-align: justify;
    }
    }
    /* Ipad End */
    @media (max-width: 475px){
      #blog-container {
      display: grid;
      grid-template-columns: 1fr;
    
      padding: 10%;
      padding-top: 5rem;
    }
    #blog-container .cate{
      margin-top: -22rem;
    }
    .news-h1 {
      text-align: center;
      font-size: 220%;
      font-weight: bold;
      padding-top: 9rem;
    }
    #blog-container img {
      width: 18rem;
      height: 30vh;
    }
    nav img{
    width: 102px;
  }
   #blog-container p {

      width: 100%;

      text-align: justify;
    }
        #blog-container .top-hr {
      width: 100%;
    }
    }
    



    
  </style>
</head>
<!--Navigation -->
<nav>
  <img src="images/schoollogo.png" alt="schoollogo">
  <h6 class="gtc">Government Technical College Ado-Soba</h6>
  <div class="navigation">
    <ul>
      <i id="menu-close" class="fas fa-times"></i>
      <li><a href="index.html">Home</a></li>
      <li><a href="About.html">About</a></li>
      <li><a class="active"  href="news.html">News</a></li>
      <li><a href="Sections.html">Sections</a></li>
      <li><a href="Admission.html">Admission</a></li>
      <li><a href="Contacts.html">Contacts</a></li>
    </ul>
    <img id="menu-btn" src="images/menu button.png" alt="">
  </div>
</nav>
</div>
</nav>

<h1 class="news-h1">
 News
</h1>
<h2>

</h2>
  <section id="blog-container">
    <div class="blogs">
      <div class="post">
        <div class="bo-img">
          <h3>Latest News</h3>
         <a href="Parent forum readmore.html">
         <div class="ne">
          
           <h4 class="news-year">
             2024
           </h4>
          <div id="carouselExampleFade" class="carousel slide carousel-fade" data-bs-ride="carousel">
             
            <div class="carousel-inner">
              <div class="carousel-item active">
                <img class="bo-img" src="images/parent forum 1.jpg" class="d-block w-100" alt="...">
              </div>
              <div class="carousel-item">
                <img class="bo-img" src="images/parent forum 2.jpg" class="d-block w-100" alt="...">
              </div>
              <div class="carousel-item">
                <img class="bo-img" src="images/parent forum 3.jpg" class="d-block w-100" alt="...">
              </div>
              <div class="carousel-item">
                <img class="bo-img" src="images/parent forum 4.jpg" class="d-block w-100" alt="...">
              </div>
              <div class="carousel-item">
                <img class="bo-img" src="images/parent forum 5.jpg" class="d-block w-100" alt="...">
              </div>
              <div class="carousel-item">
                <img class="bo-img" src="images/parent forum 6.jpg" class="d-block w-100" alt="...">
              </div>
            </div>
          </div>
         </a>
        </div>
        <div class="nn-date">
          <i class="fa fa-calendar-alt">November 0, 24</i>
        </div>
        <p class="nn-top">
          Highlights from the parent forum at. <br>
          Government Technical College Ado Soba. <br>

        </p>
        <hr class="top-hr">
        <p class="nn-wr">
          Held an engaging Parent Forum, bringing
          together parents of students accross Tech 1,
          Tech 2, and Tech 3. It was a great oppurnity
          to review student academics performance
          refresh on school rules, and discuss crucial
          topics like career oppurnities, SIWES...
        </p>

        <a class="read" href="Parent forum readmore.html">Read More <i class="fa fa-arrow-right"></i></a>
         </div>
        <a href="Teacher day readmore.html">
          <div id="carouselExampleFade" class="carousel slide carousel-fade" data-bs-ride="carousel">
            <div class="carousel-inner">
              <div class="carousel-item active">
                <img class="bo-img" src="images/teacher day 1.jpg" class="d-block w-100" alt="...">
              </div>
              <div class="carousel-item">
                <img class="bo-img" src="images/teaher day 2.jpg" class="d-block w-100" alt="...">
              </div>
              <div class="carousel-item">
                <img class="bo-img" src="images/teacher day 3.jpg" class="d-block w-100" alt="...">
              </div>
            </div>
        </a>
          </a>
          <div class="nn-date">
            <i class="fa fa-calendar-alt">November 0, 24</i>
          </div>
          <p class="nn-top">
            <a href="">LASTVEB </a>World Teacher's Day Celebration Themed
          </p>
          <hr class="top-hr">
          <p class="nn-wr">
            Valuing Teacher Voices: Towards a New Social
            Contract for Education," honoured the amazing
            of <a href="">Government Technical College Ado Soba...</a>
          </p>
          <a class="read" href="Teacher day readmore.html">Read More <i class="fa fa-arrow-right"></i></a>
        </div>
        <div id="carouselExampleFade" class="carousel slide carousel-fade" data-bs-ride="carousel">

          <a href="Principal Award readmore.html">
            <div class="carousel-inner">
              <div class="carousel-item active">
                <img class="bo-img" src="images/principal award 1.jpg" class="d-block w-100" alt="...">
              </div>
              <div class="carousel-item">
                <img class="bo-img" src="images/principal award 2.jpg" class="d-block w-100" alt="...">
              </div>
          </a>
        </div>
      </div></a>
      <div class="nn-date">
        <i class="fa fa-calendar-alt">September 0, 24</i>

      </div>
      <p class="nn-top">
        Celebrating Excellence: Alhaji Folarin
        Sukanmi Quadri Wins Outstanding Officer
        Award at the Lagos Public Service Week 2024
      </p>
      <hr class="top-hr">
      <p class="nn-wr">
        Congratulations to our esteemed Principal, Alhaji
        Folarin Sukanmi Quadri, for winning the Outstanding
        Officer Award (Senior Category) at the Lagos State...

      </p>
      <a class="read" href="Principal Award readmore.html">Read More <i class="fa fa-arrow-right"></i></a>
    </div>
  
    
      <div id="carouselExampleFade" class="carousel slide carousel-fade" data-bs-ride="carousel">
        <a href="Benedict jutice in Japan readmore.html">
          <div class="carousel-inner">
            <div class="carousel-item active">
              <img class="bo-img" src="images/benedict justice in japan 1.jpg" class="d-block w-100" alt="...">
            </div>
            <div class="carousel-item">
              <img class="bo-img" src="images/benedict justice in japan 2.jpg" class="d-block w-100" alt="...">
            </div>
            <div class="carousel-item">
              <img class="bo-img" src="images/benedict justice in japan 3.jpg" class="d-block w-100" alt="...">
            </div>

          </div>
        </a>
        <div class="nn-date">
          <i class="fa fa-calendar-alt">April 0, 24</i>
        </div>
        <p class="nn-top">
          Our Student, Benedict Justice from
          Government Technical College Ado Soba
        </p>
        <hr class="top-hr">
        <p class="nn-wr">
          Who won the first position representing
          Lagos State and <a href="">LASTVEB</a> during
          2023 Nation JETS competition in Abuja is now in Japan...
        </p>
        <a class="read" href="Benedict jutice in Japan readmore.html">Read More <i class="fa fa-arrow-right"></i></a>
      </div>

      </div>

      </div>


      <div class="cate">
        <h2></h2>
       
        <div id="carouselExampleFade" class="carousel slide carousel-fade" data-bs-ride="carousel">
      <a href="Prefects readmore.html">
        <div class="carousel-inner">
          <div class="carousel-item active">
            <img class="bo-img" src="images/prefect 2024-2025 1.jpg" class="d-block w-100" alt="...">
          </div>
          <div class="carousel-item">
            <img class="bo-img" src="images/prefect 2024-2025 2.jpg" class="d-block w-100" alt="...">
          </div>
          <div class="carousel-item">
            <img class="bo-img" src="images/prefect 2024-2025 3.jpg" class="d-block w-100" alt="...">
          </div>
          <div class="carousel-item">
            <img class="bo-img" src="images/prefect 2024-2025 4.jpg" class="d-block w-100" alt="...">
          </div>
          <div class="carousel-item">
            <img class="bo-img" src="images/prefect 2024-2025 5.jpg" class="d-block w-100" alt="...">
          </div>
          <div class="carousel-item">
            <img class="bo-img" src="images/prefect 2024-2025 6.jpg" class="d-block w-100" alt="...">
          </div>
          <div class="carousel-item">
            <img class="bo-img" src="images/prefect 2024-2025 7.jpg" class="d-block w-100" alt="...">
          </div>
        </div>
      </a>
      <div class="nn-date">
        <i class="fa fa-calendar-alt">September 0, 24</i>

      </div>
      <p class="nn-top">
        INTRODUCING THE NEW STUDENT LEDADERS <br>
      </p>
      <hr class="top-hr">
      <p class="nn-wr">
        We are excited to announced the decoration
       the Student Representative Council for the
        2024/2025 Academic Session of <a href="">Government Technical College Ado Soba.</a>
        This council will serve as a platform...
        <br>
      </p>
      <a class="read" href="Prefects readmore.html">Read More <i class="fa fa-arrow-right"></i></a>
    </div>
    <div id="carouselExampleFade" class="carousel slide carousel-fade" data-bs-ride="carousel">

      <a href="Cleanup day readmore.html">
        <div class="carousel-inner">
          <div class="carousel-item active">
            <img class="bo-img" src="images/Cleanup Day 1.jpg" class="d-block w-100" alt="...">
          </div>
          <div class="carousel-item">
            <img class="bo-img" src="images/Cleanup Day 2.jpg" class="d-block w-100" alt="...">
          </div>
          <div class="carousel-item">
            <img class="bo-img" src="images/Cleanup Day 3.jpg" class="d-block w-100" alt="...">
          </div>
          <div class="carousel-item">
            <img class="bo-img" src="images/Cleanup Day 4.jpg" class="d-block w-100" alt="...">
          </div>
      </a>
    </div>
    <div class="nn-date">
      <i class="fa fa-calendar-alt">October 0, 24</i>

    </div>
    <p class="nn-top">
      We Did It! A Cleaner World Starts With Us!
      <hr class="top-hr">
      <p class="nn-wr">
        At <a href="">Government Technical College, Ado Soba.</a>
        We took action to celebrate World Cleanup
        Day with a successful community clean up...
      </p>
      <a class="read" href="Cleanup day readmore.html">Read More <i class="fa fa-arrow-right"></i></a>
      </div>
      <div id="carouselExampleFade" class="carousel slide carousel-fade" data-bs-ride="carousel">
        <a href="Debate Competition readmore.html">
          <div class="carousel-inner">
            <div class="carousel-item active">
              <img class="bo-img" src="images/Debate Competition 1.png" class="d-block w-100" alt="...">
            </div>
            <div class="carousel-item">
              <img class="bo-img" src="images/Debate Competition 2.jpg" class="d-block w-100" alt="...">
            </div>
          </div>
        </a>
        <div class="nn-date">
          <i class="fa fa-calendar-alt">July 0, 24</i>
        </div>
        <p class="nn-top">
          Government Technical College, Ado Soba
          won the 2024 intercollegiate Occupational
          Trade Debate Competition.
        </p>
        <hr class="top-hr">
        <p class="nn-wr">
          The competition featured all the five
          Government Technical Colleges in lagos state
        </p>
        <a class="read" href="Debate Competition readmore.html">Read More <i class="fa fa-arrow-right"></i></a>
      </div>
       <a class="" href="Events.html">See Also Our Events <i class="fa fa-arrow-right"></i></a>
      </div>
  </section>

  <footer>
    <div class="footer-col">
      <h4>INFORMATION</h4>
      <li>Contact</li>
      <li>About Us</li>
      <li>News</li>
      <li>Sections</li>
    </div>
    <div class="footer-col">
      <h4>USEFUL LINKS</h4>
      <li>Our College Team</li>
      <li>Admission</li>
      <li>Features</li>
      <li>Events</li>
    </div>

    <div class="footer-col">
      <h4>NEWSLETTER</h4>
      <p>Get latest updates offers </p>
      <div class="subscribe">
        <input type="text" placeholder="Your Email address">
        <br><a href="" class="yellow">SUBSCRIBE</a>

      </div>
    </div>

    <div class="footer-col">
      <h4>CONTACT</h4>
      <p>Address: <br> Government Technical College,<br> Ado-Soba,<br>Festac Extension, <br> Abule Ado Bus Stop
        <br>Lagos
        Badagary Expressway, lagos</p>
      <p>Phone: <br> +234 000 000 000 0000 <br> +234 000 000 000 0000</p>
      <p>Email: <br>governmentechnicalcollege <br> adosoba@gmail.com</p>
    </div>
    <div class="copyright">
      <p> Copyright ©2024 All Right Reserve Designed by <br></p>
      <di class="pro-linkss">
        <h4 class="copy-h4">FOLLOW US</h4>
        <a href=""><i class="fab fa-facebook-f"></i></a>
        <a href=""><i class="fab fa-twitter"></i></a>
        <a href=""><i class="fab fa-instagram"></i></a>
        <a href=""><i class="fab fa-youtube"></i></a>
        <a href=""><i class="fab fa-linkedin-in"></i></a>
    </div>
    </div>
  </footer>
  <script>
    $("#menu-btn").click(function () {
      $("nav .navigation ul").addClass("active")
    });

    $("#menu-close").click(function () {
      $("nav .navigation ul").removeClass("active")
    });
    
    document.addEventListener('contextmenu',(e) => {
            e.preventDefault()
            
            return false

        })
        document.addEventListener("keydown", function (event) { if (event.ctrlKey){ 
          event.preventDefault();
      }
      if(event.keyCode == 123) {
          event.preventDefault();
          }
          })
        document.addEventListener('Keydown',(e) => {
             if(e.ctrlKey || e.keyCode == 123){
                 e.stopPropagation()
                 e.preventDefault()
             }
            
            })
  </script>
</body>

</html>