WEBLEB
Home
AI Editor
Login
Pro
English
English
Français
Español
HTML
CSS
JS
<body> <h1><u>Bienvenu dans notre site web</u></h1> <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. <br> Voluptates enim aliquam odit atque</p> <button onclick="start()">CONTINUE</button> <audio id="music"> <source src="musique2.mp3" type="audio/mpeg"> </audio> <script> function start() { let audio = document.getElementById("music"); audio.play(); setTimeout(() => { window.location.href = "calculatrice.html"; }, 2000); // attend 2 secondes } </script> </body>
body{ background: linear-gradient(45deg,red, black); background: linear-gradient(-45deg,black,white); animation: nana 2s infinite alternate-reverse; } h1{ font-family: ARIAL; text-align: center; animation: awal 4s ; } p{ margin: 80px auto; text-align: center; font-size: 20px; animation: awal 6s ; } button{ padding: 10px 40px; display: block; border: 2px solid black; box-shadow: 0 0 10px, 0 0 20px; margin: 100px auto; animation: awal 10s ; } @keyframes awal { from{ opacity: 0; } to{ opacity: 1; } }
/* Replace with your JS Code (Leave empty if not needed) */
Preview
Open Advanced Editor
Publish Code
Full Screen
HTML
CSS
JS
<body> <h1><u>Bienvenu dans notre site web</u></h1> <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. <br> Voluptates enim aliquam odit atque</p> <button onclick="start()">CONTINUE</button> <audio id="music"> <source src="musique2.mp3" type="audio/mpeg"> </audio> <script> function start() { let audio = document.getElementById("music"); audio.play(); setTimeout(() => { window.location.href = "calculatrice.html"; }, 2000); // attend 2 secondes } </script> </body>
body{ background: linear-gradient(45deg,red, black); background: linear-gradient(-45deg,black,white); animation: nana 2s infinite alternate-reverse; } h1{ font-family: ARIAL; text-align: center; animation: awal 4s ; } p{ margin: 80px auto; text-align: center; font-size: 20px; animation: awal 6s ; } button{ padding: 10px 40px; display: block; border: 2px solid black; box-shadow: 0 0 10px, 0 0 20px; margin: 100px auto; animation: awal 10s ; } @keyframes awal { from{ opacity: 0; } to{ opacity: 1; } }
/* Replace with your JS Code (Leave empty if not needed) */
Preview
Validating your code, please wait...