a739e2708b
|
||
|---|---|---|
| README.md | ||
| experiences.html | ||
| hobbies.css | ||
| hobbies.html | ||
| interests.css | ||
| interests.html | ||
| main.css | ||
| main.html | ||
| main.scss | ||
| philosophy.html | ||
README.md
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.