Website Builder

Example 1: Simple Page

<!DOCTYPE html> <html> <head> <title>My Page</title> <style> body { font-family: Arial; text-align: center; } h1 { color: #4361ee; } </style> </head> <body> <h1>Hello World!</h1> <p>Welcome to my website</p> </body> </html>

Example 2: Counter App

<div style="text-align:center; padding:40px;"> <h2 style="color:#3f37c9;">Simple Counter</h2> <h1 id="count">0</h1> <button onclick="increment()" style="padding:10px 20px; background:#4361ee; color:white; border:none; border-radius:5px; cursor:pointer;"> Increment </button> </div> <script> let count = 0; function increment() { count++; document.getElementById('count').innerText = count; } </script>

Example 3: Color Changer

<div style="padding:40px; text-align:center;"> <h2 style="margin-bottom:20px;">Background Color Changer</h2> <button onclick="changeColor('#ff6b6b')" style="background:#ff6b6b">Red</button> <button onclick="changeColor('#4cc9f0')" style="background:#4cc9f0">Blue</button> <button onclick="changeColor('#4ade80')" style="background:#4ade80">Green</button> </div> <script> function changeColor(color) { document.body.style.backgroundColor = color; } </script>

Website Builder

Your Website URL

Website Preview