developer-portfolio

Developer Portfolio

A clean, single-page portfolio website template built with plain HTML and CSS. It includes a hero section, about, skills, projects, and a contact form, all in one responsive layout.

Live Preview

Open index.html in any browser, or deploy the repo with GitHub Pages to get a live link.

Features

• Fixed navigation bar with smooth-scroll links to each section
• Hero section with a call-to-action button
• About section with a short bio
• Skills grid (Frontend, Backend, UI/UX, Tools)
• Projects grid to showcase your work
• Contact form (front-end only, no backend wired up yet)
• Fully responsive layout using a gradient theme

Tech Stack

• HTML5
• CSS3

No frameworks, build tools, or dependencies. It runs directly in the browser.

Project Structure

developer-portfolio/
├── index.html    # Page markup and content
├── style.css     # Styling and layout
├── LICENSE
└── README.md

Getting Started

1. Clone the repo:

   git clone https://github.com/vikash-kun/developer-portfolio.git

2. Open index.html directly in your browser, or use a local server (e.g. the VS Code Live Server extension) for auto-reload while editing.

Customization

To make this your own portfolio, edit index.html:

• Replace John Doe with your name in the <title> and hero section
• Update the About text with your own bio
• Edit the skills cards to match your actual skill set
• Replace the sample projects with your own, including links to live demos or repos
• Update the social links in the footer (GitHub, LinkedIn, Twitter/X)
• Adjust colors and fonts in style.css if you want a different look

Deploying with GitHub Pages

1. Go to the repo on GitHub, open Settings > Pages.
2. Under "Build and deployment", set the source to the main branch and / (root) folder.
3. Save, and GitHub will publish the site at https://vikash-kun.github.io/developer-portfolio/.

License

This project is licensed under the terms in the LICENSE file.