trial html

My Website

Welcome to My Website

Build beautiful and responsive websites with modern HTML and CSS. This is a simple starter template.

Get Started

Fast

Optimized for speed and performance.

Responsive

Looks great on desktop, tablet, and mobile.

Modern

Clean design using current web standards.

© 2026 MySite. All Rights Reserved.

<style data-wp-block-html="css">
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: Arial, sans-serif;
}

body {
    background-color: #f4f4f4;
    text-align: center;
}

header {
    background-color: #007bff;
    color: white;
    padding: 30px;
}

main {
    display: flex;
    justify-content: center;
    margin-top: 50px;
}

.card {
    background: white;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    width: 350px;
}

h2 {
    margin-bottom: 15px;
}

button {
    margin: 20px 0;
    padding: 10px 20px;
    border: none;
    background: #007bff;
    color: white;
    cursor: pointer;
    border-radius: 5px;
    font-size: 16px;
}

button:hover {
    background: #0056b3;
}

#message {
    font-size: 18px;
    font-weight: bold;
    color: #333;
}
</style>

<script data-wp-block-html="js">
const button = document.getElementById("changeBtn");
const message = document.getElementById("message");

button.addEventListener("click", () => {
    message.textContent = "You clicked the button!";
    message.style.color = "green";
});
</script>

<meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Simple Website</title>
    <link rel="stylesheet" href="style.css">



    <header>
        <h1>My Simple Website</h1>
        <p>HTML, CSS &amp; JavaScript Example</p>
    </header>

    <main>
        <div class="card">
            <h2>Welcome!</h2>
            <p>Click the button below to change the text.</p>

            <button id="changeBtn">
                Click Me
            </button>

            <p id="message">
                Hello World!
            </p>
        </div>
    </main>

    <script src="script.js"></script>
Grow Your Business | Digital Marketing Experts

Generate More Leads & Grow Your Revenue

We help businesses attract qualified leads through SEO, Google Ads, Social Media Marketing, and Conversion Optimization.

Get Free Marketing Audit

Why Choose Us?

More Qualified Leads

Target customers actively searching for your products and services.

Higher Conversion Rates

Optimized campaigns that turn visitors into paying customers.

Transparent Reporting

Track every lead, click, and campaign performance.

Request Your Free Marketing Consultation

Thank you! Our marketing team will contact you shortly.