From cf39b76e448211889f03390c8ada15c1bb8d9ce3 Mon Sep 17 00:00:00 2001
From: sadra <sadrataghavi1383@gmail.com>
Date: Fri, 17 Nov 2023 15:06:58 +0330
Subject: [PATCH] feat(app)

---
 mark/tmpl/products/index.html | 261 ++++++++++++++++++++--------------
 1 file changed, 157 insertions(+), 104 deletions(-)

diff --git a/mark/tmpl/products/index.html b/mark/tmpl/products/index.html
index 690e28a..c8387d2 100644
--- a/mark/tmpl/products/index.html
+++ b/mark/tmpl/products/index.html
@@ -1,6 +1,6 @@
 {% extends 'base.html' %}
 
-{% block header %} 
+{% block header %}
 
 <link href="/static/style/products/products.css" rel="stylesheet" />
 
@@ -9,108 +9,161 @@
 {% block content %}
 
 <main class="products-page-container">
-    <header class="products-header" style="background-image:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
+   <header class="products-header" style="background-image:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
        url(/static/image/header.webp)">
-       <h2 class="header-title title_hero">محصولات</h2>
-    </header>
-    <section class="products-wrapper">
-       <figure class="product-card">
-          <img class="card-img" src="/static/image/products/1.webp" decoding="async" loading="lazy" alt="صندلی صنایع تولیدی حیدری"/>
-          <figcaption class="card-caption title_smaller">صندلی کد 1</figcaption>
-       </figure>
-       <figure class="product-card">
-          <img class="card-img" src="/static/image/products/2.webp" decoding="async" loading="lazy" alt="صندلی صنایع تولیدی حیدری"/>
-          <figcaption class="card-caption title_smaller">صندلی کد 2</figcaption>
-       </figure>
-       <figure class="product-card">
-          <img class="card-img" src="/static/image/products/3.webp" decoding="async" loading="lazy" alt="صندلی صنایع تولیدی حیدری"/>
-          <figcaption class="card-caption title_smaller">صندلی کد 3</figcaption>
-       </figure>
-       <figure class="product-card">
-          <img class="card-img" src="/static/image/products/4.webp" decoding="async" loading="lazy" alt="صندلی صنایع تولیدی حیدری"/>
-          <figcaption class="card-caption title_smaller">صندلی کد 4</figcaption>
-       </figure>
-       <figure class="product-card">
-          <img class="card-img" src="/static/image/products/5.webp" decoding="async" loading="lazy" alt="صندلی صنایع تولیدی حیدری"/>
-          <figcaption class="card-caption title_smaller">صندلی کد 5</figcaption>
-       </figure>
-       <figure class="product-card">
-          <img class="card-img" src="/static/image/products/6.webp" decoding="async" loading="lazy" alt="صندلی صنایع تولیدی حیدری"/>
-          <figcaption class="card-caption title_smaller">صندلی کد 6</figcaption>
-       </figure>
-       <figure class="product-card">
-          <img class="card-img" src="/static/image/products/7.webp" decoding="async" loading="lazy" alt="صندلی صنایع تولیدی حیدری"/>
-          <figcaption class="card-caption title_smaller">صندلی کد 7</figcaption>
-       </figure>
-       <figure class="product-card">
-          <img class="card-img" src="/static/image/products/8.webp" decoding="async" loading="lazy" alt="صندلی صنایع تولیدی حیدری"/>
-          <figcaption class="card-caption title_smaller">صندلی کد 8</figcaption>
-       </figure>
-       <figure class="product-card">
-          <img class="card-img" src="/static/image/products/9.webp" decoding="async" loading="lazy" alt="صندلی صنایع تولیدی حیدری"/>
-          <figcaption class="card-caption title_smaller">صندلی کد 9</figcaption>
-       </figure>
-       <figure class="product-card">
-          <img class="card-img" src="/static/image/products/10.webp" decoding="async" loading="lazy" alt="صندلی صنایع تولیدی حیدری"/>
-          <figcaption class="card-caption title_smaller">صندلی کد 10</figcaption>
-       </figure>
-       <figure class="product-card">
-          <img class="card-img" src="/static/image/products/11.webp" decoding="async" loading="lazy" alt="صندلی صنایع تولیدی حیدری"/>
-          <figcaption class="card-caption title_smaller">صندلی کد 11</figcaption>
-       </figure>
-       <figure class="product-card">
-          <img class="card-img" src="/static/image/products/12.webp" decoding="async" loading="lazy" alt="صندلی صنایع تولیدی حیدری"/>
-          <figcaption class="card-caption title_smaller">صندلی کد 12</figcaption>
-       </figure>
-       <figure class="product-card">
-          <img class="card-img" src="/static/image/products/13.webp" decoding="async" loading="lazy" alt="صندلی صنایع تولیدی حیدری"/>
-          <figcaption class="card-caption title_smaller">صندلی کد 13</figcaption>
-       </figure>
-    </section>
-    <div class="contact-wrapper">
-       <aside class="contact-data title_small">
-          <div class="contact-header">
-             <a class="link call" href="tel:02155004626">
-                <div class="link-holder">
-                   <div class="icon">
-                      <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="25" width="25" xmlns="http://www.w3.org/2000/svg">
-                         <path d="M480 160V77.25a32 32 0 0 0-9.38-22.63L425.37 9.37A32 32 0 0 0 402.75 0H160a32 32 0 0 0-32 32v448a32 32 0 0 0 32 32h320a32 32 0 0 0 32-32V192a32 32 0 0 0-32-32zM288 432a16 16 0 0 1-16 16h-32a16 16 0 0 1-16-16v-32a16 16 0 0 1 16-16h32a16 16 0 0 1 16 16zm0-128a16 16 0 0 1-16 16h-32a16 16 0 0 1-16-16v-32a16 16 0 0 1 16-16h32a16 16 0 0 1 16 16zm128 128a16 16 0 0 1-16 16h-32a16 16 0 0 1-16-16v-32a16 16 0 0 1 16-16h32a16 16 0 0 1 16 16zm0-128a16 16 0 0 1-16 16h-32a16 16 0 0 1-16-16v-32a16 16 0 0 1 16-16h32a16 16 0 0 1 16 16zm0-112H192V64h160v48a16 16 0 0 0 16 16h48zM64 128H32a32 32 0 0 0-32 32v320a32 32 0 0 0 32 32h32a32 32 0 0 0 32-32V160a32 32 0 0 0-32-32z"></path>
-                      </svg>
-                   </div>
-                   <div class="holder">تلفن کارخانه</div>
-                </div>
-                <div class="data">021 - 55004626</div>
-             </a>
-             <a class="link call" href="tel:02155005158">
-                <div class="link-holder">
-                   <div class="icon">
-                      <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="25" width="25" xmlns="http://www.w3.org/2000/svg">
-                         <path d="M480 160V77.25a32 32 0 0 0-9.38-22.63L425.37 9.37A32 32 0 0 0 402.75 0H160a32 32 0 0 0-32 32v448a32 32 0 0 0 32 32h320a32 32 0 0 0 32-32V192a32 32 0 0 0-32-32zM288 432a16 16 0 0 1-16 16h-32a16 16 0 0 1-16-16v-32a16 16 0 0 1 16-16h32a16 16 0 0 1 16 16zm0-128a16 16 0 0 1-16 16h-32a16 16 0 0 1-16-16v-32a16 16 0 0 1 16-16h32a16 16 0 0 1 16 16zm128 128a16 16 0 0 1-16 16h-32a16 16 0 0 1-16-16v-32a16 16 0 0 1 16-16h32a16 16 0 0 1 16 16zm0-128a16 16 0 0 1-16 16h-32a16 16 0 0 1-16-16v-32a16 16 0 0 1 16-16h32a16 16 0 0 1 16 16zm0-112H192V64h160v48a16 16 0 0 0 16 16h48zM64 128H32a32 32 0 0 0-32 32v320a32 32 0 0 0 32 32h32a32 32 0 0 0 32-32V160a32 32 0 0 0-32-32z"></path>
-                      </svg>
-                   </div>
-                   <div class="holder">تلفن کارخانه</div>
-                </div>
-                <div class="data">021 - 55005158</div>
-             </a>
-             <a class="link call" href="tel:9129429430">
-                <div class="link-holder">
-                   <div class="icon">
-                      <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="25" width="25" xmlns="http://www.w3.org/2000/svg">
-                         <path d="M497.39 361.8l-112-48a24 24 0 0 0-28 6.9l-49.6 60.6A370.66 370.66 0 0 1 130.6 204.11l60.6-49.6a23.94 23.94 0 0 0 6.9-28l-48-112A24.16 24.16 0 0 0 122.6.61l-104 24A24 24 0 0 0 0 48c0 256.5 207.9 464 464 464a24 24 0 0 0 23.4-18.6l24-104a24.29 24.29 0 0 0-14.01-27.6z"></path>
-                      </svg>
-                   </div>
-                   <div class="holder">تلفن همراه</div>
-                </div>
-                <div class="data">+98 - 9129429430</div>
-             </a>
-          </div>
-          <div class="contact-body">
-             <p class="title_small">
-                آدرس: تهران ، صالح آباد شرقی ، نبش میدان شهید خالقی پ ۲<!-- --> 
-             </p>
-          </div>
-       </aside>
-       <aside class="location"><iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3243.8432237114876!2d51.398114240961355!3d35.60693365010938!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3f91fee562d59ecd%3A0x6b19f3f9e0e18b6d!2z2LXZhtin24zYuSDYqtmI2YTbjNiv24wg2K3bjNiv2LHbjA!5e0!3m2!1sen!2s!4v1690967302774!5m2!1sen!2s" allowfullscreen="" loading="lazy" height="500"></iframe></aside>
-    </div>
- </main>
+      <h2 class="header-title title_hero">محصولات</h2>
+   </header>
+   <section class="products-wrapper">
+      <figure class="product-card">
+         <img class="card-img" src="/static/image/products/1.webp" decoding="async" loading="lazy"
+            alt="صندلی صنایع تولیدی حیدری" />
+         <figcaption class="card-caption title_smaller">صندلی کد 1</figcaption>
+      </figure>
+      <figure class="product-card">
+         <img class="card-img" src="/static/image/products/2.webp" decoding="async" loading="lazy"
+            alt="صندلی صنایع تولیدی حیدری" />
+         <figcaption class="card-caption title_smaller">صندلی کد 2</figcaption>
+      </figure>
+      <figure class="product-card">
+         <img class="card-img" src="/static/image/products/3.webp" decoding="async" loading="lazy"
+            alt="صندلی صنایع تولیدی حیدری" />
+         <figcaption class="card-caption title_smaller">صندلی کد 3</figcaption>
+      </figure>
+      <figure class="product-card">
+         <img class="card-img" src="/static/image/products/4.webp" decoding="async" loading="lazy"
+            alt="صندلی صنایع تولیدی حیدری" />
+         <figcaption class="card-caption title_smaller">صندلی کد 4</figcaption>
+      </figure>
+      <figure class="product-card">
+         <img class="card-img" src="/static/image/products/5.webp" decoding="async" loading="lazy"
+            alt="صندلی صنایع تولیدی حیدری" />
+         <figcaption class="card-caption title_smaller">صندلی کد 5</figcaption>
+      </figure>
+      <figure class="product-card">
+         <img class="card-img" src="/static/image/products/6.webp" decoding="async" loading="lazy"
+            alt="صندلی صنایع تولیدی حیدری" />
+         <figcaption class="card-caption title_smaller">صندلی کد 6</figcaption>
+      </figure>
+      <figure class="product-card">
+         <img class="card-img" src="/static/image/products/7.webp" decoding="async" loading="lazy"
+            alt="صندلی صنایع تولیدی حیدری" />
+         <figcaption class="card-caption title_smaller">صندلی کد 7</figcaption>
+      </figure>
+      <figure class="product-card">
+         <img class="card-img" src="/static/image/products/8.webp" decoding="async" loading="lazy"
+            alt="صندلی صنایع تولیدی حیدری" />
+         <figcaption class="card-caption title_smaller">صندلی کد 8</figcaption>
+      </figure>
+      <figure class="product-card">
+         <img class="card-img" src="/static/image/products/9.webp" decoding="async" loading="lazy"
+            alt="صندلی صنایع تولیدی حیدری" />
+         <figcaption class="card-caption title_smaller">صندلی کد 9</figcaption>
+      </figure>
+      <figure class="product-card">
+         <img class="card-img" src="/static/image/products/10.webp" decoding="async" loading="lazy"
+            alt="صندلی صنایع تولیدی حیدری" />
+         <figcaption class="card-caption title_smaller">صندلی کد 10</figcaption>
+      </figure>
+      <figure class="product-card">
+         <img class="card-img" src="/static/image/products/11.webp" decoding="async" loading="lazy"
+            alt="صندلی صنایع تولیدی حیدری" />
+         <figcaption class="card-caption title_smaller">صندلی کد 11</figcaption>
+      </figure>
+      <figure class="product-card">
+         <img class="card-img" src="/static/image/products/12.webp" decoding="async" loading="lazy"
+            alt="صندلی صنایع تولیدی حیدری" />
+         <figcaption class="card-caption title_smaller">صندلی کد 12</figcaption>
+      </figure>
+      <figure class="product-card">
+         <img class="card-img" src="/static/image/products/13.webp" decoding="async" loading="lazy"
+            alt="صندلی صنایع تولیدی حیدری" />
+         <figcaption class="card-caption title_smaller">صندلی کد 13</figcaption>
+      </figure>
+   </section>
+   <div class="contact-wrapper">
+      <aside class="contact-data title_small">
+         <div class="contact-header">
+            <a class="link call" href="tel:02155009865">
+               <div class="link-holder">
+                  <div class="icon">
+                     <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="25"
+                        width="25" xmlns="http://www.w3.org/2000/svg">
+                        <path
+                           d="M480 160V77.25a32 32 0 0 0-9.38-22.63L425.37 9.37A32 32 0 0 0 402.75 0H160a32 32 0 0 0-32 32v448a32 32 0 0 0 32 32h320a32 32 0 0 0 32-32V192a32 32 0 0 0-32-32zM288 432a16 16 0 0 1-16 16h-32a16 16 0 0 1-16-16v-32a16 16 0 0 1 16-16h32a16 16 0 0 1 16 16zm0-128a16 16 0 0 1-16 16h-32a16 16 0 0 1-16-16v-32a16 16 0 0 1 16-16h32a16 16 0 0 1 16 16zm128 128a16 16 0 0 1-16 16h-32a16 16 0 0 1-16-16v-32a16 16 0 0 1 16-16h32a16 16 0 0 1 16 16zm0-128a16 16 0 0 1-16 16h-32a16 16 0 0 1-16-16v-32a16 16 0 0 1 16-16h32a16 16 0 0 1 16 16zm0-112H192V64h160v48a16 16 0 0 0 16 16h48zM64 128H32a32 32 0 0 0-32 32v320a32 32 0 0 0 32 32h32a32 32 0 0 0 32-32V160a32 32 0 0 0-32-32z">
+                        </path>
+                     </svg>
+                  </div>
+                  <div class="holder">تلفن کارخانه</div>
+               </div>
+               <div class="data">021 - 55009865</div>
+            </a>
+            <a class="link call" href="tel:02155004626">
+               <div class="link-holder">
+                  <div class="icon">
+                     <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="25"
+                        width="25" xmlns="http://www.w3.org/2000/svg">
+                        <path
+                           d="M480 160V77.25a32 32 0 0 0-9.38-22.63L425.37 9.37A32 32 0 0 0 402.75 0H160a32 32 0 0 0-32 32v448a32 32 0 0 0 32 32h320a32 32 0 0 0 32-32V192a32 32 0 0 0-32-32zM288 432a16 16 0 0 1-16 16h-32a16 16 0 0 1-16-16v-32a16 16 0 0 1 16-16h32a16 16 0 0 1 16 16zm0-128a16 16 0 0 1-16 16h-32a16 16 0 0 1-16-16v-32a16 16 0 0 1 16-16h32a16 16 0 0 1 16 16zm128 128a16 16 0 0 1-16 16h-32a16 16 0 0 1-16-16v-32a16 16 0 0 1 16-16h32a16 16 0 0 1 16 16zm0-128a16 16 0 0 1-16 16h-32a16 16 0 0 1-16-16v-32a16 16 0 0 1 16-16h32a16 16 0 0 1 16 16zm0-112H192V64h160v48a16 16 0 0 0 16 16h48zM64 128H32a32 32 0 0 0-32 32v320a32 32 0 0 0 32 32h32a32 32 0 0 0 32-32V160a32 32 0 0 0-32-32z">
+                        </path>
+                     </svg>
+                  </div>
+                  <div class="holder">تلفن کارخانه</div>
+               </div>
+               <div class="data">021 - 55004626</div>
+            </a>
+            <a class="link call" href="tel:02155005158">
+               <div class="link-holder">
+                  <div class="icon">
+                     <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="25"
+                        width="25" xmlns="http://www.w3.org/2000/svg">
+                        <path
+                           d="M480 160V77.25a32 32 0 0 0-9.38-22.63L425.37 9.37A32 32 0 0 0 402.75 0H160a32 32 0 0 0-32 32v448a32 32 0 0 0 32 32h320a32 32 0 0 0 32-32V192a32 32 0 0 0-32-32zM288 432a16 16 0 0 1-16 16h-32a16 16 0 0 1-16-16v-32a16 16 0 0 1 16-16h32a16 16 0 0 1 16 16zm0-128a16 16 0 0 1-16 16h-32a16 16 0 0 1-16-16v-32a16 16 0 0 1 16-16h32a16 16 0 0 1 16 16zm128 128a16 16 0 0 1-16 16h-32a16 16 0 0 1-16-16v-32a16 16 0 0 1 16-16h32a16 16 0 0 1 16 16zm0-128a16 16 0 0 1-16 16h-32a16 16 0 0 1-16-16v-32a16 16 0 0 1 16-16h32a16 16 0 0 1 16 16zm0-112H192V64h160v48a16 16 0 0 0 16 16h48zM64 128H32a32 32 0 0 0-32 32v320a32 32 0 0 0 32 32h32a32 32 0 0 0 32-32V160a32 32 0 0 0-32-32z">
+                        </path>
+                     </svg>
+                  </div>
+                  <div class="holder">تلفن کارخانه</div>
+               </div>
+               <div class="data">021 - 55005158</div>
+            </a>
+            <a class="link call" href="tel:9127026965">
+               <div class="link-holder">
+                  <div class="icon">
+                     <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="25"
+                        width="25" xmlns="http://www.w3.org/2000/svg">
+                        <path
+                           d="M497.39 361.8l-112-48a24 24 0 0 0-28 6.9l-49.6 60.6A370.66 370.66 0 0 1 130.6 204.11l60.6-49.6a23.94 23.94 0 0 0 6.9-28l-48-112A24.16 24.16 0 0 0 122.6.61l-104 24A24 24 0 0 0 0 48c0 256.5 207.9 464 464 464a24 24 0 0 0 23.4-18.6l24-104a24.29 24.29 0 0 0-14.01-27.6z">
+                        </path>
+                     </svg>
+                  </div>
+                  <div class="holder">تلفن مدير فروش</div>
+               </div>
+               <div class="data">+98 - 9127026965</div>
+            </a>
+            <a class="link call" href="tel:9129429430">
+               <div class="link-holder">
+                  <div class="icon">
+                     <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="25"
+                        width="25" xmlns="http://www.w3.org/2000/svg">
+                        <path
+                           d="M497.39 361.8l-112-48a24 24 0 0 0-28 6.9l-49.6 60.6A370.66 370.66 0 0 1 130.6 204.11l60.6-49.6a23.94 23.94 0 0 0 6.9-28l-48-112A24.16 24.16 0 0 0 122.6.61l-104 24A24 24 0 0 0 0 48c0 256.5 207.9 464 464 464a24 24 0 0 0 23.4-18.6l24-104a24.29 24.29 0 0 0-14.01-27.6z">
+                        </path>
+                     </svg>
+                  </div>
+                  <div class="holder">تلفن همراه</div>
+               </div>
+               <div class="data">+98 - 9129429430</div>
+            </a>
+         </div>
+         <div class="contact-body">
+            <p class="title_small">
+               آدرس: تهران ، صالح آباد شرقی ، نبش میدان شهید خالقی پ ۲
+               <!-- -->
+            </p>
+         </div>
+      </aside>
+      <aside class="location"><iframe
+            src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3243.8432237114876!2d51.398114240961355!3d35.60693365010938!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3f91fee562d59ecd%3A0x6b19f3f9e0e18b6d!2z2LXZhtin24zYuSDYqtmI2YTbjNiv24wg2K3bjNiv2LHbjA!5e0!3m2!1sen!2s!4v1690967302774!5m2!1sen!2s"
+            allowfullscreen="" loading="lazy" height="500"></iframe></aside>
+   </div>
+</main>
 {% endblock content %}
\ No newline at end of file