Skip to content

Commit

Permalink
Update index.html
Browse files Browse the repository at this point in the history
  • Loading branch information
@Chandraditya-Singh-Sikarwar
Chandraditya-Singh-Sikarwar authored Oct 20, 2024
1 parent 92e69cc commit f04fb90
Showing 1 changed file with 107 additions and 108 deletions.
215 changes: 107 additions & 108 deletions index.html
View file
Original file line number Diff line number Diff line change
@@ -1,128 +1,127 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>DevOps Portfolio - [Your Name]</title>
<link rel="stylesheet" href="style.css">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap" rel="stylesheet">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>DevOps Portfolio - [Your Name]</title>
<link rel="stylesheet" href="style.css">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap" rel="stylesheet">
</head>
<body>
<header>
<div class="container">
<h1 class="logo">[Your Name]</h1>
<nav>
<ul>
<li><a href="#about">About</a></li>
<li><a href="#skills">Skills</a></li>
<li><a href="#projects">Projects</a></li>
<li><a href="#certifications">Certifications</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
</div>
</header>

<!-- Hero Section -->
<section id="hero">
<div class="hero-content">
<h2>DevOps Engineer</h2>
<p>Building and automating scalable cloud environments with best DevOps practices</p>
<a href="#projects" class="cta">Explore Projects</a>
</div>
</section>

<!-- About Section -->
<section id="about">
<div class="container">
<h2>About Me</h2>
<p>I'm a skilled DevOps engineer with experience in cloud platforms, container orchestration, CI/CD pipelines, and infrastructure automation. Passionate about driving efficiency through automation.</p>
</div>
</section>

<!-- Skills Section -->
<section id="skills">
<div class="container">
<h2>Skills</h2>
<div class="skills-grid">
<div class="skill-item">
<h3>AWS Cloud</h3>
<p>Proficient in deploying and managing scalable cloud applications on AWS.</p>
<!-- Navigation Bar -->
<nav>
<div class="container">
<h1 class="logo">[Your Name]</h1>
<ul>
<li><a href="#about">About</a></li>
<li><a href="#skills">Skills</a></li>
<li><a href="#projects">Projects</a></li>
<li><a href="#certifications">Certifications</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div>
<div class="skill-item">
<h3>CI/CD</h3>
<p>Expertise in building CI/CD pipelines using Jenkins, GitLab, and GitHub Actions.</p>
</div>
<div class="skill-item">
<h3>Docker & Kubernetes</h3>
<p>Hands-on experience with Docker containerization and Kubernetes orchestration.</p>
</div>
<div class="skill-item">
<h3>Terraform</h3>
<p>Skilled in Infrastructure as Code (IaC) with Terraform to automate cloud resource provisioning.</p>
</nav>

<!-- Hero Section -->
<section id="hero">
<div class="hero-content">
<h2>Hello, I'm a DevOps Engineer</h2>
<p>Building and automating scalable cloud environments</p>
<a href="#projects" class="cta">Explore My Work</a>
</div>
</div>
</div>
</section>
</section>

<!-- Projects Section -->
<section id="projects">
<div class="container">
<h2>Projects</h2>
<div class="projects-grid">
<div class="project-item">
<h3>Cloud Infrastructure Automation</h3>
<p>Developed and deployed AWS infrastructure using Terraform, enabling auto-scaling and disaster recovery solutions.</p>
<!-- About Section -->
<section id="about">
<div class="container">
<h2>About Me</h2>
<p>I am a DevOps Engineer with experience in AWS, CI/CD pipelines, container orchestration, and infrastructure automation.</p>
</div>
<div class="project-item">
<h3>CI/CD Pipeline with Jenkins</h3>
<p>Built a CI/CD pipeline that automated testing, container building, and deployment to AWS using Jenkins and Docker.</p>
</section>

<!-- Skills Section -->
<section id="skills">
<div class="container">
<h2>Skills</h2>
<div class="skills-grid">
<div class="skill-item">
<h3>Cloud Platforms</h3>
<p>AWS, GCP, Azure</p>
</div>
<div class="skill-item">
<h3>CI/CD</h3>
<p>Jenkins, GitLab CI, GitHub Actions</p>
</div>
<div class="skill-item">
<h3>Containerization</h3>
<p>Docker, Kubernetes</p>
</div>
<div class="skill-item">
<h3>Infrastructure as Code</h3>
<p>Terraform, CloudFormation</p>
</div>
</div>
</div>
<div class="project-item">
<h3>Microservices on Kubernetes</h3>
<p>Designed a microservices architecture on Kubernetes, achieving dynamic scaling and monitoring using Prometheus.</p>
</section>

<!-- Projects Section -->
<section id="projects">
<div class="container">
<h2>Projects</h2>
<div class="projects-grid">
<div class="project-item">
<h3>AWS Automation</h3>
<p>Automated AWS infrastructure using Terraform and Jenkins pipelines.</p>
</div>
<div class="project-item">
<h3>Kubernetes Microservices</h3>
<p>Developed and deployed microservices architecture on Kubernetes with Prometheus monitoring.</p>
</div>
<div class="project-item">
<h3>CI/CD Pipeline</h3>
<p>Created a full CI/CD pipeline for containerized applications using GitHub Actions.</p>
</div>
</div>
</div>
</div>
</div>
</section>
</section>

<!-- Certifications Section -->
<section id="certifications">
<div class="container">
<h2>Certifications</h2>
<ul>
<li>AWS Certified Solutions Architect</li>
<li>AWS Certified Developer</li>
<li>Certified Kubernetes Administrator (CKA)</li>
</ul>
</div>
</section>
<!-- Certifications Section -->
<section id="certifications">
<div class="container">
<h2>Certifications</h2>
<ul>
<li>AWS Certified Solutions Architect</li>
<li>AWS Certified Developer</li>
<li>Certified Kubernetes Administrator (CKA)</li>
</ul>
</div>
</section>

<!-- Contact Section -->
<section id="contact">
<div class="container">
<h2>Contact Me</h2>
<form>
<label for="name">Name:</label>
<input type="text" id="name" name="name" required>
<!-- Contact Section -->
<section id="contact">
<div class="container">
<h2>Contact</h2>
<form>
<label for="name">Name</label>
<input type="text" id="name" name="name" required>

<label for="email">Email:</label>
<input type="email" id="email" name="email" required>
<label for="email">Email</label>
<input type="email" id="email" name="email" required>

<label for="message">Message:</label>
<textarea id="message" name="message" required></textarea>
<label for="message">Message</label>
<textarea id="message" name="message" required></textarea>

<button type="submit">Send Message</button>
</form>
</div>
</section>
<button type="submit">Send</button>
</form>
</div>
</section>

<footer>
<div class="container">
<p>&copy; 2024 [Your Name] - DevOps Portfolio</p>
</div>
</footer>
<footer>
<div class="container">
<p>&copy; 2024 [Your Name] - DevOps Portfolio</p>
</div>
</footer>

<script src="script.js"></script>
<script src="script.js"></script>
</body>
</html>

0 comments on commit f04fb90

Please sign in to comment.