This is the personal portfolio website of Prayas Kar, showcasing my skills, services, and recent work. The website is built using HTML, CSS, and JavaScript with a focus on clean, modern design and responsive user experience.
- Responsive Layout: The website is fully responsive, providing an optimized experience across all devices (desktop, tablet, mobile).
- Smooth Scrolling: Each section of the page is linked with smooth scrolling.
- Aesthetic Design: Clean, modern UI with animations and transitions.
- Backend Development Focus: Highlights backend projects and related services.
- Custom Contact Form: Users can contact me via a customizable form.
- Home: An introduction to who I am and what I do, with a call-to-action button to explore my work.
- Services: A detailed description of the services I offer, including Backend Development, Professional Testing, and Database Management.
- Work: A showcase of recent projects such as Hotel Management System, Image Colorizer, EDTech, and Emergency Room Management.
- About: Information about my educational background and achievements.
- Reviews: Testimonials from clients and subscribers sharing their experiences working with me.
- Blog: Links to my latest blog posts related to technology and backend solutions.
- Contact: A contact form to get in touch for potential collaborations or inquiries.
- HTML5: Used for structuring the content and providing semantic tags.
- CSS3: For styling the website, including Flexbox and Grid for layout management.
- Bootstrap 5: For responsive grid layout and pre-styled components.
- JavaScript: For interactivity and dynamic content loading.
- AOS (Animate on Scroll): For smooth animations when scrolling through different sections.
Below is a screenshot of the portfolio website:
Here’s a basic overview of the file structure for this project:
.
├── assets/
│ ├── css/
│ │ ├── bootstrap.min.css
│ │ ├── aos.css
│ │ ├── line-awesome.min.css
│ │ └── style.css
│ ├── images/
│ │ ├── blog-post-1.jpg
│ │ ├── blog-post-2.jpg
│ │ ├── blog-post-3.jpg
│ │ ├── profilepic1.jpg
│ │ └── project-1.jpg
│ │ └── project-2.png
│ │ └── project-3.png
│ │ └── project-4.png
│ └── js/
│ ├── bootstrap.bundle.min.js
│ ├── aos.js
│ └── main.js
├── index.html
└── README.md
To run this project locally, follow these steps:
-
Clone the repository:
git clone https://github.com/hexcrystal69/portfolio.git
-
Navigate into the project directory:
cd portfolio
-
Open
index.html
in your preferred web browser to view the portfolio.open index.html
Note: This project does not require any server-side setup, as it is purely client-side.
You can view the website demo here: