Home প্রিমিয়াম পোস্ট APPS STORE NEW WEBSITE TO APP কোর্স

প্রম্পট এবং কোড দেখুন

AI Test Lab

Test your prompts directly on official platforms.

টি-শার্ট ডিজাইন ওয়েবসাইট বিল্ড রেডিকোড।

New

 







✦ CODE SNIPPET
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:css='false' b:defaultwidgetversion='2' b:layoutsVersion='3' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<meta charset='UTF-8'/>
<meta content='width=device-width, initial-scale=1' name='viewport'/>
<meta content='#111111' name='theme-color'/>
<title><data:blog.pageTitle/></title>
<link href='https://fonts.googleapis.com' rel='preconnect'/>
<link href='https://fonts.gstatic.com' rel='preconnect'/>
<link href='https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700;800&amp;family=Inter:wght@400;500;600;700&amp;family=Hind+Siliguri:wght@400;500;600;700&amp;display=swap' rel='stylesheet'/>
<!--
  =====================================================
  ★★★ WEBSITE CONFIGURATION — শুধু এই অংশ পরিবর্তন করলেই হবে ★★★
  =====================================================
-->
<script>
//<![CDATA[
var TCONFIG = {
  siteName : 'TEE Studio',      // ওয়েবসাইটের নাম (প্রথম শব্দ সাদা/কালো, বাকিটা রঙিন ইটালিক দেখাবে)
  logo     : '',                // লোগো ইমেজের URL (ফাঁকা রাখলে নাম দেখাবে)
  whatsapp : '8801927661298',   // WhatsApp নম্বর (দেশের কোড সহ, + ছাড়া। যেমন 8801712345678)
  topBar   : '🚚 সারাদেশে ক্যাশ অন ডেলিভারি · প্রিমিয়াম কটন টি-শার্ট · সহজ এক্সচেঞ্জ'  // উপরের অফার বারের লেখা
};
//]]>
</script>

<b:include data='blog' name='all-head-content'/>

