➖ Exemple de code généré ➖
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<title>
Einstein and the Formula E=MC²
</title>
<script src="https://cdn.tailwindcss.com">
</script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" rel="stylesheet"/>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet"/>
</head>
<body class="font-roboto bg-gray-100 text-gray-900">
<header class="bg-white shadow">
<div class="container mx-auto px-4 py-6 flex justify-between items-center">
<h1 class="text-3xl font-bold">
Einstein and the Formula E=MC²
</h1>
<nav>
<ul class="flex space-x-4">
<li>
<a class="text-gray-700 hover:text-gray-900" href="#">
Home
</a>
</li>
<li>
<a class="text-gray-700 hover:text-gray-900" href="#">
About
</a>
</li>
<li>
<a class="text-gray-700 hover:text-gray-900" href="#">
Articles
</a>
</li>
<li>
<a class="text-gray-700 hover:text-gray-900" href="#">
Contact
</a>
</li>
</ul>
</nav>
</div>
</header>
<main class="container mx-auto px-4 py-8">
<section class="mb-8">
<div class="flex flex-col md:flex-row items-center">
<img alt="A detailed portrait of Albert Einstein with a thoughtful expression" class="w-full md:w-1/2 rounded-lg shadow-lg mb-4 md:mb-0 md:mr-4" height="400" src="https://storage.googleapis.com/a1aa/image/cdgmWlU3JNqnHZv1zl4Afql6OWxTi66d15LADR6zwbbYtm9JA.jpg" width="400"/>
<div>
<h2 class="text-2xl font-bold mb-4">
Albert Einstein
</h2>
<p class="mb-4">
Albert Einstein was a theoretical physicist who developed the theory of relativity, one of the two pillars of modern physics (alongside quantum mechanics). His work is also known for its influence on the philosophy of science.
</p>
<p class="mb-4">
Einstein is best known for his mass–energy equivalence formula E=MC², which has been dubbed "the world's most famous equation". He received the 1921 Nobel Prize in Physics "for his services to theoretical physics, and especially for his discovery of the law of the photoelectric effect", a pivotal step in the development of quantum theory.
</p>
</div>
</div>
</section>
<section>
<h2 class="text-2xl font-bold mb-4">
The Formula E=MC²
</h2>
<div class="flex flex-col md:flex-row items-center">
<img alt="A blackboard with the formula E=MC² written in chalk" class="w-full md:w-1/2 rounded-lg shadow-lg mb-4 md:mb-0 md:mr-4" height="400" src="https://storage.googleapis.com/a1aa/image/OpfWO68mNaQbYKwniQjhcq94obKsNexJO6A0fb5PSmAeq1sPB.jpg" width="400"/>
<div>
<p class="mb-4">
The formula E=MC², derived by Albert Einstein, states that energy (E) equals mass (m) times the speed of light (c) squared. This equation shows that a small amount of mass can be converted into a large amount of energy, which is the principle behind nuclear reactions.
</p>
<p class="mb-4">
This groundbreaking formula has had profound implications in both theoretical physics and practical applications, including nuclear power and atomic weapons.
</p>
</div>
</div>
</section>
</main>
<footer class="bg-white shadow mt-8">
<div class="container mx-auto px-4 py-6 flex justify-between items-center">
<p class="text-gray-700">
© 2023 Einstein and the Formula E=MC². All rights reserved.
</p>
<div class="flex space-x-4">
<a class="text-gray-700 hover:text-gray-900" href="#">
<i class="fab fa-facebook-f">
</i>
</a>
<a class="text-gray-700 hover:text-gray-900" href="#">
<i class="fab fa-twitter">
</i>
</a>
<a class="text-gray-700 hover:text-gray-900" href="#">
<i class="fab fa-instagram">
</i>
</a>
<a class="text-gray-700 hover:text-gray-900" href="#">
<i class="fab fa-linkedin-in">
</i>
</a>
</div>
</div>
</footer>
</body>
</html>
Créez votre propre site internet avec Webador