Skip to content

This repository contains a responsive portfolio website built with HTML, CSS, and JavaScript, featuring sections for home, about, skills, work, and contact. It includes smooth scrolling, hover effects, and a mobile-friendly design.

Notifications You must be signed in to change notification settings

Akansha92/portfolio

Repository files navigation

Responsive Portfolio Website

This repository contains the source code for a responsive portfolio website, designed to showcase projects, skills, and personal information. The project is developed using HTML, CSS, and JavaScript.

Features

  1. Responsive Design

Fully optimized for devices of all screen sizes, including desktops, tablets, and mobile phones.

Adaptive layouts and images for seamless user experience.

  1. Dynamic Sections

Home: Introduction and personal branding.

About: Information about the developer, skills, and profile image.

Projects/Work: Showcase of projects with visuals and links.

Contact: Contact form and links to social media profiles.

  1. Interactive Animations

Hover effects and smooth scrolling transitions.

Animated navigation menu for smaller screens.

  1. Customizable

Easily update text, images, and links to tailor the portfolio to your needs.

Folder Structure

portfolio/ |-- assets/ | |-- css/ | | |-- style.css # Main stylesheet | |-- img/ # Image assets | | |-- <your_images> # All project and background images | |-- js/ | |-- main.js # JavaScript for interactivity | |-- index.html # Main HTML file

Getting Started

Prerequisites

A web browser for viewing the website.

A code editor (e.g., VS Code) for modifications.

Steps to Run Locally

Clone the Repository:

git clone https://github.com/Akansha92/portfolio.git

Navigate to the Project Folder:

cd portfolio

Open the index.html File in Your Browser: You can double-click the file or use a live server (e.g., with VS Code).

How to Customize

Update Images: Replace images in the assets/img folder with your own.

Ensure filenames match those referenced in index.html and style.css.

Change Content:

Modify text in index.html to reflect your personal details.

Add/remove projects in the "Work" section as needed.

Styling Adjustments:

Edit assets/css/style.css for custom colors, fonts, or layouts.

Interactive Behavior:

Enhance interactivity by updating assets/js/main.js.

Deployment

Deploy on GitHub Pages:

Push the code to your GitHub repository.

Enable GitHub Pages from the repository settings.

Select the branch (e.g., main) and save.

Access your portfolio using the GitHub Pages link.

Alternative Hosting:

Use platforms like Netlify, Vercel, or any hosting provider.

Contributing

If you'd like to contribute:

Fork the repository.

Create a new branch.

Make changes and test them.

Submit a pull request.

License

This project is licensed under the MIT License. You are free to use and modify it as per your requirements.

Acknowledgments

Inspired by various open-source portfolio templates.

Feel free to share feedback and suggestions!

About

This repository contains a responsive portfolio website built with HTML, CSS, and JavaScript, featuring sections for home, about, skills, work, and contact. It includes smooth scrolling, hover effects, and a mobile-friendly design.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published