<b:skin><![CDATA[
:root {
  --ink: #111111;
  --ink-soft: #3f3f46;
  --muted: #71717a;
  --paper: #faf8f5;
  --card: #ffffff;
  --line: #e7e2da;
  --accent: #b4532a;
  --accent-dark: #8f3f1d;
  --gold: #c9a24b;
  --whatsapp: #25D366;
  --whatsapp-hover: #1fb857;
  --radius: 14px;
  --shadow: 0 10px 30px rgba(17,17,17,0.08);
  --serif: 'Playfair Display', Georgia, serif;
  --sans: 'Inter', 'Hind Siliguri', 'Segoe UI', Tahoma, sans-serif;
}

* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body { background: var(--paper); color: var(--ink); font-family: var(--sans); line-height: 1.65; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; }

/* Top announcement bar */
.top-bar { background: var(--ink); color: #e8e3da; text-align: center; font-size: 12.5px; letter-spacing: .3px; padding: 9px 14px; }
.top-bar b { color: var(--gold); font-weight: 600; }

/* Header */
header { background: rgba(250,248,245,.92); backdrop-filter: blur(12px); border-bottom: 1px solid var(--line); position: sticky; top: 0; z-index: 1000; }
.header-container { max-width: 1240px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; padding: 14px 24px; gap: 24px; }
.logo { font-family: var(--serif); font-size: 28px; font-weight: 800; letter-spacing: -.5px; color: var(--ink); }
.logo span { color: var(--accent); font-style: italic; }
.main-nav { display: flex; gap: 26px; font-size: 14px; font-weight: 600; }
.main-nav a { color: var(--ink-soft); position: relative; padding: 4px 0; transition: color .2s; }
.main-nav a::after { content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background: var(--accent); transition: width .25s; }
.main-nav a:hover { color: var(--ink); }
.main-nav a:hover::after { width: 100%; }
.search-bar { display: flex; align-items: center; background: #fff; border: 1px solid var(--line); border-radius: 40px; overflow: hidden; width: 260px; transition: border-color .2s, box-shadow .2s; }
.search-bar:focus-within { border-color: var(--accent); box-shadow: 0 0 0 3px rgba(180,83,42,.12); }
.search-bar input { flex: 1; border: none; outline: none; padding: 10px 16px; font-size: 13.5px; background: transparent; font-family: var(--sans); min-width: 0; }
.search-bar button { border: none; background: var(--ink); color: #fff; padding: 10px 16px; cursor: pointer; font-size: 13px; font-weight: 600; transition: background .2s; }
.search-bar button:hover { background: var(--accent); }

/* Hero */
.hero { max-width: 1240px; margin: 28px auto 0; padding: 0 24px; }
.hero-inner { background: linear-gradient(120deg, #1a1a1a 0%, #2b2623 100%); border-radius: 24px; color: #fff; display: grid; grid-template-columns: 1.15fr .85fr; align-items: center; overflow: hidden; position: relative; }
.hero-text { padding: 64px 56px; position: relative; z-index: 2; }
.hero-tag { display: inline-block; font-size: 12px; letter-spacing: 2px; text-transform: uppercase; color: var(--gold); border: 1px solid rgba(201,162,75,.5); padding: 6px 14px; border-radius: 30px; margin-bottom: 22px; }
.hero h1 { font-family: var(--serif); font-size: 46px; line-height: 1.2; font-weight: 700; margin-bottom: 16px; }
.hero h1 em { color: var(--gold); font-style: italic; }
.hero p { color: #cfc8bd; font-size: 16px; max-width: 480px; margin-bottom: 30px; }
.hero-cta { display: inline-flex; align-items: center; gap: 10px; background: #fff; color: var(--ink); font-weight: 700; padding: 14px 30px; border-radius: 40px; font-size: 14.5px; transition: all .25s; }
.hero-cta:hover { background: var(--gold); transform: translateY(-2px); }
.hero-art { display: flex; align-items: center; justify-content: center; padding: 30px; position: relative; }
.hero-art::before { content: ''; position: absolute; width: 340px; height: 340px; border-radius: 50%; background: radial-gradient(circle, rgba(201,162,75,.28), transparent 70%); }
.hero-art svg { width: 78%; max-width: 320px; position: relative; filter: drop-shadow(0 20px 30px rgba(0,0,0,.45)); }

/* Trust strip */
.trust { max-width: 1240px; margin: 22px auto 0; padding: 0 24px; display: grid; grid-template-columns: repeat(4,1fr); gap: 14px; }
.trust-item { background: var(--card); border: 1px solid var(--line); border-radius: var(--radius); padding: 16px 18px; display: flex; align-items: center; gap: 12px; font-size: 13px; }
.trust-item .ic { font-size: 22px; }
.trust-item b { display: block; font-size: 13.5px; color: var(--ink); }
.trust-item span { color: var(--muted); font-size: 12px; }

/* Container & Grid */
.container { max-width: 1240px; margin: 0 auto; padding: 0 24px 60px; }
.section-header { display: flex; justify-content: space-between; align-items: flex-end; margin: 48px 0 26px; flex-wrap: wrap; gap: 12px; }
.section-title { font-family: var(--serif); font-size: 30px; font-weight: 700; }
.section-sub { color: var(--muted); font-size: 14px; margin-top: 2px; }
.cat-chips { display: flex; gap: 8px; flex-wrap: wrap; }
.cat-chips a { font-size: 13px; font-weight: 600; padding: 8px 18px; border-radius: 30px; border: 1px solid var(--line); background: #fff; color: var(--ink-soft); transition: all .2s; }
.cat-chips a:hover { background: var(--ink); color: #fff; border-color: var(--ink); }

.product-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 26px; }

/* Product Card */
.product-card { background: var(--card); border-radius: var(--radius); overflow: hidden; border: 1px solid var(--line); transition: transform .35s ease, box-shadow .35s ease; display: flex; flex-direction: column; position: relative; }
.product-card:hover { transform: translateY(-6px); box-shadow: var(--shadow); }
.product-thumb-wrap { width: 100%; aspect-ratio: 4 / 5; background: #f1ede6; position: relative; overflow: hidden; display: block; }
.product-thumb { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; display: block; }
.product-card:hover .product-thumb { transform: scale(1.06); }
.tee-badge { position: absolute; top: 12px; left: 12px; background: var(--accent); color: #fff; font-size: 11px; font-weight: 700; padding: 5px 12px; border-radius: 30px; z-index: 5; letter-spacing: .8px; text-transform: uppercase; }
.quick-order { position: absolute; left: 12px; right: 12px; bottom: 12px; background: rgba(17,17,17,.92); color: #fff; border: none; padding: 12px; border-radius: 10px; font-size: 13px; font-weight: 600; cursor: pointer; opacity: 0; transform: translateY(10px); transition: all .3s; font-family: var(--sans); }
.product-card:hover .quick-order { opacity: 1; transform: translateY(0); }
.quick-order:hover { background: var(--accent); }

.product-info { padding: 16px 18px 20px; display: flex; flex-direction: column; flex-grow: 1; }
.product-cat { font-size: 11px; text-transform: uppercase; letter-spacing: 1.4px; color: var(--muted); margin-bottom: 4px; }
.product-title { font-size: 15.5px; font-weight: 600; color: var(--ink); line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 44px; margin-bottom: 10px; }
.product-title:hover { color: var(--accent); }
.price-box { margin-bottom: 14px; }
.current-price { font-size: 20px; font-weight: 800; color: var(--ink); }
.sizes-mini { font-size: 11.5px; color: var(--muted); margin-top: 2px; }
.card-actions { display: flex; gap: 8px; margin-top: auto; }
.card-btn { flex: 1; padding: 11px 8px; text-align: center; border-radius: 10px; font-size: 13px; font-weight: 700; cursor: pointer; border: 1px solid var(--ink); font-family: var(--sans); transition: all .2s; display: inline-flex; align-items: center; justify-content: center; }
.btn-details { background: #fff; color: var(--ink); }
.btn-details:hover { background: #f4f1ec; }
.btn-order { background: var(--ink); color: #fff; }
.btn-order:hover { background: var(--accent); border-color: var(--accent); }

/* Pager */
.blog-pager { text-align: center; margin-top: 40px; }
.blog-pager a { display: inline-block; background: var(--ink); color: #fff; padding: 13px 30px; border-radius: 40px; font-weight: 600; font-size: 14px; margin: 0 6px; transition: background .2s; }
.blog-pager a:hover { background: var(--accent); }

/* Product Details */
.breadcrumb { font-size: 13px; color: var(--muted); margin: 26px 0 0; }
.breadcrumb a:hover { color: var(--accent); }
.post-layout { display: grid; grid-template-columns: 1.3fr .8fr; gap: 36px; align-items: start; margin-top: 18px; }
.post-main-card { background: var(--card); padding: 34px; border-radius: 20px; border: 1px solid var(--line); }
.post-title-main { font-family: var(--serif); font-size: 32px; font-weight: 700; margin-bottom: 20px; line-height: 1.25; }
.post-body { font-size: 15.5px; color: var(--ink-soft); line-height: 1.85; }
.post-body img { max-width: 100%; height: auto; border-radius: 14px; margin: 14px 0; display: block; }
.post-body .separator { text-align: center; }

.order-sidebar { background: var(--card); padding: 28px; border-radius: 20px; border: 1px solid var(--line); position: sticky; top: 92px; box-shadow: var(--shadow); }
.sidebar-eyebrow { font-size: 11.5px; letter-spacing: 1.6px; text-transform: uppercase; color: var(--accent); font-weight: 700; margin-bottom: 6px; }
.sidebar-price-box { display: flex; align-items: baseline; gap: 12px; margin-bottom: 18px; padding-bottom: 16px; border-bottom: 1px solid var(--line); }
.sidebar-price-box .current-price { font-family: var(--serif); font-size: 36px; font-weight: 700; }
.features-list { list-style: none; margin-bottom: 22px; font-size: 14px; color: var(--ink-soft); display: flex; flex-direction: column; gap: 11px; }
.features-list li { display: flex; align-items: center; gap: 10px; font-weight: 500; }
.features-list span { color: #fff; background: var(--accent); width: 22px; height: 22px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 12px; flex-shrink: 0; }
.single-order-btn { background: var(--ink); color: #fff; width: 100%; padding: 16px; border-radius: 12px; border: none; font-size: 16px; font-weight: 700; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 10px; transition: all .25s; font-family: var(--sans); }
.single-order-btn:hover { background: var(--accent); transform: translateY(-2px); }

.size-chart { margin-top: 22px; border: 1px solid var(--line); border-radius: 12px; overflow: hidden; font-size: 12.5px; }
.size-chart summary { cursor: pointer; padding: 12px 16px; font-weight: 700; background: #f7f4ee; list-style: none; }
.size-chart summary::-webkit-details-marker { display: none; }
.size-chart table { width: 100%; border-collapse: collapse; }
.size-chart th, .size-chart td { padding: 8px 10px; text-align: center; border-top: 1px solid var(--line); }
.size-chart th { background: #fff; color: var(--muted); font-weight: 600; }

.order-instructions { margin-top: 20px; font-size: 13px; color: var(--muted); background: #f7f4ee; padding: 16px 18px; border-radius: 12px; }
.order-instructions h4 { font-size: 13.5px; font-weight: 700; color: var(--ink); margin-bottom: 8px; }
.order-instructions ol { padding-left: 18px; display: flex; flex-direction: column; gap: 5px; }

/* Modal */
.modal-overlay { display: none; position: fixed; inset: 0; background: rgba(17,17,17,.7); backdrop-filter: blur(6px); z-index: 2000; align-items: center; justify-content: center; padding: 14px; }
.modal-box { background: #fff; width: 100%; max-width: 460px; max-height: 94vh; overflow-y: auto; padding: 30px; border-radius: 22px; position: relative; box-shadow: 0 30px 60px rgba(0,0,0,.35); }
.modal-close { position: absolute; top: 16px; right: 16px; font-size: 20px; cursor: pointer; border: none; background: #f1ede6; width: 34px; height: 34px; border-radius: 50%; color: var(--ink); line-height: 1; }
.modal-title { font-family: var(--serif); font-size: 24px; font-weight: 700; margin-bottom: 4px; }
.modal-product { font-size: 13.5px; color: var(--muted); margin-bottom: 18px; padding-bottom: 14px; border-bottom: 1px solid var(--line); }
.modal-product b { color: var(--ink); }
.form-group { margin-bottom: 14px; }
.form-group label { display: block; font-size: 12.5px; font-weight: 700; margin-bottom: 6px; color: var(--ink); }
.form-group input, .form-group textarea { width: 100%; padding: 12px 14px; border: 1.5px solid var(--line); border-radius: 10px; font-size: 14px; outline: none; background: #fdfcfa; font-family: var(--sans); transition: border-color .2s; }
.form-group input:focus, .form-group textarea:focus { border-color: var(--accent); background: #fff; }
.form-group textarea { resize: vertical; height: 72px; }
.form-row { display: grid; grid-template-columns: 1fr 110px; gap: 12px; }
.size-options { display: flex; gap: 8px; flex-wrap: wrap; }
.size-options input { display: none; }
.size-options label { margin: 0; min-width: 46px; text-align: center; padding: 9px 12px; border: 1.5px solid var(--line); border-radius: 10px; cursor: pointer; font-size: 13px; font-weight: 700; transition: all .15s; background: #fff; }
.size-options input:checked + label { background: var(--ink); color: #fff; border-color: var(--ink); }
.size-options label:hover { border-color: var(--ink); }
.submit-order-btn { width: 100%; background: var(--whatsapp); color: #fff; border: none; padding: 15px; border-radius: 12px; font-weight: 700; font-size: 15.5px; cursor: pointer; margin-top: 8px; transition: background .2s; font-family: var(--sans); }
.submit-order-btn:hover { background: var(--whatsapp-hover); }

/* Footer */
footer { background: var(--ink); color: #a8a29a; padding: 50px 24px 30px; margin-top: 40px; font-size: 14px; }
.footer-grid { max-width: 1240px; margin: 0 auto; display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 36px; padding-bottom: 30px; border-bottom: 1px solid #2c2a27; }
.footer-grid h4 { color: #fff; font-size: 14px; margin-bottom: 12px; letter-spacing: .5px; }
.footer-grid a { display: block; margin-bottom: 7px; transition: color .2s; }
.footer-grid a:hover { color: var(--gold); }
.footer-logo { font-family: var(--serif); font-size: 26px; color: #fff; font-weight: 800; margin-bottom: 10px; }
.footer-logo span { color: var(--gold); font-style: italic; }
.copyright { max-width: 1240px; margin: 22px auto 0; text-align: center; font-size: 13px; }

@media (max-width: 1024px) {
  .product-grid { grid-template-columns: repeat(3, 1fr); }
  .main-nav { display: none; }
}
@media (max-width: 820px) {
  .hero-inner { grid-template-columns: 1fr; }
  .hero-text { padding: 44px 28px 10px; }
  .hero h1 { font-size: 32px; }
  .hero-art { padding-bottom: 36px; }
  .trust { grid-template-columns: repeat(2, 1fr); }
  .post-layout { grid-template-columns: 1fr; }
  .order-sidebar { position: static; }
  .footer-grid { grid-template-columns: 1fr; }
  .product-grid { grid-template-columns: repeat(2, 1fr); gap: 14px; }
  .quick-order { display: none; }
}
@media (max-width: 560px) {
  .header-container { padding: 12px 14px; gap: 10px; }
  .logo { font-size: 23px; }
  .search-bar { width: 100%; flex: 1; }
  .hero, .trust, .container { padding-left: 14px; padding-right: 14px; }
  .product-info { padding: 12px 12px 14px; }
  .product-title { font-size: 13.5px; min-height: 38px; }
  .current-price { font-size: 17px; }
  .card-actions { flex-direction: column; }
  .section-title { font-size: 24px; }
  .post-main-card { padding: 20px; }
  .post-title-main { font-size: 25px; }
}
]]></b:skin>
</head>

<body>

  <div class='top-bar' id='topBarText'>🚚 সারাদেশে ক্যাশ অন ডেলিভারি &#183; <b>প্রিমিয়াম কটন টি-শার্ট</b> &#183; সহজ এক্সচেঞ্জ</div>

  <!-- Header -->
  <header>
    <div class='header-container'>
      <a class='logo' expr:href='data:blog.homepageUrl'>TEE <span>Studio</span></a>

      <nav class='main-nav'>
        <a expr:href='data:blog.homepageUrl'>হোম</a>
        <a expr:href='data:blog.homepageUrl + &quot;search/label/Men&quot;'>Men</a>
        <a expr:href='data:blog.homepageUrl + &quot;search/label/Women&quot;'>Women</a>
        <a expr:href='data:blog.homepageUrl + &quot;search/label/Kids&quot;'>Kids</a>
        <a expr:href='data:blog.homepageUrl + &quot;search/label/Couple&quot;'>Couple</a>
      </nav>

      <form action='/search' class='search-bar' method='get'>
        <input name='q' placeholder='টি-শার্ট ডিজাইন খুঁজুন...' type='text'/>
        <button type='submit'>খুঁজুন</button>
      </form>
    </div>
  </header>

  <!-- Hero (only home page) -->
  <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <section class='hero'>
      <div class='hero-inner'>
        <div class='hero-text'>
          <span class='hero-tag'>New Collection 2026</span>
          <h1>আপনার স্টাইল, <em>আপনার টি-শার্ট</em></h1>
          <p>প্রিমিয়াম কটন ফেব্রিক, ইউনিক গ্রাফিক ডিজাইন এবং পারফেক্ট ফিট &#8212; সবকিছু এক জায়গায়। পছন্দের সাইজ বেছে সরাসরি হোয়াটসঅ্যাপে অর্ডার করুন।</p>
          <a class='hero-cta' href='#shop-section'>কালেকশন দেখুন &#8594;</a>
        </div>
        <div class='hero-art'>
          <svg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'>
            <path d='M70 20 L30 40 L10 85 L45 100 L50 85 L50 180 L150 180 L150 85 L155 100 L190 85 L170 40 L130 20 C125 38 75 38 70 20 Z' fill='#f4f1ec'/>
            <path d='M70 20 C75 38 125 38 130 20' fill='none' stroke='#cfc8bd' stroke-width='3'/>
            <circle cx='100' cy='105' r='24' fill='none' stroke='#b4532a' stroke-width='3'/>
            <text fill='#b4532a' font-family='Georgia,serif' font-size='16' font-style='italic' font-weight='bold' text-anchor='middle' x='100' y='111'>TEE</text>
          </svg>
        </div>
      </div>
    </section>

    <div class='trust'>
      <div class='trust-item'><div class='ic'>🧵</div><div><b>প্রিমিয়াম কটন</b><span>নরম ও আরামদায়ক</span></div></div>
      <div class='trust-item'><div class='ic'>🚚</div><div><b>ক্যাশ অন ডেলিভারি</b><span>সারাদেশে হোম ডেলিভারি</span></div></div>
      <div class='trust-item'><div class='ic'>🔄</div><div><b>সহজ এক্সচেঞ্জ</b><span>সাইজ না মিললে পরিবর্তন</span></div></div>
      <div class='trust-item'><div class='ic'>💬</div><div><b>দ্রুত সাপোর্ট</b><span>হোয়াটসঅ্যাপে সরাসরি</span></div></div>
    </div>
  </b:if>

  <!-- Main Content -->
  <div class='container' id='shop-section'>

    <b:section class='main-content' id='main-content' showaddelement='yes'>
      <b:widget id='Blog1' locked='false' title='Blog Posts' type='Blog' version='2' visible='true'>
        <b:widget-settings>
          <b:widget-setting name='showDateHeader'>false</b:widget-setting>
          <b:widget-setting name='style.textcolor'>#ffffff</b:widget-setting>
          <b:widget-setting name='showShareButtons'>false</b:widget-setting>
          <b:widget-setting name='showCommentLink'>false</b:widget-setting>
          <b:widget-setting name='style.urlcolor'>#ffffff</b:widget-setting>
          <b:widget-setting name='showAuthor'>true</b:widget-setting>
          <b:widget-setting name='style.linkcolor'>#ffffff</b:widget-setting>
          <b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
          <b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>
          <b:widget-setting name='timestampLabel'/>
          <b:widget-setting name='reactionsLabel'/>
          <b:widget-setting name='showAuthorProfile'>false</b:widget-setting>
          <b:widget-setting name='style.layout'>1x1</b:widget-setting>
          <b:widget-setting name='showLabels'>true</b:widget-setting>
          <b:widget-setting name='showLocation'>true</b:widget-setting>
          <b:widget-setting name='postLabelsLabel'/>
          <b:widget-setting name='showTimestamp'>true</b:widget-setting>
          <b:widget-setting name='postsPerAd'>3</b:widget-setting>
          <b:widget-setting name='showBacklinks'>false</b:widget-setting>
          <b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>
          <b:widget-setting name='showInlineAds'>false</b:widget-setting>
          <b:widget-setting name='showReactions'>false</b:widget-setting>
        </b:widget-settings>
        <b:includable id='main'>

          <!-- HOME / INDEX / ARCHIVE / SEARCH -->
          <b:if cond='data:view.isMultipleItems'>
            <div class='section-header'>
              <div>
                <h2 class='section-title'>আমাদের টি-শার্ট কালেকশন</h2>
                <p class='section-sub'>পছন্দের ডিজাইন বেছে নিন, সাইজ সিলেক্ট করে অর্ডার করুন</p>
              </div>
              <div class='cat-chips'>
                <a expr:href='data:blog.homepageUrl'>সব</a>
                <a expr:href='data:blog.homepageUrl + &quot;search/label/Men&quot;'>Men</a>
                <a expr:href='data:blog.homepageUrl + &quot;search/label/Women&quot;'>Women</a>
                <a expr:href='data:blog.homepageUrl + &quot;search/label/Kids&quot;'>Kids</a>
                <a expr:href='data:blog.homepageUrl + &quot;search/label/Couple&quot;'>Couple</a>
              </div>
            </div>

            <div class='product-grid'>
              <b:loop values='data:posts' var='post'>
                <div class='product-card'>
                  <a class='product-thumb-wrap' expr:href='data:post.url'>
                    <b:loop values='data:post.labels' var='lbl'>
                      <b:if cond='data:lbl.name == &quot;New&quot; or data:lbl.name == &quot;new&quot;'>
                        <span class='tee-badge'>New</span>
                      </b:if>
                      <b:if cond='data:lbl.name == &quot;Hot&quot; or data:lbl.name == &quot;hot&quot; or data:lbl.name == &quot;Bestseller&quot;'>
                        <span class='tee-badge'>Bestseller</span>
                      </b:if>
                    </b:loop>

                    <b:if cond='data:post.featuredImage'>
                      <img class='product-thumb' expr:alt='data:post.title' expr:src='data:post.featuredImage' loading='lazy'/>
                    <b:else/>
                      <img alt='T-Shirt' class='product-thumb' loading='lazy' src='data:image/svg+xml;utf8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 200 250%27%3E%3Crect width=%27200%27 height=%27250%27 fill=%27%23f1ede6%27/%3E%3Cpath d=%27M70 60 L35 78 L20 115 L50 128 L55 115 L55 200 L145 200 L145 115 L150 128 L180 115 L165 78 L130 60 C125 76 75 76 70 60 Z%27 fill=%27%23ffffff%27 stroke=%27%23d8d1c5%27 stroke-width=%273%27/%3E%3C/svg%3E'/>
                    </b:if>

                    <button class='quick-order js-order-btn' type='button'>⚡ কুইক অর্ডার</button>
                  </a>

                  <div class='product-info'>
                    <div class='product-cat'>T-Shirt</div>
                    <a class='product-title' expr:href='data:post.url'><data:post.title/></a>
                    <div class='price-box'>
                      <span class='current-price'><b:loop index='pi' values='data:post.labels' var='pl'><b:if cond='data:pi == 0'><data:pl.name/></b:if></b:loop></span>
                      <div class='sizes-mini'>সাইজ: S &#183; M &#183; L &#183; XL &#183; XXL</div>
                    </div>
                    <div class='card-actions'>
                      <a class='card-btn btn-details' expr:href='data:post.url'>বিস্তারিত</a>
                      <button class='card-btn btn-order js-order-btn' type='button'>অর্ডার করুন</button>
                    </div>
                  </div>
                </div>
              </b:loop>
            </div>

            <div class='blog-pager'>
              <b:if cond='data:newerPageUrl'>
                <a expr:href='data:newerPageUrl'>&#171; নতুন ডিজাইন</a>
              </b:if>
              <b:if cond='data:olderPageUrl'>
                <a expr:href='data:olderPageUrl'>আরও ডিজাইন &#187;</a>
              </b:if>
            </div>

          <!-- SINGLE POST / PRODUCT DETAILS -->
          <b:else/>
            <b:loop values='data:posts' var='post'>
              <div class='breadcrumb'>
                <a expr:href='data:blog.homepageUrl'>হোম</a> / <span>T-Shirt</span>
              </div>
              <div class='post-layout'>
                <div class='post-main-card'>
                  <h1 class='post-title-main'><data:post.title/></h1>
                  <div class='post-body'>
                    <data:post.body/>
                  </div>
                </div>

                <div class='order-sidebar'>
                  <div class='sidebar-eyebrow'>Premium Cotton Tee</div>
                  <div class='sidebar-price-box'>
                    <span class='current-price'><b:loop index='pi' values='data:post.labels' var='pl'><b:if cond='data:pi == 0'><data:pl.name/></b:if></b:loop></span>
                  </div>

                  <ul class='features-list'>
                    <li><span>&#10003;</span> ১০০% প্রিমিয়াম কটন ফেব্রিক</li>
                    <li><span>&#10003;</span> হাই-কোয়ালিটি প্রিন্ট, ধোয়ার পরেও টেকসই</li>
                    <li><span>&#10003;</span> সারাদেশে ক্যাশ অন ডেলিভারি</li>
                    <li><span>&#10003;</span> সাইজ না মিললে এক্সচেঞ্জ সুবিধা</li>
                  </ul>

                  <button class='single-order-btn js-order-btn' type='button'>
                    💬 হোয়াটসঅ্যাপে অর্ডার করুন
                  </button>

                  <details class='size-chart'>
                    <summary>📏 সাইজ চার্ট (ইঞ্চি)</summary>
                    <table>
                      <tr><th>সাইজ</th><th>বুক</th><th>লম্বা</th></tr>
                      <tr><td>S</td><td>36</td><td>26</td></tr>
                      <tr><td>M</td><td>38</td><td>27</td></tr>
                      <tr><td>L</td><td>40</td><td>28</td></tr>
                      <tr><td>XL</td><td>42</td><td>29</td></tr>
                      <tr><td>XXL</td><td>44</td><td>30</td></tr>
                    </table>
                  </details>

                  <div class='order-instructions'>
                    <h4>📌 যেভাবে অর্ডার করবেন:</h4>
                    <ol>
                      <li>অর্ডার বাটনে ক্লিক করুন।</li>
                      <li>সাইজ, পরিমাণ, নাম, ফোন ও ঠিকানা দিন।</li>
                      <li>&quot;সেন্ড অর্ডার&quot; দিলেই সরাসরি হোয়াটসঅ্যাপে মেসেজ চলে যাবে!</li>
                    </ol>
                  </div>
                </div>
              </div>
            </b:loop>
          </b:if>

        </b:includable>
      </b:widget>
    </b:section>

  </div>

  <!-- Order Modal -->
  <div class='modal-overlay' id='orderModal'>
    <div class='modal-box'>
      <button class='modal-close' onclick='closeOrderModal()' type='button'>&#215;</button>
      <div class='modal-title'>অর্ডার কনফার্ম করুন</div>
      <div class='modal-product'><b id='modalProductLabel'>T-Shirt</b> &#183; <span id='modalPriceLabel'></span></div>

      <form id='whatsappOrderForm' onsubmit='sendToWhatsApp(event)'>
        <input id='modalProductName' type='hidden'/>
        <input id='modalProductPrice' type='hidden'/>
        <input id='modalProductUrl' type='hidden'/>

        <div class='form-group'>
          <label>সাইজ সিলেক্ট করুন *</label>
          <div class='size-options'>
            <input id='sz-S' name='tsize' type='radio' value='S'/><label for='sz-S'>S</label>
            <input id='sz-M' name='tsize' type='radio' value='M' checked='checked'/><label for='sz-M'>M</label>
            <input id='sz-L' name='tsize' type='radio' value='L'/><label for='sz-L'>L</label>
            <input id='sz-XL' name='tsize' type='radio' value='XL'/><label for='sz-XL'>XL</label>
            <input id='sz-XXL' name='tsize' type='radio' value='XXL'/><label for='sz-XXL'>XXL</label>
          </div>
        </div>

        <div class='form-row'>
          <div class='form-group'>
            <label>কালার (ঐচ্ছিক)</label>
            <input id='custColor' placeholder='যেমন: কালো, সাদা' type='text'/>
          </div>
          <div class='form-group'>
            <label>পরিমাণ</label>
            <input id='custQty' min='1' type='number' value='1'/>
          </div>
        </div>

        <div class='form-group'>
          <label>আপনার নাম *</label>
          <input id='custName' placeholder='আপনার নাম লিখুন' required='required' type='text'/>
        </div>
        <div class='form-group'>
          <label>মোবাইল নম্বর *</label>
          <input id='custPhone' placeholder='যেমন: 01927661298' required='required' type='tel'/>
        </div>
        <div class='form-group'>
          <label>ডেলিভারি ঠিকানা *</label>
          <textarea id='custAddress' placeholder='বাসা, রোড, থানা, জেলা...' required='required'></textarea>
        </div>
        <div class='form-group'>
          <label>বিশেষ নোট (ঐচ্ছিক)</label>
          <input id='custNote' placeholder='যেমন: নামসহ কাস্টম প্রিন্ট চাই' type='text'/>
        </div>
        <button class='submit-order-btn' type='submit'>সেন্ড অর্ডার টু হোয়াটসঅ্যাপ</button>
      </form>
    </div>
  </div>

  <!-- Footer -->
  <footer>
    <div class='footer-grid'>
      <div>
        <div class='footer-logo'>TEE <span>Studio</span></div>
        <p>প্রিমিয়াম কোয়ালিটির ট্রেন্ডি টি-শার্ট ডিজাইন। আপনার স্টাইলকে দিন নতুন মাত্রা।</p>
      </div>
      <div>
        <h4>ক্যাটাগরি</h4>
        <a expr:href='data:blog.homepageUrl + &quot;search/label/Men&quot;'>Men</a>
        <a expr:href='data:blog.homepageUrl + &quot;search/label/Women&quot;'>Women</a>
        <a expr:href='data:blog.homepageUrl + &quot;search/label/Kids&quot;'>Kids</a>
        <a expr:href='data:blog.homepageUrl + &quot;search/label/Couple&quot;'>Couple</a>
      </div>
      <div>
        <h4>যোগাযোগ</h4>
        <a href='https://wa.me/8801927661298' id='footWa' rel='noopener' target='_blank'>💬 WhatsApp: 01927661298</a>
        <a>🚚 সারাদেশে ক্যাশ অন ডেলিভারি</a>
      </div>
    </div>
    <div class='copyright'>&#169; 2026 <span class='js-site-name'><data:blog.title/></span>. সকল অধিকার সংরক্ষিত।</div>
    <b:section class='sidebar' id='sidebar-section' name='Footer Widgets' showaddelement='yes'/>
  </footer>

  <script>
  //<![CDATA[
  var storeWhatsAppNumber = TCONFIG.whatsapp;

  // ---- Apply website configuration ----
  (function applyConfig() {
    var parts = TCONFIG.siteName.trim().split(/\s+/);
    var first = parts.shift() || '';
    var rest = parts.join(' ');

    document.querySelectorAll('.logo, .footer-logo').forEach(function (el) {
      el.textContent = '';
      if (TCONFIG.logo && el.classList.contains('logo')) {
        var img = document.createElement('img');
        img.src = TCONFIG.logo;
        img.alt = TCONFIG.siteName;
        img.style.cssText = 'height:40px;width:auto;display:block;';
        el.appendChild(img);
      } else {
        el.appendChild(document.createTextNode(first + (rest ? ' ' : '')));
        if (rest) {
          var sp = document.createElement('span');
          sp.textContent = rest;
          el.appendChild(sp);
        }
      }
    });

    document.querySelectorAll('.js-site-name').forEach(function (el) {
      el.textContent = TCONFIG.siteName;
    });

    var tb = document.getElementById('topBarText');
    if (tb && TCONFIG.topBar) { tb.textContent = TCONFIG.topBar; }

    var fw = document.getElementById('footWa');
    if (fw) {
      fw.href = 'https://wa.me/' + TCONFIG.whatsapp;
      var n = TCONFIG.whatsapp.replace(/^880/, '0');
      fw.textContent = '💬 WhatsApp: ' + n;
    }
  })();

  function openModalFromButton(btn) {
    var title = '', price = '', url = window.location.href;
    var card = btn.closest('.product-card');

    if (card) {
      var t = card.querySelector('.product-title');
      var p = card.querySelector('.current-price');
      if (t) { title = t.textContent; url = t.href; }
      if (p) { price = p.textContent; }
    } else {
      var t2 = document.querySelector('.post-title-main');
      var p2 = document.querySelector('.order-sidebar .current-price');
      title = t2 ? t2.textContent : document.title;
      price = p2 ? p2.textContent : '';
    }

    title = title.trim() || 'T-Shirt';
    price = price.trim() || 'N/A';

    document.getElementById('modalProductName').value = title;
    document.getElementById('modalProductPrice').value = price;
    document.getElementById('modalProductUrl').value = url;
    document.getElementById('modalProductLabel').textContent = title;
    document.getElementById('modalPriceLabel').textContent = price;
    document.getElementById('orderModal').style.display = 'flex';
  }

  function closeOrderModal() {
    document.getElementById('orderModal').style.display = 'none';
  }

  function sendToWhatsApp(event) {
    event.preventDefault();

    var title = document.getElementById('modalProductName').value;
    var price = document.getElementById('modalProductPrice').value;
    var url = document.getElementById('modalProductUrl').value;
    var name = document.getElementById('custName').value;
    var phone = document.getElementById('custPhone').value;
    var address = document.getElementById('custAddress').value;
    var color = document.getElementById('custColor').value || 'ডিজাইন অনুযায়ী';
    var qty = document.getElementById('custQty').value || '1';
    var note = document.getElementById('custNote').value || 'নেই';
    var sizeEl = document.querySelector('input[name="tsize"]:checked');
    var size = sizeEl ? sizeEl.value : 'M';

    var message = "👕 *নতুন টি-শার্ট অর্ডার!*\n\n";
    message += "📦 *প্রোডাক্ট:* " + title + "\n";
    message += "💰 *দাম:* " + price + "\n";
    message += "📏 *সাইজ:* " + size + "\n";
    message += "🎨 *কালার:* " + color + "\n";
    message += "🔢 *পরিমাণ:* " + qty + " পিস\n";
    message += "📝 *নোট:* " + note + "\n";
    message += "🔗 *লিংক:* " + url + "\n\n";
    message += "👤 *গ্রাহকের বিবরণ:*\n";
    message += "• নাম: " + name + "\n";
    message += "• ফোন: " + phone + "\n";
    message += "• ঠিকানা: " + address;

    var whatsappUrl = "https://wa.me/" + storeWhatsAppNumber + "?text=" + encodeURIComponent(message);
    window.open(whatsappUrl, '_blank');
    closeOrderModal();
  }

  document.addEventListener('click', function (e) {
    var btn = e.target.closest ? e.target.closest('.js-order-btn') : null;
    if (btn) {
      e.preventDefault();
      e.stopPropagation();
      openModalFromButton(btn);
      return;
    }
    if (e.target && e.target.id === 'orderModal') {
      closeOrderModal();
    }
  });

  document.addEventListener('keydown', function (e) {
    if (e.key === 'Escape') { closeOrderModal(); }
  });
  //]]>
  </script>

</body>
</html>
বিজ্ঞাপন
পোস্ট করেছেন

Tanbin Farazi