1.
SIMPLE PORTFOLIO WEBSITE
<!DOCTYPE html>
<html>
<head>
<title>My Portfolio</title>
<style>
body{
margin:0;
font-family: Arial, sans-serif;
background:#EAF6FF;
}
.header{
background:#1E88E5;
color:white;
text-align:center;
padding:25px;
}
.container{
width:80%;
margin:auto;
margin-top:20px;
}
.card{
background:white;
padding:15px;
margin-bottom:20px;
border-radius:12px;
box-shadow:0px 3px 8px lightgray;
}
h2{
color:#1E88E5;
}
.profile{
text-align:center;
}
.profile img{
width:120px;
height:120px;
border-radius:50%;
border:4px solid #1E88E5;
}
table{
width:100%;
border-collapse:collapse;
}
table,th,td{
border:1px solid gray;
}
th{
background:#42A5F5;
color:white;
padding:8px;
}
td{
padding:8px;
text-align:center;
}
ul{
line-height:1.8;
}
.footer{
background:#1E88E5;
color:white;
text-align:center;
padding:12px;
margin-top:20px;
}
</style>
</head>
<body>
<div class="header">
<h1>MY PORTFOLIO</h1>
<p>Welcome to My Personal Website</p>
</div>
<div class="container">
<div class="card profile">
<img src="" alt="Profile Photo">
<h2>Ramesh Kumar</h2>
<p>II Year [Link] Student</p>
</div>
<div class="card">
<h2>About Me</h2>
<p>
I am a passionate [Link] student interested in Web Development,
Programming, and Artificial Intelligence.
</p>
</div>
<div class="card">
<h2>Education</h2>
<table>
<tr>
<th>Course</th>
<th>College</th>
<th>Year</th>
</tr>
<tr>
<td>[Link]</td>
<td>Meenakshi collge of Engineering</td>
<td>II Year</td>
</tr>
</table>
</div>
<div class="card">
<h2>Skills</h2>
<ul>
<li>HTML</li>
<li>CSS</li>
<li>C Programming</li>
<li>Python</li>
</ul>
</div>
<div class="card">
<h2>My Projects</h2>
<ul>
<li>Student Registration System</li>
<li>Calculator using HTML</li>
<li>Personal Portfolio Website</li>
</ul>
</div>
<div class="card">
<h2>Contact</h2>
<p>📧 Email : student@[Link]</p>
<p>📱 Mobile : 0000000000</p>
</div>
</div>
<div class="footer">
© 2026 My Portfolio | Designed by Ramesh Kumar
</div>
</body>
</html>
2. COLLEGE WEBSITE
<!DOCTYPE html>
<html>
<head>
<title>Meenakshi college of Engineering</title>
<style>
body{
font-family: Arial, sans-serif;
background-color: #F0F8FF;
margin:0;
}
header{
background-color:#004080;
color:white;
text-align:center;
padding:20px;
}
nav{
background-color:#00A86B;
text-align:center;
padding:10px;
}
nav a{
color:white;
text-decoration:none;
margin:20px;
font-weight:bold;
}
section{
margin:20px;
background:white;
padding:20px;
border-radius:10px;
}
h2{
color:#004080;
}
table{
width:100%;
border-collapse:collapse;
}
table,th,td{
border:1px solid black;
}
th{
background-color:#00A86B;
color:white;
}
th,td{
padding:10px;
text-align:center;
}
footer{
background:#004080;
color:white;
text-align:center;
padding:15px;
margin-top:20px;
}
</style>
</head>
<body>
<header>
<h1>Meenakshi college of Engineering</h1>
<p>Knowledge • Innovation • Excellence</p>
</header>
<nav>
<a href="#">Home</a>
<a href="#">About</a>
<a href="#">Departments</a>
<a href="#">Courses</a>
<a href="#">Contact</a>
</nav>
<section>
<h2>About Our College</h2>
<p>
Meenakshi college of Engineering is committed to providing quality education,
modern laboratories, experienced faculty, and excellent placement opportunities.
</p>
</section>
<section>
<h2>Departments</h2>
<ul>
<li>Computer Science and Engineering</li>
<li>Information Technology</li>
<li>Electronics and Communication Engineering</li>
<li>Electrical and Electronics Engineering</li>
<li>Mechanical Engineering</li>
</ul>
</section>
<section>
<h2>Courses Offered</h2>
<table>
<tr>
<th>Course</th>
<th>Duration</th>
</tr>
<tr>
<td>B.E / [Link]</td>
<td>4 Years</td>
</tr>
<tr>
<td>M.E / [Link]</td>
<td>2 Years</td>
</tr>
<tr>
<td>MBA</td>
<td>2 Years</td>
</tr>
</table>
</section>
<section>
<h2>Contact Us</h2>
<p><b>Address:</b> Chennai, Tamil Nadu</p>
<p><b>Email:</b> info@[Link]</p>
<p><b>Phone:</b> +91 000000000</p>
</section>
<footer>
© 2026 Meenakshi college of Engineering | All Rights Reserved
</footer>
</body>
</html>