Skip to content

priyatam19/priyatam19.github.io

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Priyatam Annambhotla - Portfolio Website

A modern, responsive one-page portfolio website showcasing professional skills, services, and projects.

🌟 Features

  • Responsive Design: Fully responsive layout that works seamlessly on desktop, tablet, and mobile devices
  • Modern UI/UX: Clean, professional design with smooth animations and hover effects
  • Semantic HTML: Properly structured HTML5 with accessibility in mind
  • Smooth Scrolling: Smooth scroll navigation between sections
  • Mobile Menu: Hamburger menu for mobile devices with smooth toggle animation
  • Contact Form: Functional contact form with form validation and success feedback
  • Performance Optimized: Fast loading with optimized CSS and JavaScript

📱 Sections

  1. Navigation Bar - Fixed header with smooth scroll navigation
  2. Hero Section - Eye-catching introduction with call-to-action buttons
  3. About Me - Personal background, skills, and statistics
  4. Services - Professional services offered with detailed descriptions
  5. Why Choose Me - Unique value propositions and differentiators
  6. Featured Projects - Portfolio showcase with project cards and technology tags
  7. Testimonials - Client feedback with star ratings
  8. Contact - Contact information and functional contact form
  9. Footer - Additional links and social media connections

🛠 Technologies Used

  • HTML5: Semantic markup for better accessibility and SEO
  • CSS3: Modern styling with Flexbox, Grid, and custom properties
  • JavaScript (ES6+): Interactive functionality and smooth animations
  • Font Awesome: Icon library for enhanced visual elements
  • Modern Web Standards: Progressive enhancement and graceful degradation

🚀 Getting Started

  1. Clone the repository:

    git clone https://github.com/priyatam19/priyatamannambhotla.github.io.git
    cd priyatamannambhotla.github.io
  2. Open in browser:

    • Simply open index.html in your web browser
    • Or serve with a local server:
      python3 -m http.server 8000
      # Then open http://localhost:8000 in your browser

📁 Project Structure

priyatamannambhotla.github.io/
├── index.html          # Main HTML file
├── styles.css          # CSS styles and responsive design
├── script.js           # JavaScript functionality
└── README.md           # Project documentation

🎨 Design Features

  • Color Scheme: Modern gradient backgrounds with purple and blue accents
  • Typography: Clean, readable fonts with proper hierarchy
  • Layout: CSS Grid and Flexbox for responsive layouts
  • Animations: Smooth transitions and hover effects
  • Mobile First: Responsive design approach starting from mobile

📱 Responsive Breakpoints

  • Mobile: < 768px
  • Tablet: 768px - 1024px
  • Desktop: > 1024px

⚡ Performance Features

  • Optimized Images: Placeholder images for fast loading
  • Minimal Dependencies: Lightweight codebase with minimal external dependencies
  • CSS Animations: Hardware-accelerated CSS animations for smooth performance
  • Progressive Enhancement: Core functionality works without JavaScript

🎯 Key Functionality

Navigation

  • Smooth scroll to sections
  • Active link highlighting
  • Mobile hamburger menu
  • Fixed header with background blur

Contact Form

  • Form validation
  • Success/error notifications
  • Responsive design
  • Accessible form elements

Interactive Elements

  • Hover effects on cards and buttons
  • Smooth animations on scroll
  • Project overlay effects
  • Back-to-top functionality

🔧 Customization

To customize this portfolio for your own use:

  1. Update Personal Information:

    • Edit the hero section content in index.html
    • Update contact information
    • Replace placeholder images with your own
  2. Modify Sections:

    • Add/remove services in the Services section
    • Update project cards with your own projects
    • Modify testimonials with real client feedback
  3. Styling:

    • Adjust colors in styles.css
    • Modify fonts and typography
    • Update spacing and layout as needed

📄 License

This project is open source and available under the MIT License.

🤝 Contributing

Contributions, issues, and feature requests are welcome! Feel free to check the issues page.

📞 Contact

Priyatam Annambhotla


⭐ Star this repository if you found it helpful!

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors