https://github.com/hsnice16/week-two-assignment

components built using HTML5 and CSS3 only, to practice Flex-box and Positioning exercise, neogCamp
https://github.com/hsnice16/week-two-assignment

css3 html5

Last synced: about 1 month ago
JSON representation

components built using HTML5 and CSS3 only, to practice Flex-box and Positioning exercise, neogCamp

• Host: GitHub
• URL: https://github.com/hsnice16/week-two-assignment
• Owner: hsnice16
• Created: 2022-01-19T08:26:11.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2022-01-22T21:10:28.000Z (over 4 years ago)
• Last Synced: 2025-01-11T16:14:44.297Z (over 1 year ago)
• Topics: css3, html5
• Language: HTML
• Homepage: https://week-two-assignment.netlify.app/
• Size: 763 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
## Week Two Assignment

### components built using HTML5 and CSS3 only

Built to practice Flex-box and Positioning exercise, [neogCamp](https://neog.camp/)

#### You will find these components in this project

- [Badge](#badge)

- [Cards](#cards)

- [Chips](#chips)

- [Dialog](#dialog)

- [Drawer](#drawer)

- [Header](#header)

- [Snackbar](#snackbar)

- [Tabs](#tabs)

---

UI of the components

### Badge

![badge component PNG](assets/pngs/badge.PNG)

### Cards

![card component row 1 PNG](assets/pngs/card-r1.PNG)

![card component row 2 PNG](assets/pngs/card-r2.PNG)

![card component row 3 PNG](assets/pngs/card-r3.PNG)

### Chips

![chips component PNG](assets/pngs/chips.PNG)

### Dialog

![dialog component PNG](assets/pngs/dialog.PNG)

### Drawer

![drawer component PNG](assets/pngs/drawer.PNG)

### Header

![header component PNG](assets/pngs/header.PNG)

### Snackbar

![snackbar component PNG](assets/pngs/snackbar.PNG)

### Tabs

![tabs component PNG](assets/pngs/tabs.PNG)