Web Programming with Python and JavaScript

/Files List/

1. Index.html
2. professional.html
3. casual.html
4. dream-closet.html
5. styles.css
6. newstyles.scss
7. newstyles.css
8. readme.md-------->this File
9. logo_transparent.png

ABOUT This project is about Womens fashion. The two categories; Professional and Casual. I chose this topic because I am a woman and we all love fashion. I love Fashion. I have used all required properties , selectors among many others for all the files. Each file is media responsive such that they are easily visible on smaller screens as well as larger screens.I have included a footer with my name on it for each file too. Also, every file has a navbar such that you can navigate from each html file to and from.

1. INDEX.html This file has my homepage where i have the navbar for navigation around the four html pages i have used in this project.It has an introduction/welcome message and an image.I have styled this file with styles.css

2. PROFESSIONAL.html This file is all about the professional outfits and the various categories;Business Professional, Business formal,business casual and casual. I have used bootstrap grids for each of the categories and each has an image alongside it.Also, i included bootstrap components on the intro alert message. I have styled this file with styles.css.

3. CASUAL.html This file is about the casual looks and outfits. I divided the categories uisng different weather seasons namely; Summer,Winter,Spring and Fall. There are no images in this file.I have styled this file using newstyles.scss where i used sass nesting and inheritance together with more basic css styling properties.

4. DREAM-CLOSET.html This file is all about images inspired by the professional and Casual looks/outfits. I would have had a million images on there but i chose a few which would serve their purpose accordingly. This file is styled by newstyles.scss.

5. 6. 7.----> styles.css newstyles.scss newstyles.class This are styling files for all html files. I have used a very good number of all required properties and selectors.

6. logo_transparent.png This is the logo image i used for the navbar in all the files.