Skip to content

This portfolio website showcases Prayas Kar’s skills and projects using HTML, CSS, and JavaScript, featuring a responsive design, smooth scrolling, and dynamic content interactions.

Notifications You must be signed in to change notification settings

HexCrystal69/Portfolio_Template

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 

Repository files navigation

Basic - Portfolio

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.

Features

  • 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.

Sections

  • 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.

Technologies Used

  • 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.

Screenshot

Below is a screenshot of the portfolio website:

Screenshot (57)

Screenshot (58)

Screenshot (59)

Screenshot (60)

File Structure

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

Installation

To run this project locally, follow these steps:

  1. Clone the repository:

    git clone https://github.com/hexcrystal69/portfolio.git
  2. Navigate into the project directory:

    cd portfolio
  3. 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.

Preview

You can view the website demo here:

Live Demo

About

This portfolio website showcases Prayas Kar’s skills and projects using HTML, CSS, and JavaScript, featuring a responsive design, smooth scrolling, and dynamic content interactions.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published