 Everyday Comfort

#181616

<div class="fashion-editorial-card">
  <style>
    .fashion-editorial-card{
      position:relative;
      max-width:420px;
      margin:50px auto;
      font-family:'Inter',sans-serif;
      overflow:hidden;
      background:#fff;
    }

    .fashion-editorial-card img{
      width:100%;
      display:block;
      transition:transform 1s cubic-bezier(.19,1,.22,1);
    }

    .fashion-editorial-card:hover img{
      transform:scale(1.1);
    }

    /* Overlay gradient nhẹ */
    .fashion-overlay{
      position:absolute;
      inset:0;
      background:linear-gradient(
        180deg,
        rgba(255,255,255,0) 30%,
        rgba(255,255,255,0.95) 85%
      );
      pointer-events:none;
    }

    /* Content */
    .fashion-content{
      position:absolute;
      bottom:32px;
      left:28px;
      right:28px;
    }

    .fashion-tag{
      display:inline-block;
      font-size:11px;
      letter-spacing:2px;
      text-transform:uppercase;
      color:#111;
      margin-bottom:12px;
      position:relative;
    }

    .fashion-tag::after{
      content:'';
      display:block;
      width:24px;
      height:2px;
      background:#111;
      margin-top:6px;
      transition:width .4s ease;
    }

    .fashion-editorial-card:hover .fashion-tag::after{
      width:48px;
    }

    .fashion-title{
      font-size:34px;
      font-weight:800;
      letter-spacing:1px;
      margin:0 0 8px;
      color:#111;
      line-height:1.1;
    }

    .fashion-sub{
      font-size:14px;
      color:#555;
      max-width:240px;
      transform:translateY(10px);
      opacity:0;
      transition:all .6s ease;
    }

    .fashion-editorial-card:hover .fashion-sub{
      transform:translateY(0);
      opacity:1;
    }

    /* CTA */
    .fashion-link{
      display:inline-block;
      margin-top:16px;
      font-size:13px;
      font-weight:700;
      letter-spacing:1.5px;
      text-transform:uppercase;
      color:#111;
      text-decoration:none;
      position:relative;
    }

    .fashion-link::after{
      content:'';
      position:absolute;
      left:0;
      bottom:-6px;
      width:100%;
      height:2px;
      background:#111;
      transform:scaleX(0);
      transform-origin:left;
      transition:transform .4s ease;
    }

    .fashion-editorial-card:hover .fashion-link::after{
      transform:scaleX(1);
    }
  </style>

  
  <img src="https://i.pinimg.com/736x/ed/92/9f/ed929f9a9101c110b55f409da7d27404.jpg?q=80&w=900&auto=format&fit=crop" alt="Fashion Hoodie">

  <div class="fashion-overlay"></div>

  
  <div class="fashion-content">
    <div class="fashion-tag">New Arrival</div>
    <h3 class="fashion-title">Modern Hoodies</h3>
    <div class="fashion-sub">
      Designed for everyday comfort with a clean streetwear aesthetic.
    </div>
    <a href="#" class="fashion-link">Explore</a>
  </div>
</div>

#21201e

