mocks.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="x-ua-compatible" content="ie=edge" />
    <meta
      name="description"
      content="FORESE is a student-run forum and an extension of the Placement cell. It empowers students and equips them with essential soft skills such as team management, interpersonal, and leadership skills useful for their careers.
    "
    />
    <meta name="viewport" content="width=device-width, initial-scale=1" />

    <title>FORESE - Mock Placements</title>
    <link rel="shortcut icon" type="image/x-icon" href="" />

    <!-- ========================= CSS here ========================= -->

    <!-- Boostrap CSS -->
    <link
      rel="stylesheet"
      href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.0.0-beta2/css/bootstrap.min.css"
    />

    <!-- LineIcons CSS -->
    <link rel="stylesheet" href="https://cdn.lineicons.com/3.0/lineicons.css" />

    <!-- Animate CSS -->
    <link
      rel="stylesheet"
      href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css"
    />

    <!-- Custom CSS -->
    <link rel="stylesheet" href="assets/css/main.css" />
  </head>

  <body>
    <!-- Preloader -->
    <div class="preloader">
      <div class="preloader-inner">
        <div class="preloader-icon">
          <span></span>
          <span></span>
        </div>
      </div>
    </div>
    <!-- End Preloader -->

    <!-- Start Header Area -->
    <header class="header navbar-area">
      <div class="container">
        <div class="row align-items-center">
          <div class="col-lg-12">
            <div class="nav-inner">
              <!-- Start Navbar -->
              <nav class="navbar navbar-expand-lg">
                <a class="navbar-brand" href="index.html"> </a>
                <button
                  class="navbar-toggler mobile-menu-btn"
                  type="button"
                  data-bs-toggle="collapse"
                  data-bs-target="#navbarSupportedContent"
                  aria-controls="navbarSupportedContent"
                  aria-expanded="false"
                  aria-label="Toggle navigation"
                >
                  <span class="toggler-icon"></span>
                  <span class="toggler-icon"></span>
                  <span class="toggler-icon"></span>
                </button>
                <div
                  class="collapse navbar-collapse sub-menu-bar"
                  id="navbarSupportedContent"
                >
                  <ul id="nav" class="navbar-nav ms-auto">
                    <li class="nav-item">
                      <a
                        href="index.html"
                        class="active"
                        aria-label="Toggle navigation"
                        >Home</a
                      >
                    </li>

                    <li class="nav-item">
                      <a href="about.html" aria-label="Toggle navigation"
                        >About</a
                      >
                    </li>
                    <li class="nav-item">
                      <a href="team.html" aria-label="Toggle navigation"
                        >Team</a
                      >
                    </li>
                    <li class="nav-item">
                      <a 
                          href="resources.html" 
                          aria-label="Toggle navigation"
                          >Resources</a
                          >
                    </li>
                    <li class="nav-item">
                      <a href="aptitude&gd.html" aria-label="Toggle navigation"
                        >Aptitude & GD</a
                      >
                    </li>
                    <li class="nav-item">
                      <a href="contact.html" aria-label="Toggle navigation"
                        >Contact</a
                      >
                    </li>
                  </ul>
                </div>
                <!-- navbar collapse -->
              </nav>
              <!-- End Navbar -->
            </div>
          </div>
        </div>
        <!-- row -->
      </div>
      <!-- container -->
    </header>
    <!-- End Header Area -->

    <!-- Start Breadcrumbs -->
    <div class="breadcrumbs">
      <div class="container">
        <div class="row align-items-center">
          <div class="col-lg-8 offset-lg-2 col-md-12 col-12">
            <div class="breadcrumbs-content">
              <h1 class="page-title">Mock Placements</h1>
              <ul class="breadcrumb-nav">
                <li><a href="index.html">Home</a></li>
                <li>Mock Placements</li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- End Breadcrumbs -->

    <div class="row">
      <div class="col-12">
        <div class="section-title">
          <br />

          <h2 class="wow fadeInUp" data-wow-delay=".4s">Mock Placements</h2>
          <p class="wow fadeInUp" data-wow-delay=".6s">
            The Mock Placements is FORESE's flagship event. This annual
            Preparatory event is set up exclusively for pre-final year students
            from all departments. Mock Placements provides a competitive
            environment for students and gives them insights into how actual
            placements will be conducted. This allows them to experience
            placements first-hand.
          </p>
          <br />
          <p>
            The technical abilities of approximately 900 pre-final year students
            are assessed each year by around 100 HRs and other technical
            executives from a variety of industries. To gauge the students'
            skill sets, they conduct a one-on-one interview along with a group
            discussion session. This directs students to improve their skills
            and makes them equipped for their actual placements that happen the
            following year.
          </p>
          <br />
          <p>
            Year after year, Mock Placements succeeds in equipping our students
            with the necessary skills and providing them with a rare opportunity
            for maximum exposure. In 2020, the Mock Placements saw an attendance
            of over 120 companies both online and offline despite the hindrances
            caused by COVID-19. FORESE along with the support of our college,
            <b>Sri Venkateswara College of Engineering</b> is very proud of our
            success with our flagship event in the past and is determined to
            provide better results each year.
          </p>
        </div>
      </div>
    </div>

    <h3 style="margin: 50px; text-align: center">Visiting Companies</h3>

    <div class="logo-container">
      <div class="logo">
        <img
          alt="Accenture"
          src="assets/images/company/accenture.svg"
          width="100"
          height="100"
        />
      </div>

      <div class="logo">
        <img
          alt="Capgemini"
          src="assets/images/company/capgemini.svg"
          width="100"
          height="100"
        />
      </div>

      <div class="logo">
        <img
          alt="Caterpillar"
          src="assets/images/company/caterpillar.svg"
          width="100"
          height="100"
        />
      </div>

      <div class="logo">
        <img
          alt="Cognizant"
          src="assets/images/company/cognizant.svg"
          width="100"
          height="100"
        />
      </div>

      <div class="logo">
        <img
          alt="Deloitte"
          src="assets/images/company/deloitte.svg"
          width="100"
          height="100"
        />
      </div>

      <div class="logo">
        <img
          alt="Doosan"
          src="assets/images/company/doosan.svg"
          width="100"
          height="100"
        />
      </div>

      <div class="logo">
        <img
          alt="Foxconn"
          src="assets/images/company/foxconn.svg"
          width="100"
          height="100"
        />
      </div>

      <div class="logo">
        <img
          alt="HCL"
          src="assets/images/company/hcl.svg"
          width="100"
          height="100"
        />
      </div>

      <div class="logo">
        <img
          alt="HTC"
          src="assets/images/company/htc.svg"
          width="100"
          height="100"
        />
      </div>

      <div class="logo">
        <img
          alt="Hyundai"
          src="assets/images/company/hyundai.svg"
          width="100"
          height="100"
        />
      </div>

      <div class="logo">
        <img
          alt="IBM"
          src="assets/images/company/ibm.svg"
          width="100"
          height="100"
        />
      </div>

      <div class="logo">
        <img
          alt="Infosys"
          src="assets/images/company/infosys.svg"
          width="100"
          height="100"
        />
      </div>

      <div class="logo">
        <img
          alt="Mahindra"
          src="assets/images/company/mahindra.svg"
          width="100"
          height="100"
        />
      </div>

      <div class="logo">
        <img
          alt="TVS"
          src="assets/images/company/tvs.svg"
          width="100"
          height="100"
        />
      </div>

      <div class="logo">
        <img
          alt="Wipor"
          src="assets/images/company/wipro.svg"
          width="100"
          height="100"
        />
      </div>

      <div class="logo d-lg-none d-md-none">
        <img
          alt="Zoho"
          src="assets/images/company/zoho.svg"
          width="100"
          height="100"
        />
      </div>
    </div>

    <section class="gallery">
      <h3 style="margin: 50px">Gallery</h3>
      <ul>
        <li>
          <img src="assets/images/gallery/gallery1.jpg" width="200" />
        </li>

        <li>
          <img src="assets/images/gallery/gallery2.jpg" width="200" />
        </li>

        <li>
          <img src="assets/images/gallery/gallery3.jpg" width="200" />
        </li>

        <li>
          <img src="assets/images/gallery/gallery4.jpg" width="200" />
        </li>

        <li>
          <img src="assets/images/gallery/gallery5.jpg" width="200" />
        </li>

        <li>
          <img src="assets/images/gallery/gallery6.jpg" width="200" />
        </li>

        <li>
          <img src="assets/images/gallery/gallery7.jpg" width="200" />
        </li>

        <li>
          <img src="assets/images/gallery/gallery8.jpg" width="200" />
        </li>

        <li>
          <img src="assets/images/gallery/gallery9.jpg" width="200" />
        </li>

        <li>
          <img src="assets/images/gallery/gallery10.jpg" width="200" />
        </li>

        <li>
          <img src="assets/images/gallery/gallery11.jpg" width="200" />
        </li>

        <li>
          <img src="assets/images/gallery/gallery12.jpg" width="200" />
        </li>

        <li>
          <img src="assets/images/gallery/gallery13.jpg" width="200" />
        </li>

        <li>
          <img src="assets/images/gallery/gallery14.jpg" width="200" />
        </li>

        <li>
          <img src="assets/images/gallery/gallery15.jpg" width="200" />
        </li>

        <li>
          <img src="assets/images/gallery/gallery16.jpg" width="200" />
        </li>

        <li>
          <img src="assets/images/gallery/gallery17.jpg" width="200" />
        </li>

        <li>
          <img src="assets/images/gallery/gallery18.jpg" width="200" />
        </li>
      </ul>
    </section>

    <!-- ========================= scroll-top ========================= -->
    <a href="#" class="scroll-top">
      <i class="lni lni-chevron-up"></i>
    </a>

    <!-- ========================= JS here ========================= -->

    <!-- Bootstrap JS -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.0.0-beta2/js/bootstrap.min.js"></script>

    <script src="assets/js/wow.min.js"></script>

    <!-- Custom JS -->
    <script src="assets/js/main.js"></script>
  </body>
</html>