/CS50w-Project0

This is project 0 of the course CS50w in which I designed a basic portfolio website using HTML, CSS, and SASS

Primary LanguageHTML

CS50w Project 0 (2018 version)

Web Programming with Python and JavaScript

This project is basic website which is made up of four different html pages and is styled using Sass.

Requirements

Alright, now it’s time to make your website your own. Design a personal webpage about yourself, one of your interests, or any other topic of your choice. The subject matter, look and feel, and design of the site are entirely up to you, subject to the following requirements:

  • Your website must contain at least four different .html pages, and it should be possible to get from any page on your website to any other page by following one or more hyperlinks.
  • Your website must include at least one list (ordered or unordered), at least one table, and at least one image.
  • Your website must have at least one stylesheet file.
  • Your stylesheet(s) must use at least five different CSS properties, and at least five different types of CSS selectors. You must use the #id selector at least once, and the .class selector at least once.
  • Your stylesheet(s) must include at least one mobile-responsive @media query, such that something about the styling changes for smaller screens.
  • You must use Bootstrap 4 on your website, taking advantage of at least one Bootstrap component, and using at least two Bootstrap columns for layout purposes using Bootstrap’s grid model.
  • Your stylesheets must use at least one SCSS variable, at least one example of SCSS nesting, and at least one use of SCSS inheritance.
  • In README.md, include a short writeup describing your project, what’s contained in each file, and (optionally) any other additional information the staff should know about your project.

Files

index.html

This file contains the landing page of the website.

project.html

This page contains some of the projects which I have done and and the skills i possess.

about.html

This page contains more information about me.

contact.html

This page is to contact me. It contains a form which can be used to contact me.

styles.scss

This is the Syntactically Awesome Style Sheet(Sass) file which contains all the styling I have done to the page.

styles.css

This is the file we get from the styles.scss file.

styles.css.map

This is the source map which will be generated when we use CSS Preprocessor like Sass.

Technologies used

  • HTML
  • CSS
  • Sass
  • Bootstrap
  • Git

 

💻   View Course here

▶️   View Live Demo here

 

Contribute

Contributions are always welcome! Please create a PR to contribute.

📝   License

This project is licensed under MIT license.

👨‍🚀   Show your support

Give a ⭐️ if this project helped you!