<section class="fashion-reviews">
  <style>
    .fashion-reviews{
      background:#f9fafb;
      padding:120px 24px;
      font-family:'Inter',sans-serif;
      color:#0f172a;
    }

    .fr-container{
      max-width:1200px;
      margin:0 auto;
    }

    .fr-header{
      text-align:center;
      margin-bottom:80px;
    }

    .fr-eyebrow{
      font-size:13px;
      letter-spacing:2.5px;
      text-transform:uppercase;
      font-weight:700;
      color:#64748b;
      margin-bottom:14px;
    }

    .fr-title{
      font-family:'Montserrat',sans-serif;
      font-size:42px;
      font-weight:800;
      letter-spacing:-0.5px;
      margin-bottom:18px;
    }

    .fr-sub{
      font-size:17px;
      color:#475569;
      max-width:600px;
      margin:0 auto;
      line-height:1.8;
    }

    /* GRID */
    .fr-grid{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:40px;
    }

    .fr-card{
      background:#ffffff;
      border:1px solid #e5e7eb;
      border-radius:26px;
      padding:36px 32px;
      transition:all .45s ease;
      position:relative;
    }

    .fr-card:hover{
      transform:translateY(-8px);
      box-shadow:0 40px 80px rgba(0,0,0,.12);
    }

    /* VERIFIED */
    .fr-verified{
      display:inline-flex;
      align-items:center;
      gap:8px;
      font-size:12px;
      font-weight:700;
      color:#0f766e;
      background:#ecfdf5;
      padding:6px 12px;
      border-radius:20px;
      margin-bottom:18px;
    }

    .fr-verified::before{
      content:'✔';
      font-size:13px;
    }

    /* PRODUCT TAG */
    .fr-product{
      font-size:12px;
      font-weight:700;
      letter-spacing:1.6px;
      text-transform:uppercase;
      color:#475569;
      margin-bottom:14px;
    }

    /* RATING */
    .fr-stars{
      color:#fbbf24;
      font-size:16px;
      margin-bottom:18px;
    }

    .fr-text{
      font-size:15px;
      line-height:1.8;
      color:#334155;
      margin-bottom:26px;
    }

    .fr-user{
      display:flex;
      align-items:center;
      gap:14px;
    }

    .fr-avatar{
      width:44px;
      height:44px;
      border-radius:50%;
      background:#0f172a;
      color:#ffffff;
      display:flex;
      align-items:center;
      justify-content:center;
      font-weight:700;
      font-size:14px;
    }

    .fr-user-info strong{
      display:block;
      font-size:14px;
    }

    .fr-user-info span{
      font-size:12px;
      color:#64748b;
    }

    @media(max-width:1000px){
      .fr-grid{
        grid-template-columns:1fr;
        gap:32px;
      }
    }
  </style>

  <div class="fr-container">

    
    <div class="fr-header">
      <div class="fr-eyebrow">Customer Reviews</div>
      <h2 class="fr-title">Loved & Trusted by Our Customers</h2>
      <p class="fr-sub">
        Real feedback from verified buyers who wear our pieces every day.
        Comfort, quality, and style — confirmed.
      </p>
    </div>

    
    <div class="fr-grid">

      
      <div class="fr-card">
        <div class="fr-verified">Verified Purchase</div>
        <div class="fr-product">T-Shirt</div>
        <div class="fr-stars">★★★★★</div>
        <p class="fr-text">
          The fabric feels premium and breathable. After multiple washes,
          the print still looks sharp. Easily my go-to everyday tee.
        </p>
        <div class="fr-user">
          <div class="fr-avatar">JS</div>
          <div class="fr-user-info">
            <strong>James S.</strong>
            <span>United States</span>
          </div>
        </div>
      </div>

      
      <div class="fr-card">
        <div class="fr-verified">Verified Purchase</div>
        <div class="fr-product">Hoodie</div>
        <div class="fr-stars">★★★★★</div>
        <p class="fr-text">
          Super soft inside and keeps its shape perfectly. The fit is modern
          without feeling tight. Great quality for the price.
        </p>
        <div class="fr-user">
          <div class="fr-avatar">EM</div>
          <div class="fr-user-info">
            <strong>Emily M.</strong>
            <span>Australia</span>
          </div>
        </div>
      </div>

      
      <div class="fr-card">
        <div class="fr-verified">Verified Purchase</div>
        <div class="fr-product">Sweater</div>
        <div class="fr-stars">★★★★☆</div>
        <p class="fr-text">
          Warm but not bulky. The knit feels durable and looks clean even
          after long wear. Perfect for layering.
        </p>
        <div class="fr-user">
          <div class="fr-avatar">AL</div>
          <div class="fr-user-info">
            <strong>Alex L.</strong>
            <span>Canada</span>
          </div>
        </div>
      </div>

    </div>
  </div>
</section>

