component library

Hi! I am Harshita Daswani. I am currently learning html and css from neogcamp with Tanay Pratap. I am making this Component library as a live assignment. This is a component library created by her to better design each element. After creating this library she is going to use the components in her portfolio, blog and all projects created. This will ensure that all her projects have consistent themeing and styling.

@typography

H1 heading

H2 heading

H3 heading

H4 heading

H5 heading

H6 heading

"The quick brown fox jumps over the lazy dog" is an English-language pangram—a sentence that contains all of the letters of the English alphabet. Owing to its brevity and coherence, it has become widely known. The phrase is commonly used for touch-typing practice, testing typewriters and computer keyboards, displaying examples of fonts, and other applications involving text where the use of all letters in the alphabet is desired.

@containers

@fluid container

@center container

@links

@lists

unordered lists

• Item 1
• Item 2
• Item 3

unordered lists without bullets

• Item 1
• Item 2
• Item 3

inline lists

• Item 1
• Item 2
• Item 3

ordered lists

1. Item 1
2. Item 2
3. Item 3

reverse ordered lists

1. Item 1
2. Item 2
3. Item 3

@navs

Navigation is used on the top of the page and used to get to different pages

@header

heading inside a header tag

A section is used to separate parts of pages. In marketing websites you would have seen a header followed by sections of features, team, pricing, contact info etc.

normal section

@an off green section

@footer