Code to create Website about human brain facts

on

 




<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>The Human Brain</title>

<style>

body{font-family:Poppins,Arial,sans-serif;margin:0;background:linear-gradient(135deg,#f3e5f5,#e1bee7);color:#4a148c;}

header{background:#6a1b9a;color:white;text-align:center;padding:60px 20px;}

nav{text-align:center;background:#4a148c;padding:15px;}

nav a{color:#e1bee7;text-decoration:none;margin:0 20px;font-weight:600;}

section{padding:50px 20px;text-align:center;}

h2{color:#6a1b9a;}

.cards{display:flex;flex-wrap:wrap;justify-content:center;gap:25px;margin-top:25px;}

.card{background:white;padding:25px;width:260px;border-radius:12px;box-shadow:0 5px 20px rgba(0,0,0,.15);}

.card h3{color:#6a1b9a;}

footer{background:#4a148c;color:white;text-align:center;padding:25px;font-size:22px;}

footer a{color:#ce93d8;text-decoration:none;font-weight:bold;}

</style>

</head>

<body>

<header>

<h1>🧠 The Human Brain</h1>

<p>The most powerful organ in the human body</p>

</header>

<nav>

<a href="#intro">Overview</a>

<a href="#facts">Interesting Facts</a>

<a href="#functions">Functions</a>

</nav>

<section id="intro">

<h2>Overview</h2>

<p>The human brain controls every process that regulates our body, from heartbeat to complex thought. It’s composed of billions of neurons that transmit information constantly.</p>

</section>

<section id="facts">

<h2>Interesting Facts</h2>

<div class="cards">

<div class="card"><h3>Neurons</h3><p>Your brain contains around 86 billion neurons.</p></div>

<div class="card"><h3>Energy</h3><p>It uses about 20% of your body's total energy.</p></div>

<div class="card"><h3>Speed</h3><p>Neural signals can travel at up to 250 mph.</p></div>

</div>

</section>

<section id="functions">

<h2>Main Functions</h2>

<p>The brain manages emotions, memory, movement, learning, and decision-making. Its plasticity allows humans to adapt and evolve continuously.</p>

</section>

<footer>

© 2025 <a href="https://freecodesforwebsites.blogspot.com/" target="_blank">Free Codes for Websites</a> | All rights reserved.

</footer>

</body>

</html>


Comments

Post a Comment