extra

https://code.visualstudio.com/ (install)
https://github.com/ (Signup)
https://git-scm.com/downloads (install)
https://nodejs.org/en (install)
https://www.postman.com/ (install)
https://github.com/Aakashdeveloper (follow)

100Marks
> 20 Marks > Profile Website
> 20 Marks > Class Perf
> 60 Marks > Final project 
Design+Data+Api+Final Project

html  > Structure 
css > Design
bootstarp > Responsive Design
Javascript > logical

Nodejs + Express > Backend
Mongodb > Database
React > Frontend

Python > Backend

Extension
> vscode-icons
> live-server
> spell check

html > main tag wrapper
head > any linking with CSS or javascript
body> Everything visible on website


inline
> they start from in same line
> only take the space which is required
> a span img

block level
> always start from new line
> will take whole width of screen
> p div header


profile
----------------
Name
Image
Something about you
skills
hobbies
map
social link
footer

inline  > styletag> stylesheet


inline
{
    height:50px;
    width:30px;
}

styletag{
    height:80px;
    background:green;
    font-size:30px
}

stylesheet{
    width:90px;
    background:orange;
    display:flex
}

{
    height:50px;
    width:30px; 
    background:green;
    font-size:30px;
     display:flex
}

/////
TagName
a{

}

ClassName
> .
> If you want to target multiple elmenet with same property
> we can provide mulitple className to one tag

Id
> #
> if you want to target something unique
> only one id to one tag



https://forms.gle/akAVbHJUnEeFH91QA

position: absolute
positiin:relative 

https://www.w3schools.com/bootstrap/default.asp
bootstrap 3
xs < 768px
sm > 768px
md > 992px
lg > 1200px


bootstrap 4
col- < 576px
sm > 576px
md > 768px
lg > 992px
xl > 1200px

bootstrap 5
col- < 576px
sm > 576px
md > 768px
lg > 992px
xl > 1200px
xxl > 1400px


<!--Font Awsome-->
<script src="https://kit.fontawesome.com/c4338603d0.js" crossorigin="anonymous"></script>