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

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

Last synced: about 2 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/dev-sathya17/day12.a-guvi
• Owner: dev-sathya17
• Created: 2024-05-02T14:48:27.000Z (8 months ago)
• Default Branch: main
• Last Pushed: 2024-05-02T15:40:35.000Z (8 months ago)
• Last Synced: 2024-05-03T01:43:56.652Z (8 months ago)
• Language: HTML
• Size: 282 KB
• 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](./event-update-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 image for the form is located in the [assets folder](./assets/).

> - 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.

> - The input and label tags are styled using bootstrap form classes.

> - Shadows and rounded corners are added to the form to make it attractive.

---