Bootstrap-Portfolio

Table of contents

• Overview
  • The Challenge
  • Acceptance Criteria
  • Screenshot
  • Links
  • Built With
• Installation
• Licence
  • What I Learned
• Author

Overview

The Challenge

• To create a UX and Advanced CSS Bootstrap Portfolio that recreates my portfolio site.

Acceptance Criteria

• Create a new GitHub repositories and name it Bootstrap-Portfolio.
• Clone this repository to your computer.
• Inside your Bootstrap-Portfolio repo, create the folder structure for the webpage.
• Create a folder structure.
• Create a index.html.
• Create a css folder.
• Inside create a style.css file.
• Create an images folder.
• Place all your images in this folder.
• Using Bootstrap, recreate your portfolio site with the following items:
• The website should include the following bootstrap components:
• A Navigation bar
• A navigation menu at the top. Feel free to use bootstrap’s navbar or create your own.
• Include links that are applicable to your portfolio.
• Links should navigate to the appropriate sections
• A hero section
• A jumbotron featuring your picture, your name, and any other information you’d like to include.
• A work section
• A section displaying your work in grid.
• If you need to use placeholder image use: https://placehold.co/
• Use bootstrap cards for each project.
• The description should give a brief overview of the work. Each project will eventually link to your class project work!
• A skills section
• List out the skills you expect to learn from the bootcamp.
• An about / contact section.
• An “About Me” section in the same row.
• A footer section.
• All hyperlinks should have a hover effect.
• All buttons should display a box shadow upon hover.
• Your Bootstrap solution should minimize use of media queries.
• Deploy your new Bootstrap-powered portfolio to GitHub Pages.

Screenshot

Links

• Solution URL: (https://github.com/YTasheva/Bootstrap-Portfolio)
• Live Site URL: (https://ytasheva.github.io/Bootstrap-Portfolio/)

Built With

• Bootstrap-5
• HTML/CSS

Installation

• Download or clone the repository.

• Open the .HTML file through your web browser to view.

• Use Visual Studio Code or similar source-code editor to run the code.

Licence

What I Learned

• Code an HTML/CSS webpage using Bootstrap components.
• UX, UI and User Funnels
• The concept of content delivery networks (CDNs), specifically Bootstrap.
• How to use Bootstrap's built-in column media queries to control layouts.

Author

• Github - Yuliya Tasheva