32 lines
1.4 KiB
Markdown
Executable File
32 lines
1.4 KiB
Markdown
Executable File
# Project 0
|
|
|
|
Web Programming with Python and JavaScript
|
|
|
|
It is a project consisting of 5 pages with main being the homepage along with interests,hobbies,experiences,philosphy.
|
|
|
|
The Requirements of the projects are met accordingly:
|
|
|
|
Number of pages - 5
|
|
|
|
Every website has bootstrap buttons to navigate to all other pages excluding the mainpage which has hyperlinks.
|
|
|
|
There is an unordered list in interests, a table in hobbies and an image called "about me" in the main.
|
|
|
|
There are 3 seperate stylesheets for main,hobbies and interests.
|
|
|
|
The styelsheets have various properties like text-align,font-family,font-size,background-color,margin-top to name a few.
|
|
|
|
There are many classes that are used with "." .texts.
|
|
There are few ids that are used with "#" #me_image.
|
|
Some of the CSS selectors used are " " , " > ",":","::","," to name a few.
|
|
|
|
Hobbies stylesheet uses a @media query to look for max-width if it is shrinked a messsage is displayed saying the same.
|
|
|
|
Bootstrap 4 is used in experiences and philosophy pages where two columns variations are used in each of them i.e "col-3" and "col-6 col-md-4" as the grid model.
|
|
Bootstrap Component is used in interests,experiences,hobbies,philosophy as buttons that link all other pages.
|
|
|
|
main has a scss file that is compiled to give main.css
|
|
it contains variables like $first_color and so on.
|
|
#me_image is nested inside .texts
|
|
all the other pages links in main has inhertiance from %links.
|