HTML code for Making Simple Personal Website
Create Simple Personal Website
(Only for Learning)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Bhuwan Oli - Personal Website</title>
<style>
body {
margin: 0;
font-family: Arial, sans-serif;
background: #f5f5f5;
color: #333;
}
header {
text-align: center;
padding: 40px 20px;
background: #111;
color: #fff;
}
img.profile {
width: 150px;
height: 150px;
border-radius: 50%;
object-fit: cover;
border: 4px solid #fff;
}
section {
max-width: 900px;
margin: 40px auto;
background: #fff;
padding: 30px;
border-radius: 12px;
box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}
h2 {
border-left: 5px solid #111;
padding-left: 10px;
}
ul {
line-height: 1.8;
}
.social a {
display: inline-block;
margin-right: 15px;
text-decoration: none;
color: #111;
font-weight: bold;
}
footer {
text-align: center;
padding: 20px;
background: #111;
color: #fff;
margin-top: 40px;
}
</style>
</head>
<body>
<header>
<img src="image.jpg" alt="Profile" class="profile" />
<h1>Bhuwan Oli</h1>
<p>AI Mentor | Tulsipur, Dang, Nepal</p>
</header>
<section>
<h2>Achievements</h2>
<ul>
<li>209K Followers on Instagram</li>
<li>15K Followers on Facebook</li>
<li>8+ Years Teaching</li>
</ul>
</section>
<section>
<h2>My Core Values</h2>
<ul>
<li>Transparent</li>
<li>Truth-Driven</li>
<li>Collaborative</li>
<li>Unpretentious</li>
<li>Audacious</li>
<li>Growth-Oriented</li>
</ul>
</section>
<section>
<h2>About Me</h2>
<p>
Bhuwan Oli has enjoyed the last 7+ years empowering Nepali learners to turn
technology into opportunity. His tutorials are the most watched tech content in
Nepal, reaching 209K+ followers, and his community of 15K+ collaborates on
projects that land jobs and freelance gigs worldwide.
</p>
<h3>Key Achievements</h3>
<ul>
<li>Creator of Technology Channel — Nepal's leading tech-education platform</li>
<li>Creator of Learn AI App — #1 searched app on Google Play</li>
<li>Creator of Learn Computer Basic App (100K+ Downloads)</li>
</ul>
<h3>Leadership & Recognition</h3>
<ul>
<li>Host of Nepal's Top Tech Events like Build with AI and DevOps Kathmandu</li>
<li>Docker Captain, Recognized technical expert by Docker Inc.</li>
<li>Consulted for 7+ US companies on AI integration & automation</li>
</ul>
</section>
<section>
<h2>My Services</h2>
<ul>
<li>AI Ready Training</li>
<li>AI Consultation</li>
</ul>
</section>
<section>
<h2>Contact</h2>
<p>Email: <a href="mailto:bhuwanoli112@gmail.com">bhuwanoli112@gmail.com</a></p>
<div class="social">
<a href="https://www.facebook.com/BhUwaan.wolee" target="_blank">Facebook</a>
<a href="https://www.instagram.com/______bhuwan/?hl=en" target="_blank">Instagram</a>
</div>
</section>
<footer>
© 2025 Bhuwan Oli. All Rights Reserved.
</footer>
</body>
</html>
Comments
Post a Comment