Welcome to Our Platform

Build amazing things with our powerful tools and services.

Template Details

HTML Content


      <div style="min-height: 100vh; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);">
        <nav style="padding: 20px 40px; display: flex; justify-content: space-between; align-items: center;">
          <h1 style="color: white; margin: 0; font-size: 24px;">MyBrand</h1>
          <div style="display: flex; gap: 20px;">
            <a href="#features" style="color: white; text-decoration: none;">Features</a>
            <a href="#about" style="color: white; text-decoration: none;">About</a>
            <a href="#contact" style="color: white; text-decoration: none;">Contact</a>
          </div>
        </nav>
        
        <main style="padding: 80px 40px; text-align: center;">
          <h1 style="color: white; font-size: 48px; margin-bottom: 20px;">Welcome to Our Platform</h1>
          <p style="color: rgba(255,255,255,0.9); font-size: 20px; max-width: 600px; margin: 0 auto 40px;">
            Build amazing things with our powerful tools and services.
          </p>
          <button style="background: white; color: #667eea; border: none; padding: 15px 40px; font-size: 18px; border-radius: 8px; cursor: pointer;">
            Get Started
          </button>
        </main>
        
        <section id="features" style="background: white; padding: 80px 40px;">
          <h2 style="text-align: center; font-size: 36px; margin-bottom: 40px;">Features</h2>
          <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px; max-width: 1200px; margin: 0 auto;">
            <div style="padding: 30px; background: #f8f9fa; border-radius: 12px; text-align: center;">
              <h3>Fast</h3>
              <p>Lightning fast performance</p>
            </div>
            <div style="padding: 30px; background: #f8f9fa; border-radius: 12px; text-align: center;">
              <h3>Secure</h3>
              <p>Enterprise-grade security</p>
            </div>
            <div style="padding: 30px; background: #f8f9fa; border-radius: 12px; text-align: center;">
              <h3>Scalable</h3>
              <p>Grows with your business</p>
            </div>
          </div>
        </section>
        
        <footer style="background: #1a1a2e; color: white; padding: 40px; text-align: center;">
          <p>&copy; 2024 MyBrand. All rights reserved.</p>
        </footer>
      </div>

CSS Styles


      * { margin: 0; padding: 0; box-sizing: border-box; }
      body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; }