https://github.com/ytasheva/bootstrap-portfolio

UX and Advanced CSS: Bootstrap Portfolio that recreates my portfolio site
https://github.com/ytasheva/bootstrap-portfolio

bootstrap-5 cdn-s css html ui ux

Last synced: about 1 month ago
JSON representation

UX and Advanced CSS: Bootstrap Portfolio that recreates my portfolio site

• Host: GitHub
• URL: https://github.com/ytasheva/bootstrap-portfolio
• Owner: YTasheva
• License: mit
• Created: 2023-11-09T22:59:40.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-02-05T03:11:07.000Z (about 1 year ago)
• Last Synced: 2025-01-06T02:44:03.738Z (about 1 month ago)
• Topics: bootstrap-5, cdn-s, css, html, ui, ux
• Language: HTML
• Homepage: https://ytasheva.github.io/Bootstrap-Portfolio/
• Size: 60.9 MB
• Stars: 1
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Bootstrap-Portfolio

## Table of contents

- [Overview](#overview)

  - [The Challenge](#the-challenge)

  - [Acceptance Criteria](#acceptance-criteria)

  - [Screenshot](#screenshot)

  - [Links](#links)

  - [Built With](#built-with)

- [Installation](#installation)

- [Licence](#licence)

  - [What I Learned](#what-i-learned)

- [Author](#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](https://github.com/YTasheva)