This will take styles later

file.html

<header>
      <div class="holder">
          <div class="col-centred">
              <img class="logo" src="./img/IEEEMEC-Final.png" alt="IEEE SB | MEC">
            </div>
            <div class="col-centred">
              <h1>IEEE Student Branch</h1>
              <h2>Govt. Model Engineering College, Kochi</h2>
            </div>
            <div class="col-centred">
              Coming Soon
            </div>
      </div>
      
    </header>

    <section class="mec-logo">
        <img src="./img/MEC.png" alt="Model Engineering College, Kochi">
    </section>

    <footer>
        <div class="holder">
            <img src="./img/IEEE.png" alt="Institute of Electrical and Electronics Engineers">
        </div>
      
    </footer>

• The task is to make use of these file structures provided and to research what is done on Devs with the placement of content within the header.
• Also make use of the design with respect to the placement of the MEC logo at the footer section here. Make use of a similar structure here.
• Add social media links like on Devs

Extra details

• Also give emphasis to making it more responsive.
• Do not use bootstrap or any other style library for now.