- Table of Content
- Section 1 - Web Development Fundamentals
- Section 2 - Improved Styling with CSS
- Section 3 - Forms
- Section 4 - Transition
Section 1 - Web Development Fundamentals
i. Picture
ii. Anchor
This is my github projectiii. Video
v. Span, Strong, Inline Style
This Part is quite different than this part and this one is Strong and this part styled by css
vi. CSS basic rules
This is the example of font-size, font-family, background color, opacity, text-align, line-height
This is example of background image
Section 2 - Improved Styling with CSS
I. Flexbox
II. Grid
CHOCOLATE MOUSSE
20 mins
This delicious chocolate mousse will delight dinner guests of all ages!
SMOKED LAMB WITH RICE
120 mins
Want to feel like your favorite relative came over and made you dinner? This comfort meal of smoked lamb and rice will quickly become a weekend favorite!
GOAT CHEESE SALAD
25 mins
In addition to the full flavor of goat cheese, this salad includes kale, avocado, and farro to balance it out.
CHICKEN SANDWICH
45 mins
We've packed a lot into this one - shredded cabbage, carmalized onions, deep-fried chicken, chipotle mayo, half-sour pickles, and a toasted sesame bun will leave you thoroughly satisfied!
Section 3 - Forms
Transition
CLICK
HERE
My Website Style Guide
Color
Blue
#1B1DFA
Green
#24FA69
Red
#ED071E
Yellow
#FAF323
Fonts
Spectral
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
Roboto
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
Alegreya
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
Text Style
H1: Main page heading
- Font-weight: 700 (bold)
- Font-size: 26px
- Font-family: Roboto
H2: Subheading
- Font-weight: 500
- Font-size: 18px
- Font-family: Roboto
P: Paragraph text
- Font-weight: 400 (regular)
- Font-size: 14px
- Font-family: Roboto