<section class="fashion-editorial">
  <style>
    .fashion-editorial{
      background:#ffffff;
      padding:120px 24px;
      font-family:'Inter',sans-serif;
      color:#0f172a;
      overflow:hidden;
    }

    .fe-container{
      max-width:1200px;
      margin:0 auto;
      display:grid;
      grid-template-columns:1.2fr 1fr;
      gap:80px;
      align-items:center;
    }

    /* LEFT CONTENT */
    .fe-left{
      position:relative;
    }

    .fe-eyebrow{
      font-size:13px;
      letter-spacing:2.5px;
      text-transform:uppercase;
      font-weight:700;
      color:#64748b;
      margin-bottom:18px;
    }

    .fe-title{
      font-family:'Montserrat',sans-serif;
      font-size:56px;
      font-weight:800;
      line-height:1.15;
      letter-spacing:-0.8px;
      margin-bottom:26px;
      position:relative;
      display:inline-block;
    }

    .fe-title::after{
      content:'';
      position:absolute;
      left:0;
      bottom:-6px;
      width:0%;
      height:4px;
      background:#0f172a;
      transition:width .6s ease;
    }

    .fashion-editorial:hover .fe-title::after{
      width:100%;
    }

    .fe-desc{
      font-size:17px;
      line-height:1.9;
      color:#475569;
      max-width:520px;
      margin-bottom:34px;
    }

    .fe-actions{
      display:flex;
      align-items:center;
      gap:26px;
    }

    .fe-btn{
      font-size:14px;
      font-weight:700;
      letter-spacing:1.5px;
      text-transform:uppercase;
      color:#ffffff;
      background:#0f172a;
      padding:16px 34px;
      border-radius:40px;
      text-decoration:none;
      transition:all .4s ease;
    }

    .fe-btn:hover{
      background:#000;
      transform:translateY(-3px);
      box-shadow:0 18px 40px rgba(0,0,0,.18);
    }

    .fe-link{
      font-size:14px;
      font-weight:700;
      letter-spacing:1.4px;
      text-transform:uppercase;
      color:#0f172a;
      text-decoration:none;
      position:relative;
    }

    .fe-link::after{
      content:'→';
      margin-left:8px;
      transition:transform .3s ease;
      display:inline-block;
    }

    .fe-link:hover::after{
      transform:translateX(6px);
    }

    /* RIGHT BLOCK */
    .fe-right{
      position:relative;
    }

    .fe-box{
      border:1px solid #e5e7eb;
      border-radius:28px;
      padding:50px;
      transition:all .5s ease;
      background:#fafafa;
    }

    .fe-box:hover{
      background:#ffffff;
      transform:translateY(-6px);
      box-shadow:0 40px 80px rgba(0,0,0,.1);
    }

    .fe-feature{
      margin-bottom:34px;
    }

    .fe-feature:last-child{
      margin-bottom:0;
    }

    .fe-feature h4{
      font-family:'Montserrat',sans-serif;
      font-size:18px;
      font-weight:700;
      margin-bottom:8px;
    }

    .fe-feature p{
      font-size:15px;
      line-height:1.8;
      color:#475569;
      margin:0;
    }

    @media(max-width:900px){
      .fe-container{
        grid-template-columns:1fr;
        gap:60px;
      }
      .fe-title{
        font-size:40px;
      }
    }
  </style>

  <div class="fe-container">

    
    <div class="fe-left">
      <div class="fe-eyebrow">Modern Fashion</div>
      <h2 class="fe-title">Designed for Everyday Expression</h2>
      <p class="fe-desc">
        Fashion is more than what you wear — it’s how you move, feel, and express
        yourself. Every piece is crafted with balance, comfort, and timeless
        design in mind.
      </p>

      <div class="fe-actions">
        <a href="https://marianogirondin.com/page/contact" class="fe-btn">Explore Style</a>
        <a href="https://marianogirondin.com/page/about" class="fe-link">Our Story</a>
      </div>
    </div>

    
    <div class="fe-right">
      <div class="fe-box">
        <div class="fe-feature">
          <h4>Minimal Design</h4>
          <p>Clean silhouettes that stay relevant beyond seasonal trends.</p>
        </div>

        <div class="fe-feature">
          <h4>Comfort Focused</h4>
          <p>Soft fabrics and thoughtful construction for all-day wear.</p>
        </div>

        <div class="fe-feature">
          <h4>Effortless Styling</h4>
          <p>Pieces that mix naturally with your existing wardrobe.</p>
        </div>
      </div>
    </div>

  </div>
</section>

English

German

Australia

Spanish

Portuguese

Canada

French

Italian

Japanese

Korean

Vietnamese

Welcome to MARIANOGIRONDIN.COM - Shop Unique Handmade, Arts, T-Shirts, Stickers, Clothes and Gifts Designed by a Global Community of Independent Artists. Find your thing or open your own shop.

MARIANOGIRONDIN.COM | Handmades, Personalized Custom Clothes & Gifts

MARIANOGIRONDIN.COM

Contact us

United States

Our Products

Modern Hoodies

Latest Sweater Arrivals

Loved & Trusted by Our Customers

Designed for Everyday Expression

Minimal Design

Comfort Focused

Effortless Styling