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.