<!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-container1 {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-gap: 22rem;
      padding: 20vw;
      padding-top: 7rem;
    }
    nav img{
    width: 102px;
  }

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

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

    #blog-container1 p {
      width: 100%;
      text-align: justify;
    }

    #blog-container1 img {
      width: 30rem;
      height: 40vh;
    }


    .news-year {
      color: rgb(0, 0, 107);

    }

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

    .read1 {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
    }

    .nn-top1 {
      font-weight: bold;
      margin-bottom: 1rem;
    }

    @media (max-width: 769px){
      #blog-container1 {
      padding-top: 10rem;
    }
    }
    @media (max-width: 475px){
    
        #blog-container1 img {
      width: 20rem;
      height: 40vh;
    }
    #blog-container1 {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-gap: 22rem;
      padding: 6vw;
      padding-top: 9rem;
    }
    }
    @media (max-width: 1466px){
      #blog-container1 {
      display: grid;
      grid-template-columns: 1fr 1fr;
 
      padding: 30vw;
      padding-top: 7rem;
    }
    }
    @media (max-width: 1200px){
      #blog-container1 {
      display: grid;
      grid-template-columns: 1fr 1fr;
 
      padding: 22vw;
      padding-top: 7rem;
    }
    }
  </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>

<body>
  <section id="blog-container1">
    <div class="blogs1">
      <div class="post1">
        <div class="bo-img1">


          <div class="ne1">
            <h4 class="news-year1">

            </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-img1" src="images/parent forum 1.jpg" class="d-block w-100" alt="...">
                </div>
                <div class="carousel-item">
                  <img class="bo-img1" src="images/parent forum 2.jpg" class="d-block w-100" alt="...">
                </div>
                <div class="carousel-item">
                  <img class="bo-img1" src="images/parent forum 3.jpg" class="d-block w-100" alt="...">
                </div>
                <div class="carousel-item">
                  <img class="bo-img1" src="images/parent forum 4.jpg" class="d-block w-100" alt="...">
                </div>
                <div class="carousel-item">
                  <img class="bo-img1" src="images/parent forum 5.jpg" class="d-block w-100" alt="...">
                </div>
                <div class="carousel-item">
                  <img class="bo-img1" src="images/parent forum 6.jpg" class="d-block w-100" alt="...">
                </div>
              </div>
            </div>

          </div>
          <div class="nn-date1">
            <i class="fa fa-calendar-alt">November 0, 24</i>
          </div>
          <p class="nn-top1">
            Highlights from the parent forum at.
            Government Technical College Ado Soba.

          </p>
          <hr class="top-hr1">
          <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
            (Student Industrial Work Experience Scheme),
            and punctuality, We emphisize jow students'
            attitudes towards time and discipline shape
            their success .The gathering also featured
            question and answer question
            <p>A highlight of the event was the esteemed
              guest appearence by the Lagos State Government
              Officer of the year (Senior Category)-our very
              own principal, Alhaji Folarin Sukanmi Quadri. His insights
              and dedication truly inspired every one</p>
            <p>We believe we can empower our students together
              and build a brighter future for every student</p>
          </p>

          <p class="read1">
            <a href="">Previous<i></i></a>
            <a href=""> Next<i></i></a>
          </p>

        </div>

      </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>
</body>

</html>