Home
Umutoniwase Yvette
Markert shop

Markert shop

wellcome tothe my online shoping

This tailwind example is contributed by Umutoniwase Yvette, on 27-May-2025. Component is made with Tailwind CSS v3. It is responsive.

Header

Author Umutoniwase Yvette

101

Fork Fullscreen

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <title>Online Marketing Landing Page</title>
  <style>
    body {
      margin: 0;
      font-family: 'Segoe UI', sans-serif;
      background-color: #f7f7f7;
      color: #333;
    }
    header {
      background: #0a66c2;
      color: white;
      padding: 60px 20px;
      text-align: center;
    }
    header h1 {
      font-size: 3em;
      margin: 0;
    }
    header p {
      font-size: 1.2em;
      margin-top: 10px;
    }
    .features {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      padding: 40px 20px;
      background: white;
    }
    .feature {
      flex: 1 1 300px;
      max-width: 300px;
      background: #e9f3ff;
      margin: 10px;
      padding: 20px;
      border-radius: 10px;
    }
    .feature h3 {
      margin-top: 0;
      color: #0a66c2;
    }
    .subscribe {
      background: #d9edff;
      padding: 40px 20px;
      text-align: center;
    }
    .subscribe input {
      padding: 10px;
      width: 250px;
      max-width: 80%;
      margin-right: 10px;
      border: 1px solid #ccc;
      border-radius: 5px;
    }
    .subscribe button {
      padding: 10px 20px;
      background: #0a66c2;
      color: white;
      border: none;
      border-radius: 5px;
      cursor: pointer;
    }
    .subscribe button:hover {
      background: #084a96;
    }
    footer {
      text-align: center;
      padding: 20px;
      background: #333;
      color: white;
    }
  </style>
</head>
<body>

<header>
    <h1>Boost Your Business Online</h1>
    <p>Reach thousands of customers with powerful digital marketing tools</p>
  </header>

<section class="features">
    <div class="feature">
      <h3>SEO Optimization</h3>
      <p>Get found on Google and improve your search engine rankings.</p>
    </div>
    <div class="feature">
      <h3>Social Media Ads</h3>
      <p>Target the right audience with optimized Facebook and Instagram ads.</p>
    </div>
    <div class="feature">
      <h3>Email Campaigns</h3>
      <p>Send professional emails that convert leads into loyal customers.</p>
    </div>
  </section>

<section class="subscribe">
    <h2>Join Our Newsletter</h2>
    <p>Stay updated with the latest tips & offers</p>
    <form id="subscribeForm">
      <input type="email" id="email" placeholder="Enter your email" required />
      <button type="submit">Subscribe</button>
    </form>
  </section>

<footer>
    &copy; 2025 Online Marketing Co. All rights reserved.
  </footer>

Related Examples

NFT Header with Hero

Author:
Abdul Baset Bappy

2 months ago

511
Animated Title
App Logo or Main Title

Author:
khalidrootdevs

1 year ago

6.8k
Next-Gen Hero Section – Tailwind CSS Component
A stunning, futuristic Hero Section built with Tailwind CSS, designed to capture user attention with glowing animations, smooth gradients, and bold typography. Perfect for modern web apps, education platforms like EduForce, landing pages, or portfolios. This component is responsive, interactive, and visually unique — not commonly found in typical UI libraries.

Author:
Code Master(Mfuranziza Dusabe Hamza)

3 months ago

733
yvette
is good

Author:
Umutoniwase Yvette

3 months ago

378
New Nav Component
A new navigation component

Author:
Amit PR

1 year ago

3.2k
App Hero Section With header

Author:
Abdul Baset Bappy

2 months ago

576
Admin panel with collapsible menus

Author:
Rajesh Maheshwari

6 months ago

3.7k
Sidebar with Tailwind CSs and alpinejs

Author:
Michael Andreuzza

1 year ago

3.2k
Hero

Author:
Aman kumar

1 year ago

6.5k
Job Platfoam
If you need a Job You will Have to Apply for it

Author:
soft mind

3 months ago

562
Home page
Home page для ПО, страница для входа в приложение.

Author:
Алла Телегина

7 months ago

756
Brutalist Hero

Author:
threehymns

9 months ago

2k

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components