Caroline J. France
Last updated on 29 November 2022

portfolio1

• Created as an assignment for MiT's FSD Course, Section 1 (JS, CSS, Bootstrap, HTML)
• Exercises on Separate Repositories: Eye-Exercise, PacMen-Exercise, Real-Time-Bus-Tracker

SOURCE CODE

MiT xPro's Professional Certificate in Coding: Full Stack Development with MERN

• The code for exercises linked on projects.html was created by MiT faculty designers of this course (August 2022 cohort).

Bootstrap navbar and cards

• Navbar text with an inline element

  • I modified the .navbar-light default CSS by changing the font size, color, background color, and link styles (highlighted hover)
  • The navbar is used on cjfrance.html and projects.html

• Cards

  • The cards are used on projects.html

Project Description

Portfolio 1 is an front-end web development assignment for MiT's FSD Course, Section 1 (JS, CSS, Bootstrap, HTML). The source code for the three exercises (linked on projects.html) was provided by the MiT course designers. However, I modified some of the CSS on these pages.

I created the files in this repository using JS, CSS, Bootstrap, HTML.

How to Locally Run Portfolio 1

From this Portfolio 1 repository, download the following files:

• cjfrance.html
• contact.html
• projects.html
• CSS/style-contact.css
• CSS/style-grid-landing.css
• CSS/style-newBSnav.css
• CSS/style-recycle.css ** The style-recycle.css styles are used on multiple pages.
• IMG/CJF-AFSDJ.png
• IMG/CjFrance.jpg
• IMG/CJwater.jpg
• IMG/Eye-Exercise.png
• IMG/icon-github-green.png
• IMG/icon-linkedin-green.png
• IMG/PacMen-Exercise.png
• IMG/Real-Time-Bus-Tracker.png

Next, once the files are downloaded, open cjfrance.html in a browser window.

Future Improvements

I have some redesign ideas for this project.

• I hard coded some elements with absolute positioning. However, I will adjust the code to make it responsive, so it appears correctly on any screen, instead of only lining up on my MacBook Pro.

License

MIT License

Copyright (c) 2020 John Williams

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.