Untitled Page

<!DOCTYPE html>
<html>
<head>
<title>Tech Event 2026</title>

<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">

<style>
body{
    background:linear-gradient(135deg,#7b017a,#2563eb);
    font-family:Arial,sans-serif;
}
.pasta{
    width:400px;
    margin:50px auto;
    padding:25px;
    background:white;
    border:4px solid #0d6efd;
    border-radius:15px;
    text-align:center;
    box-shadow:0 10px 25px #0005;
}
.body-box{
    background:#0d6efd;
    color:white;
    padding:18px;
    border-radius:30px;
    display:inline-block;
    margin-bottom:15px;
}
.guest{
    width:110px;
    height:110px;
    margin:15px auto;
    border:4px solid #0d6efd;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:50px;
    background:#eef5ff;
}
.details{
    text-align:left;
    margin-top:20px;
    padding:8px;
    border-bottom:1px solid lightgray;
}
.btn-register{
    width:100%;
    margin-top:20px;
}
</style>
</head>

<body>

<div class="pasta">

<h2 class="body-box">TECH EVENT 2026</h2>

<p>Department of Computer Science</p>

<div class="guest">👨‍💻</div>

<h3>Chief Guest: Elon Musk</h3>

<div class="details">
<p><b>Date:</b> 15 August 2026</p>
<p><b>Time:</b> 10:00 AM</p>
<p><b>Venue:</b> College Seminar Hall</p>
</div>

<button class="btn btn-primary btn-register">
Register Now
</button>

</div>

</body>
</html>