Skip to content

Instantly share code, notes, and snippets.

@Pawankalyanpathella201

Pawankalyanpathella201/index.html

Created June 19, 2025 18:28
Show Gist options
  • Save Pawankalyanpathella201/ca0264df167c1859082953e691792089 to your computer and use it in GitHub Desktop.
Save Pawankalyanpathella201/ca0264df167c1859082953e691792089 to your computer and use it in GitHub Desktop.
Download ZIP
Untitled
Raw
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Pawan's Portfolio</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<h1>Welcome to My Portfolio</h1>
<nav>
<a href="#about">About</a>
<a href="#skills">Skills</a>
<a href="#projects">Projects</a>
<a href="#contact">Contact</a>
</nav>
</header>
<main>
<section id="about">
<h2>About Me</h2>
<img src="jung.jpg" alt="My Photo">
<p>Hi! I'm Pawan Kalyan Pathella. I'm a passionate web developer learning HTML, CSS, and more.</p>
</section>
<section id="skills">
<h2>My Skills</h2>
<ul>
<li>Python</li>
<li>HTML</li>
<li>CSS</li>
<li>Java</li>
<li>C</li>
<li>C++</li>
</ul>
</section>
<section id="projects">
<h2>Projects</h2>
<p>Coming soon...</p>
</section>
<section id="contact">
<h2>Contact</h2>
<p>Email: your-email@example.com</p>
</section>
</main>
<footer>
<p>&copy; 2025 Pawan Kalyan Pathella</p>
</footer>
</body>
</html>
Raw
style.css
/* General */
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f9f9f9;
}
/* Header */
header {
background-color: #004080;
color: white;
padding: 20px;
text-align: center;
}
nav a {
color: white;
text-decoration: none;
margin: 0 15px;
font-weight: bold;
}
nav a:hover {
text-decoration: underline;
}
/* Main Content */
main {
padding: 20px;
}
section {
margin-bottom: 40px;
}
/* Image */
img {
width: 150px;
border-radius: 8px;
display: block;
margin: 10px 0;
}
/* Footer */
footer {
background-color: #222;
color: white;
text-align: center;
padding: 15px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment