[UI] Create gallery for Home page

[Waishnav]

Create a responsive Gallery section according to the given design.

• Make sure to make changes to the folder(directory) containing index.html, gallery.css, and gallery.js

• Do follow this approach, For the gallery section images, images will be loaded from the gallery.json by using fetch API, This will help us, to add the latest and recent pictures of events that happened in the hostel. JSON will include image data in the following format.

{ "images" : [
      {
        "date" : "15 August 2022",
        "category": "event-photos",
        "image_link": "/assets/gallery/15-august-22-celebration-1.png",
      },
      {
        "date" : "09 Sept 2022",
        "category": "hostel-images",
        "image_link": "/assets/gallery/hostel-front-gate.png",
      }
  ]
}

For Mobile responsiveness, We will share the layout once the design team comes up with a new idea.
Also, new layout/UI ideas are appreciated so do share them with us before implementing.

Image for reference :

• Layout-image

[Priyansh61]

Hey @Waishnav i would like to work on this..