https://github.com/dev-sathya17/day12.b-guvi

https://github.com/dev-sathya17/day12.b-guvi

Last synced: about 2 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/dev-sathya17/day12.b-guvi
• Owner: dev-sathya17
• Created: 2024-05-02T14:50:38.000Z (8 months ago)
• Default Branch: main
• Last Pushed: 2024-05-02T15:42:14.000Z (8 months ago)
• Last Synced: 2024-05-03T02:07:30.296Z (8 months ago)
• Language: HTML
• Size: 1.24 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Day 12-GUVI

> **Replicating a responsive layout using BootStrapCSS**  

> [Source Image](./events-home-page.jpg)  

> [Source Code](./index.html)  

> Explanation:

>

> - The [index.html](./index.html) file is where the skeleton of the webpage is coded.

> - A [_styles.css_](./css/styles.css) file is added in a folder named [css](./css/) for better readability. This file contains the custom css added to the web page.

> - The images for all the cards are located in the [assets folder](./assets/).

> - To make the search bar more user-friendly, a search icon has been added from fontAwesome icons.

> - The search bar is styled using css.

> - Bootstrap classes are used to design a responsive layout of the sample image.

> - These classes are added to the tags at places to achieve the desired design.

> - Shadows and rounded corners are added to the cards to make them look simple yet professional.

---