https://github.com/kpanesar88/personal-neon-website-frontend
A modern and customizable neon portfolio template designed to highlight your work and skills. Built with HTML, CSS, and JavaScript, this template features a responsive layout, sleek design, and sections for projects, about, and contact. Perfect for creating a professional online presence.
https://github.com/kpanesar88/personal-neon-website-frontend
git html-css-javascript
Last synced: 3 months ago
JSON representation
A modern and customizable neon portfolio template designed to highlight your work and skills. Built with HTML, CSS, and JavaScript, this template features a responsive layout, sleek design, and sections for projects, about, and contact. Perfect for creating a professional online presence.
- Host: GitHub
- URL: https://github.com/kpanesar88/personal-neon-website-frontend
- Owner: kpanesar88
- Created: 2024-07-31T02:19:01.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-08-10T10:10:48.000Z (almost 2 years ago)
- Last Synced: 2025-10-05T04:28:50.417Z (9 months ago)
- Topics: git, html-css-javascript
- Language: CSS
- Homepage:
- Size: 4.05 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Personal Neon Website Frontend
Welcome to the **Personal Neon Website Frontend** repository! This project is a vibrant and modern personal website showcasing various sections including a home page, education timeline, projects, testimonials, and a contact form.
## Table of Contents
- [Project Overview](#project-overview)
- [Features](#features)
- [Installation](#installation)
- [Usage](#usage)
- [Resources](#resources)
## Project Overview
The **Personal Neon Website Frontend** is designed to create a visually appealing and interactive personal website. It features a neon-themed design with dynamic sections that highlight various aspects of your professional and personal life.
## Features
- **Dynamic Navigation**: A responsive navigation bar that adapts to different screen sizes.
- **Home Section**: Introduction with animated text.
- **Education Timeline**: A vertical timeline to showcase educational background.
- **Projects**: Grid layout displaying various projects.
- **Testimonials**: Section for client or peer testimonials with interactive elements.
- **Contact Form**: A form to allow visitors to get in touch.
- **Responsive Design**: Mobile-first design ensuring compatibility across various devices.
## Installation
To get started with this project locally, follow these steps:
1. **Clone the Repository**
```bash
git clone https://github.com/kpanesar88/personal-neon-website-frontend.git
Navigate to the Project Directory
bash
Copy code
cd personal-neon-website-frontend
Open the Project
Open the index.html file in your browser or use a local server to view the website.
## Usage
Customizing Content
Modify the HTML files in the src folder to update content and structure.
Update styles in the styles.css file to adjust the design and appearance.
Deploying the Website
Upload the contents of the personal-neon-website-frontend folder to your web server or hosting service.
## Resources
- cat1.img : [Photo by Craig Adderley](https://www.pexels.com/photo/close-up-photo-of-black-cat-1715092/)
- cat2.img : [Photo by Alexas Fotos](https://www.pexels.com/photo/orange-cat-on-focus-photography-2173872/)
- dog.jpg : [Photo by Khoa Võ](https://www.pexels.com/photo/adorable-little-puppy-of-purebred-dog-5321441/)
- rabbit.jpg : [Photo by Alexas Fotos](https://www.pexels.com/photo/close-up-shot-of-a-rabbit-7408291/)
- Insipration : [Youtube Video](https://www.youtube.com/watch?v=UqHILyzcULE)