Skip to content

knacketho/raghunathsawantprofile

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Raghunath Sawant - Professional Portfolio

A modern, responsive web portfolio showcasing Raghunath Sawant's expertise as a Cloud Architect and Consultant.

🌟 Features

  • 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

🚀 Live Demo

Visit: https://knacketho.github.io/raghunathsawantprofile/

📂 Project Structure

raghunathsawantprofile/
├── index.html          # Main HTML file
├── styles.css          # CSS styling
├── script.js           # JavaScript interactions
└── README.md           # This file

🛠️ Technologies Used

  • HTML5: Semantic markup
  • CSS3: Modern styling with CSS Grid, Flexbox, animations
  • JavaScript: Vanilla JS for interactions
  • Google Fonts: DM Sans and JetBrains Mono

📋 Sections

  1. Hero Section: Introduction with key stats
  2. About: Professional summary and philosophy
  3. Experience: Detailed work history timeline
  4. Skills: Technical expertise categorized by domain
  5. Certifications: Professional certifications and awards
  6. Contact: Contact information and interests

🎨 Design Features

  • 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

🚀 Deployment to GitHub Pages

Option 1: Using GitHub Web Interface

  1. Create a new repository named raghunathsawantprofile
  2. Upload all files (index.html, styles.css, script.js, README.md)
  3. Go to repository Settings → Pages
  4. Select main branch and / (root) folder
  5. Click Save
  6. Your site will be available at https://knacketho.github.io/raghunathsawantprofile/

Option 2: Using Git Command Line

# 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)

🔧 Customization

Changing Colors

Edit the CSS variables in styles.css:

:root {
    --bg-primary: #0a0e17;
    --accent-primary: #00d9ff;
    --accent-secondary: #00ffc8;
    /* ... other variables */
}

Updating Content

Edit the HTML content in index.html to update:

  • Personal information
  • Work experience
  • Skills
  • Certifications
  • Contact details

Modifying Animations

Adjust animation timing in styles.css:

:root {
    --transition-fast: 0.2s ease;
    --transition-normal: 0.3s ease;
    --transition-slow: 0.5s ease;
}

📱 Browser Support

  • Chrome (latest)
  • Firefox (latest)
  • Safari (latest)
  • Edge (latest)
  • Mobile browsers

🎯 Performance

  • No external JavaScript libraries (vanilla JS)
  • Optimized CSS with minimal reflows
  • Lazy loading support for future images
  • CSS-only animations where possible

📄 License

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

👤 Contact

Raghunath Sawant

🙏 Acknowledgments

  • 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

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published