Skip to content

atharao/portfolio

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

18 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Portfolio Website

This repository contains the Source code for portfolio website.

Feel free to explore the live version of portfolio website to see the actual content and animations

Here

Overview

The portfolio website is designed using HTML, CSS, and JavaScript. It showcases profile, services, skills, portfolio, experience, and client testimonials.

Technologies Used

  • HTML: Used for structuring the content of the website.
  • CSS: Used for styling and layout of the website components.
  • JavaScript: Used to add interactive behaviors and animations to the website.
  • Bootstrap: Used for responsive design, layout components, and styling.
  • AOS Library (Animate On Scroll): Used for adding scroll animations to elements.
  • Font Awesome Icons: Used for adding icons to the website.
  • Google Fonts: Used for custom typography.
  • Formspree: Used for the contact form to collect user messages.
  • Various Images: Used for illustrations, avatars, and portfolio items.

Website Structure

  • Header Navigation: Provides navigation links to different sections of the website.
  • Hero Section: Displays a welcoming message, my name, title, and an avatar.
  • About Section: Presents a brief introduction about me, including personal details and a description of skills.
  • Services Section: Showcases the services offered by me, including web design, graphic design, UI/UX, and app development.
  • Skills Section: Highlights my skill set with progress bars indicating proficiency levels in HTML5, CSS3, JavaScript, React, Python, Flask, MySQL, and Photoshop.
  • Portfolio Section: Displays a grid of portfolio items, each linked to a relevant project or website.
  • Experience Section: Lists my work experience in different fields, including UI/UX design, app development, web design, and full stack development.
  • Testimonials Section: Includes client testimonials with names, titles, and profile images.
  • Contact Section: Provides a contact form for users to get in touch with me, along with contact information and social media links.

Usage

  1. Clone or download this repository.
  2. Open the index.html file in a web browser to view the portfolio website.