Skip to content

feat: Add Devicon icons and accessibility improvements #3

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
AkhilSaiLatchireddi merged 1 commit into from
Aug 26, 2025
Merged

feat: Add Devicon icons and accessibility improvements #3

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
103 changes: 52 additions & 51 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,7 @@
<title>Akhil Sai Latchireddi | Software Developer & CI/CD Specialist</title>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
<link rel="stylesheet" type='text/css' href="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/devicon.min.css" />
<link rel="canonical" href="https://akhilsailatchireddi.github.io/">
</head>
<body class="page-transition">
Expand All @@ -30,11 +31,11 @@ <h1>Akhil Sai Latchireddi</h1>
<p>Building robust applications with modern development practices and cloud-native technologies</p>
<div class="cta-buttons">
<a href="projects.html" class="cta-button">
<i class="fas fa-folder-open"></i>
<i class="fas fa-folder-open" aria-hidden="true"></i>
View My Projects
</a>
<a href="https://github.com/AkhilSaiLatchireddi" class="cta-button github" target="_blank" rel="noopener noreferrer">
<i class="fab fa-github"></i>
<i class="fab fa-github" aria-hidden="true"></i>
GitHub Profile
</a>
</div>
Expand All @@ -44,28 +45,28 @@ <h1>Akhil Sai Latchireddi</h1>
<div class="stats-grid">
<div class="stat-card">
<div class="stat-icon">
<i class="fas fa-code"></i>
<i class="fas fa-code" aria-hidden="true"></i>
</div>
<div class="stat-number">2+</div>
<div class="stat-label">Years of Experience</div>
</div>
<div class="stat-card">
<div class="stat-icon">
<i class="fas fa-project-diagram"></i>
<i class="fas fa-project-diagram" aria-hidden="true"></i>
</div>
<div class="stat-number">10+</div>
<div class="stat-label">Projects Completed</div>
</div>
<div class="stat-card">
<div class="stat-icon">
<i class="fas fa-tools"></i>
<i class="fas fa-tools" aria-hidden="true"></i>
</div>
<div class="stat-number">15+</div>
<div class="stat-label">Technologies Used</div>
</div>
<div class="stat-card">
<div class="stat-icon">
<i class="fab fa-github"></i>
<i class="fab fa-github" aria-hidden="true"></i>
</div>
<div class="stat-number">5+</div>
<div class="stat-label">Open Source Contributions</div>
Expand All @@ -80,8 +81,8 @@ <h2>Featured Projects</h2>
<div class="project-header">
<h3>Photo Vault</h3>
<div class="project-stats">
<span><i class="fab fa-node-js"></i> Node.js</span>
<span><i class="fas fa-cloud"></i> Cloud Storage</span>
<span><i class="fab fa-node-js" aria-hidden="true"></i> Node.js</span>
<span><i class="fas fa-cloud" aria-hidden="true"></i> Cloud Storage</span>
</div>
</div>
<p class="project-description">
Expand All @@ -91,7 +92,7 @@ <h3>Photo Vault</h3>
</p>
<div class="project-links">
<a href="https://github.com/AkhilSaiLatchireddi/photo-vault" class="github-link" target="_blank" rel="noopener noreferrer">
<i class="fab fa-github"></i> View Code
<i class="fab fa-github" aria-hidden="true"></i> View Code
</a>
<a href="projects.html" class="learn-more">Learn More →</a>
</div>
Expand All @@ -101,8 +102,8 @@ <h3>Photo Vault</h3>
<div class="project-header">
<h3>Gold Price Tracker</h3>
<div class="project-stats">
<span><i class="fab fa-python"></i> Python</span>
<span><i class="fas fa-chart-line"></i> Analytics</span>
<span><i class="fab fa-python" aria-hidden="true"></i> Python</span>
<span><i class="fas fa-chart-line" aria-hidden="true"></i> Analytics</span>
</div>
</div>
<p class="project-description">
Expand All @@ -112,7 +113,7 @@ <h3>Gold Price Tracker</h3>
</p>
<div class="project-links">
<a href="https://github.com/AkhilSaiLatchireddi/gold-prices-tracker" class="github-link" target="_blank" rel="noopener noreferrer">
<i class="fab fa-github"></i> View Code
<i class="fab fa-github" aria-hidden="true"></i> View Code
</a>
<a href="projects.html" class="learn-more">Learn More →</a>
</div>
Expand All @@ -122,8 +123,8 @@ <h3>Gold Price Tracker</h3>
<div class="project-header">
<h3>CI/CD Pipeline Templates</h3>
<div class="project-stats">
<span><i class="fab fa-docker"></i> Docker</span>
<span><i class="fas fa-infinity"></i> DevOps</span>
<span><i class="fab fa-docker" aria-hidden="true"></i> Docker</span>
<span><i class="fas fa-infinity" aria-hidden="true"></i> DevOps</span>
</div>
</div>
<p class="project-description">
Expand All @@ -133,7 +134,7 @@ <h3>CI/CD Pipeline Templates</h3>
</p>
<div class="project-links">
<a href="https://github.com/AkhilSaiLatchireddi" class="github-link" target="_blank" rel="noopener noreferrer">
<i class="fab fa-github"></i> View Code
<i class="fab fa-github" aria-hidden="true"></i> View Code
</a>
<a href="projects.html" class="learn-more">Learn More →</a>
</div>
Expand All @@ -145,47 +146,47 @@ <h3>CI/CD Pipeline Templates</h3>
<h2>Technologies I Work With</h2>
<div class="tech-categories">
<div class="tech-category">
<h3><i class="fas fa-code"></i> Frontend</h3>
<h3><i class="fas fa-code" aria-hidden="true"></i> Frontend</h3>
<div class="tech-tags">
<span>JavaScript</span>
<span>React</span>
<span>Vue.js</span>
<span>HTML5</span>
<span>CSS3</span>
<span>Sass</span>
<span><i class="devicon-javascript-plain" aria-hidden="true"></i> JavaScript</span>
<span><i class="devicon-react-original" aria-hidden="true"></i> React</span>
<span><i class="devicon-vuejs-plain" aria-hidden="true"></i> Vue.js</span>
<span><i class="devicon-html5-plain" aria-hidden="true"></i> HTML5</span>
<span><i class="devicon-css3-plain" aria-hidden="true"></i> CSS3</span>
<span><i class="devicon-sass-original" aria-hidden="true"></i> Sass</span>
</div>
</div>
<div class="tech-category">
<h3><i class="fas fa-server"></i> Backend</h3>
<h3><i class="fas fa-server" aria-hidden="true"></i> Backend</h3>
<div class="tech-tags">
<span>Node.js</span>
<span>Python</span>
<span>Express.js</span>
<span>FastAPI</span>
<span>MongoDB</span>
<span>PostgreSQL</span>
<span><i class="devicon-nodejs-plain" aria-hidden="true"></i> Node.js</span>
<span><i class="devicon-python-plain" aria-hidden="true"></i> Python</span>
<span><i class="devicon-express-original" aria-hidden="true"></i> Express.js</span>
<span><i class="devicon-fastapi-plain" aria-hidden="true"></i> FastAPI</span>
<span><i class="devicon-mongodb-plain" aria-hidden="true"></i> MongoDB</span>
<span><i class="devicon-postgresql-plain" aria-hidden="true"></i> PostgreSQL</span>
</div>
</div>
<div class="tech-category">
<h3><i class="fas fa-cloud"></i> Cloud & DevOps</h3>
<h3><i class="fas fa-cloud" aria-hidden="true"></i> Cloud & DevOps</h3>
<div class="tech-tags">
<span>AWS</span>
<span>Docker</span>
<span>Kubernetes</span>
<span>GitHub Actions</span>
<span>Terraform</span>
<span>Jenkins</span>
<span><i class="devicon-amazonwebservices-original" aria-hidden="true"></i> AWS</span>
<span><i class="devicon-docker-plain" aria-hidden="true"></i> Docker</span>
<span><i class="devicon-kubernetes-plain" aria-hidden="true"></i> Kubernetes</span>
<span><i class="devicon-github-original" aria-hidden="true"></i> GitHub Actions</span>
<span><i class="devicon-terraform-plain" aria-hidden="true"></i> Terraform</span>
<span><i class="devicon-jenkins-plain" aria-hidden="true"></i> Jenkins</span>
</div>
</div>
<div class="tech-category">
<h3><i class="fas fa-tools"></i> Tools & Others</h3>
<h3><i class="fas fa-tools" aria-hidden="true"></i> Tools & Others</h3>
<div class="tech-tags">
<span>Git</span>
<span>VS Code</span>
<span>Postman</span>
<span>Figma</span>
<span>JIRA</span>
<span>Slack</span>
<span><i class="devicon-git-plain" aria-hidden="true"></i> Git</span>
<span><i class="devicon-vscode-plain" aria-hidden="true"></i> VS Code</span>
<span><i class="devicon-postman-plain" aria-hidden="true"></i> Postman</span>
<span><i class="devicon-figma-plain" aria-hidden="true"></i> Figma</span>
<span><i class="devicon-jira-plain" aria-hidden="true"></i> JIRA</span>
<span><i class="devicon-slack-plain" aria-hidden="true"></i> Slack</span>
</div>
</div>
</div>
Expand All @@ -200,11 +201,11 @@ <h2>Let's Build Something Amazing Together</h2>
</p>
<div class="cta-buttons">
<a href="contact.html" class="cta-button">
<i class="fas fa-envelope"></i>
<i class="fas fa-envelope" aria-hidden="true"></i>
Get in Touch
</a>
<a href="about.html" class="cta-button github">
<i class="fas fa-user"></i>
<i class="fas fa-user" aria-hidden="true"></i>
Learn More About Me
</a>
</div>
Expand All @@ -215,14 +216,14 @@ <h2>Let's Build Something Amazing Together</h2>
<div class="footer-content">
<p>&copy; 2025 Akhil Sai Latchireddi. All rights reserved.</p>
<div class="social-links">
<a href="https://github.com/AkhilSaiLatchireddi" title="GitHub Profile" target="_blank" rel="noopener noreferrer">
<i class="fab fa-github"></i>
<a href="https://github.com/AkhilSaiLatchireddi" aria-label="GitHub Profile" title="GitHub Profile" target="_blank" rel="noopener noreferrer">
<i class="fab fa-github" aria-hidden="true"></i>
</a>
<a href="https://linkedin.com/in/akhilsailatchireddi" title="LinkedIn Profile" target="_blank" rel="noopener noreferrer">
<i class="fab fa-linkedin"></i>
<a href="https://linkedin.com/in/akhilsailatchireddi" aria-label="LinkedIn Profile" title="LinkedIn Profile" target="_blank" rel="noopener noreferrer">
<i class="fab fa-linkedin" aria-hidden="true"></i>
</a>
<a href="mailto:akhilsai.latchireddi@example.com" title="Email" target="_blank" rel="noopener noreferrer">
<i class="fas fa-envelope"></i>
<a href="mailto:akhilsai.latchireddi@example.com" aria-label="Email" title="Email" target="_blank" rel="noopener noreferrer">
<i class="fas fa-envelope" aria-hidden="true"></i>
</a>
</div>
</div>
Expand Down
Loading