A modern, responsive one-page portfolio website showcasing professional skills, services, and projects.
- 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
- Navigation Bar - Fixed header with smooth scroll navigation
- Hero Section - Eye-catching introduction with call-to-action buttons
- About Me - Personal background, skills, and statistics
- Services - Professional services offered with detailed descriptions
- Why Choose Me - Unique value propositions and differentiators
- Featured Projects - Portfolio showcase with project cards and technology tags
- Testimonials - Client feedback with star ratings
- Contact - Contact information and functional contact form
- Footer - Additional links and social media connections
- 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
-
Clone the repository:
git clone https://github.com/priyatam19/priyatamannambhotla.github.io.git cd priyatamannambhotla.github.io -
Open in browser:
- Simply open
index.htmlin your web browser - Or serve with a local server:
python3 -m http.server 8000 # Then open http://localhost:8000 in your browser
- Simply open
priyatamannambhotla.github.io/
├── index.html # Main HTML file
├── styles.css # CSS styles and responsive design
├── script.js # JavaScript functionality
└── README.md # Project documentation
- 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
- Mobile: < 768px
- Tablet: 768px - 1024px
- Desktop: > 1024px
- 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
- Smooth scroll to sections
- Active link highlighting
- Mobile hamburger menu
- Fixed header with background blur
- Form validation
- Success/error notifications
- Responsive design
- Accessible form elements
- Hover effects on cards and buttons
- Smooth animations on scroll
- Project overlay effects
- Back-to-top functionality
To customize this portfolio for your own use:
-
Update Personal Information:
- Edit the hero section content in
index.html - Update contact information
- Replace placeholder images with your own
- Edit the hero section content in
-
Modify Sections:
- Add/remove services in the Services section
- Update project cards with your own projects
- Modify testimonials with real client feedback
-
Styling:
- Adjust colors in
styles.css - Modify fonts and typography
- Update spacing and layout as needed
- Adjust colors in
This project is open source and available under the MIT License.
Contributions, issues, and feature requests are welcome! Feel free to check the issues page.
Priyatam Annambhotla
- Email: priyatam@vt.edu
- LinkedIn: Priyatam Annambhotla
- GitHub: priyatam19
- Instagram: .priyatam.
⭐ Star this repository if you found it helpful!