https://github.com/codelikeagirl29/jane-doe-portfolio

Hyperskill project | Graduate Portfolio project | Frontend
https://github.com/codelikeagirl29/jane-doe-portfolio

course css frontend google-fonts html hyperskill javascript jetbrains

Last synced: about 2 months ago
JSON representation

Hyperskill project | Graduate Portfolio project | Frontend

• Host: GitHub
• URL: https://github.com/codelikeagirl29/jane-doe-portfolio
• Owner: CodeLikeAGirl29
• Created: 2024-11-14T22:40:50.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-11-14T23:20:05.000Z (over 1 year ago)
• Last Synced: 2025-03-05T17:16:33.376Z (over 1 year ago)
• Topics: course, css, frontend, google-fonts, html, hyperskill, javascript, jetbrains
• Language: CSS
• Homepage: https://codelikeagirl29.github.io/jane-doe-portfolio/
• Size: 1.27 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Jane Doe's Portfolio Website

This is a responsive portfolio website for showcasing Jane Doe's work as a frontend developer. The website includes an interactive layout with project showcases, a responsive navigation bar, and a contact section with social media links. Built with HTML, CSS, and JavaScript, the site provides an elegant and professional way to present projects and skills.

view it live [here](https://codelikeagirl29.github.io/jane-doe-portfolio/)

> built for [Hyperskill](https://hyperskill.org/projects/137?track=5)

## Features

- **Responsive Design**: The site is fully responsive, adapting to various screen sizes from desktop to mobile devices.

- **Hamburger Menu**: A hamburger menu is displayed on smaller screens to enhance navigation on mobile devices.

- **Project Showcases**: Displays project images and descriptions with pop-up modals for detailed project information.

- **About Section**: An about section introducing Jane Doe, with a professional headshot and a brief description.

- **Skills and Technologies**: A section listing Jane’s technical skills with relevant icons.

- **Contact Section**: Includes social media links with rounded, interactive icons.

- **Smooth Styling**: Uses Google Fonts and customized CSS for a modern, polished look.

## Technologies Used

- **HTML5**: Structure and content.

- **CSS3**: Styling, animations, and responsive design.

- **JavaScript**: Interactive elements, like the hamburger menu and modals.

- **Google Fonts**: Custom typography with the Montserrat font family.

## Screenshots

### Desktop View

![Desktop View](assets/screenshot.png)

### Mobile View with Hamburger Menu

![Mobile View](assets/responsive-screenshot.png)

## Installation

1. Clone the repository:

   ```bash

   git clone https://github.com/codelikeagirl29/jane-doe-portfolio.git

    ```