A modern, responsive web portfolio showcasing Raghunath Sawant's expertise as a Cloud Architect and Consultant.
- Modern Design: Clean, professional design with dark theme and cyan/teal accent colors
- Fully Responsive: Optimized for desktop, tablet, and mobile devices
- Smooth Animations: Engaging scroll animations and transitions
- Performance Optimized: Fast loading and efficient code
- SEO Friendly: Semantic HTML structure
Visit: https://knacketho.github.io/raghunathsawantprofile/
raghunathsawantprofile/
├── index.html # Main HTML file
├── styles.css # CSS styling
├── script.js # JavaScript interactions
└── README.md # This file
- HTML5: Semantic markup
- CSS3: Modern styling with CSS Grid, Flexbox, animations
- JavaScript: Vanilla JS for interactions
- Google Fonts: DM Sans and JetBrains Mono
- Hero Section: Introduction with key stats
- About: Professional summary and philosophy
- Experience: Detailed work history timeline
- Skills: Technical expertise categorized by domain
- Certifications: Professional certifications and awards
- Contact: Contact information and interests
- Typography: DM Sans for body text, JetBrains Mono for code/technical elements
- Color Scheme: Dark theme (#0a0e17) with cyan (#00d9ff) and teal (#00ffc8) accents
- Animations: Smooth fade-in effects, hover states, and scroll-triggered animations
- Grid Background: Animated grid pattern in hero section
- Responsive Navigation: Mobile-friendly hamburger menu
- Create a new repository named
raghunathsawantprofile - Upload all files (
index.html,styles.css,script.js,README.md) - Go to repository Settings → Pages
- Select
mainbranch and/ (root)folder - Click Save
- Your site will be available at
https://knacketho.github.io/raghunathsawantprofile/
# Initialize repository
git init
git add .
git commit -m "Initial commit: Professional portfolio website"
# Add remote and push
git remote add origin https://github.com/knacketho/raghunathsawantprofile.git
git branch -M main
git push -u origin main
# Enable GitHub Pages (do this via GitHub Settings → Pages)Edit the CSS variables in styles.css:
:root {
--bg-primary: #0a0e17;
--accent-primary: #00d9ff;
--accent-secondary: #00ffc8;
/* ... other variables */
}Edit the HTML content in index.html to update:
- Personal information
- Work experience
- Skills
- Certifications
- Contact details
Adjust animation timing in styles.css:
:root {
--transition-fast: 0.2s ease;
--transition-normal: 0.3s ease;
--transition-slow: 0.5s ease;
}- Chrome (latest)
- Firefox (latest)
- Safari (latest)
- Edge (latest)
- Mobile browsers
- No external JavaScript libraries (vanilla JS)
- Optimized CSS with minimal reflows
- Lazy loading support for future images
- CSS-only animations where possible
This project is open source and available under the MIT License.
Raghunath Sawant
- Email: [email protected]
- Phone: +91 839 073 1842
- LinkedIn: linkedin.com/in/raghunath-sawant
- Credly: credly.com/users/ragsaw
- Google Fonts for typography
- Design inspired by modern cloud computing aesthetics
- Built with attention to UI/UX best practices
"Technology, combined with the right techniques, is the ultimate enabler."
Last Updated: February 2026