<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Coding World</title>
<style>
body{
background-color:#1e1e1e;
color: #ffffff;
font-family: 'Courier New', Courier, monospace;
margin: 0;
padding: 0;
}
header{
text-align: center;
padding:20px ;
}
h1{
font-size: 32px;
}
.bracket{
color: #f92672;
}
.coding{
color: #a6e22e;
}
.world{
color: #66d9ef;
}
section{
background-color:#2d2d2d ;
margin: 20px auto;
padding: 20px ;
max-width: 800px;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
h2{
font-size: 24px;
color:#66d9ef ;
}
.join-button {
display: inline-block;
background-color: #25D366;
color: #ffffff;
padding: 10px 20px;
text-decoration: none;
border-radius: 5px;
font-size: 18px;
}
.join-button:hover {
background-color: #128C7E;
}
#rules li::before{
content: " //";
color:#75715e ;
}
.join-buttons {
display: inline-block;
background-color: #25D366;
color: #ffffff;
margin-top:10px;
padding: 10px 20px;
text-decoration: none;
border-radius: 5px;
font-size: 18px;
}
.join-buttons:hover {
background-color: #128C7E;}
footer{
text-align: center;
padding: 10px;
font-size: 14px;
}
</style>
</head>
<body>
<header>
<h1>
<span class="bracket">
{
</span>
<span class="coding">
Coding
</span>
<span class="world">
World
</span>
<span class="bracket">
}
</span>
</h1>
</header>
<main>
<section id="intro">
<h2>
Welcome to coding world
</h2>
<p>
Coding world is a community for coding enthusiasts to share knowledge, ask questions, and collaborate on projects, Whether you are a beginner or an experienced developer, you will find a place here to learn and grow .
</p>
</section>
<section id="rules">
<h2>
Rules
</h2>
<ul>
<li>
No Spam
</li>
<li>
No DM/PM without permission
</li>
<li>
No religious or political conversations
</li>
<li>
No abuse or disrespectful language
</li>
<li>
Relevant discussions only
</li>
<li>
No piracy or illegal content
</li>
<li>
Respect everyone's privacy
</li>
</ul>
</section>
<section id="join-button">
<h2>
Join the group
</h2>
<p>
Click the button below to join the Coding World WhatsApp group:
</p>
<a href="https://chat.whatsapp.com/CoPfYfqaF4Y4wRFX2skXx2" class="join-button">Join Now</a>
<p>
Click the button below to join the Coding World telegram:
</p>
<a href="https://t.me/codewithtanvir" class="join-button"> Join Now</a>
<p>
Click the button below to join the Coding World discord:
</p>
<a href="https://discord.gg/hSM4Gcf8" class="join-button"> Join Now</a>
</section>
<section>
<h2>
Notes
</h2>
Click the button below to download notes:
<a href="https://books.goalkicker.com/" class="join-buttons"> Download</a>
</section>
</main>
<footer>
© 2025 Coding World. All rights reserved.
</footer>
</body>
</html>