templates/base_site/site/v3/modules/footer.html.twig line 1

Open in your IDE?
  1. <div id="footer" class="position-relative z-3">
  2.     <div class="container px-4 position-relative">
  3.         <div class="py-5 py-md-5">
  4.             <div class="position-relative d-flex flex-column align-items-center justify-content-center overflow-hidden"
  5.                  id="prepare">
  6.                 <div
  7.                         class="position-absolute top-0 start-0 w-100 h-100 overflow-hidden rounded-3 opacity-50 aurora-bg">
  8.                 </div>
  9.                 <div class="position-relative text-center py-5 px-4">
  10.                     <h2 class="sec-title fw-bold">سوالی دارید؟ منتظر تماس شما هستیم</h2>
  11.                     <p class="mt-3 mx-auto" style="max-width: 400px;">
  12.                     <p>
  13.                         برای مشاوره رایگان واتساپی با شماره
  14.                         <a class="text-with-phone-button" href="tel:+985191097240" dir="ltr">
  15.                             051-91097240
  16.                         </a>
  17.                         داخلی 2 تماس بگیرید
  18.                     </p>
  20.                     {#                    <div class="mt-4"> #}
  21.                     {#                        <a href="tel:+985191097240" class="btn btn-primary btn-lg rounded-3 px-4 py-2"> #}
  22.                     {#                            تماس #}
  23.                     {#                        </a> #}
  24.                     {#                    </div> #}
  25.                 </div>
  26.             </div>
  27.         </div>
  28.         <div class="py-3 border-top border-2 pt-5">
  29.             <div class="row">
  30.                 <div class="col-12 col-lg-6">
  31.                     <div class="row">
  32.                         <div class="col-6 col-md-4">
  33.                             <p class="footer-list-title">
  34.                                 خدمات و امکانات
  35.                             </p>
  36.                             <ul class="footer-list">
  37.                                 <li>
  38.                                     <a href="#">امکانات فروشگاه ساز</a>
  39.                                 </li>
  40.                                 <li>
  41.                                     <a href="#">خدمات تکمیلی</a>
  42.                                 </li>
  43.                                 <li>
  44.                                     <a href="#">همکاری در فروش</a>
  45.                                 </li>
  46.                                 <li>
  47.                                     <a href="#">نمونه کار</a>
  48.                                 </li>
  49.                                 <li>
  50.                                     <a href="#">قالب ها</a>
  51.                                 </li>
  52.                             </ul>
  53.                         </div>
  54.                         <div class="col-6 col-md-4">
  55.                             <p class="footer-list-title">
  56.                                 راهنما
  57.                             </p>
  58.                             <ul class="footer-list">
  59.                                 <li>
  60.                                     <a href="#">راهنمای استفاده</a>
  61.                                 </li>
  62.                                 <li>
  63.                                     <a href="#">سوالات متداول</a>
  64.                                 </li>
  65.                                 <li>
  66.                                     <a href="#">پشتیبانی</a>
  67.                                 </li>
  68.                                 <li>
  69.                                     <a href="#">وبلاگ</a>
  70.                                 </li>
  71.                                 <li>
  72.                                     <a href="#">تماس با ما</a>
  73.                                 </li>
  74.                             </ul>
  75.                         </div>
  76.                         <div class="col">
  77.                             <p class="footer-list-title">
  78.                                 پوشه
  79.                             </p>
  80.                             <ul class="footer-list">
  81.                                 <li>
  82.                                     <a href="#">درباره ما</a>
  83.                                 </li>
  84.                                 <li>
  85.                                     <a href="#">تعرفه ها</a>
  86.                                 </li>
  87.                                 <li>
  88.                                     <a href="#">برندینگ</a>
  89.                                 </li>
  90.                                 <li>
  91.                                     <a href="#">فرصت های شغلی</a>
  92.                                 </li>
  93.                                 <li>
  94.                                     <a href="#">قوانین و مقررات</a>
  95.                                 </li>
  96.                             </ul>
  97.                         </div>
  99.                         <div class="col-12 d-none d-md-block">
  100.                             <div class="footer-text mt-5">
  101.                                 <p>ساخته شده با
  102.                                     💙
  103.                                     در کشور عزیزمان
  104.                                     <span class="text-primary fw-bold">
  105.                     ایران
  106.                 </span>
  107.                                     <br>
  108.                                     زیرمجموعه
  109.                                     <a href="https://tehranabr.org"  class="text-primary fw-bold text-decoration-none" target="_blank">
  110.                                         هولدینگ پــوشه
  111.                                     </a>
  113.                                     <br>
  114.                                     <span>
  115.                     ۱۴۰۴
  116.                 </span>
  117.                                 </p>
  118.                             </div>
  119.                         </div>
  120.                     </div>
  121.                 </div>
  122.                 <div class="col-12 col-lg-6">
  123.                     <div class="customize p-3 ">
  125.                         <div class="row">
  126.                             <div class="col-8">
  127.                                 <p class="footer-title">
  128.                                     پــــــوشـــــه
  129.                                 </p>
  130.                                 <p class="footer-desc">
  131.                                     محصولت باید تو پوشه باشه!
  132.                                 </p>
  133.                             </div>
  134.                             <div class="col-4">
  135.                                 <div class="row">
  136.                                     <div class="col-12">
  137.                                         <div class="w-100">
  138.                                             <a referrerpolicy='origin' target='_blank'
  139.                                                class="enamad"
  140.                                                href='https://trustseal.enamad.ir/?id=626817&Code=iA9B2IPmuNmvkDs7TZMTZg5SWhm7UZ69'><img
  141.                                                         referrerpolicy='origin'
  142.                                                         src='https://trustseal.enamad.ir/logo.aspx?id=626817&Code=iA9B2IPmuNmvkDs7TZMTZg5SWhm7UZ69'
  143.                                                         alt='' style='cursor:pointer'
  144.                                                         code='iA9B2IPmuNmvkDs7TZMTZg5SWhm7UZ69'></a>
  145.                                         </div>
  147.                                     </div>
  149. {#                                    <div class="col-6">#}
  150. {#                                        <img referrerpolicy='origin' id='rgvjoeukjxlzfukzwlaorgvj'#}
  151. {#                                             style='cursor:pointer'#}
  152. {#                                             onclick='window.open("https://logo.samandehi.ir/Verify.aspx?id=381643&p=xlaomcsirfthgvkaaodsxlao", "Popup","toolbar=no, scrollbars=no, location=no, statusbar=no, menubar=no, resizable=0, width=450, height=630, top=30")'#}
  153. {#                                             alt='logo-samandehi'#}
  154. {#                                             src='https://logo.samandehi.ir/logo.aspx?id=381643&p=qftiaqgwnbpdwlbqshwlqfti'/>#}
  155. {#                                    </div>#}
  157. {#                                    <div class="col-6">#}
  158. {#                                       <span id="PPTrust" class="enamad">#}
  159. {#                                        <script src="https://statics.payping.ir/trust-v3.js" theme="light"#}
  160. {#                                                size="md"></script>#}
  161. {#                                       </span>#}
  162. {#                                    </div>#}
  163.                                 </div>
  164.                             </div>
  165.                             <div class="col-12 my-2">
  166.                                 <a href="{{ path('app_user_handler') }}" class="btn footer-btn">
  167.                                     ساخت فروشگاه آنلاین
  168.                                 </a>
  169.                             </div>
  172.                             <div class="col-12">
  173.                                 <div class="row">
  174.                                     <div class="col-6 col-md-3">
  175.                                         <a href="tel:+985191097240" class="footer-social-btn my-4">
  176.                                             <i class="fa fa-phone" aria-hidden="true"></i>
  177.                                             <p dir="ltr">051-91097240</p>
  178.                                         </a>
  179.                                     </div>
  180.                                     <div class="col-6 col-md-3">
  181.                                         <a href="#" class="footer-social-btn my-4">
  182.                                             <i class="fa fa-instagram" aria-hidden="true"></i>
  183.                                             <p dir="ltr">اینستاگرام</p>
  184.                                         </a>
  185.                                     </div>
  186.                                     <div class="col-6 col-md-3">
  187.                                         <a href="https://t.me/+989152021109" class="footer-social-btn my-4">
  188.                                             <i class="fa fa-telegram" aria-hidden="true"></i>
  189.                                             <p dir="ltr">تلگرام فروش</p>
  190.                                         </a>
  191.                                     </div>
  192.                                     <div class="col-6 col-md-3">
  193.                                         <a href="https://wa.me/989152021109" class="footer-social-btn my-4">
  194.                                             <i class="fa fa-whatsapp" aria-hidden="true"></i>
  195.                                             <p dir="ltr">واتساپ فروش</p>
  196.                                         </a>
  197.                                     </div>
  198.                                 </div>
  199.                             </div>
  200.                         </div>
  201.                     </div>
  202.                 </div>
  206.                 <div class="col-12 d-block d-md-none">
  207.                     <div class="footer-text mt-5 text-center">
  208.                         <p>ساخته شده با
  209.                             💙
  210.                             در کشور عزیزمان
  211.                             <span class="text-primary fw-bold">
  212.                     ایران
  213.                 </span>
  214.                             <br>
  215.                             زیرمجموعه
  216.                             <a href="https://tehranabr.org"  class="text-primary fw-bold text-decoration-none" target="_blank">
  217.                                 هولدینگ پــوشه
  218.                             </a>
  220.                             <br>
  221.                             <span>
  222.                     ۱۴۰۴
  223.                 </span>
  224.                         </p>
  225.                     </div>
  226.                 </div>
  227.             </div>
  228.         </div>
  229.     </div>
  230. </div>
  233. <style>
  234.     .footer-title {
  235.         font-size: 18px;
  236.         font-weight: 600;
  237.         line-height: 36px;
  238.         color: #111112;
  239.         padding-bottom: 4px;
  240.     }
  242.     .footer-desc {
  243.         font-size: 16px;
  244.         font-weight: 400;
  245.         line-height: 32px;
  246.         color: #111112;
  247.         padding-bottom: 16px;
  248.     }
  249.     html[data-bs-theme="dark"] .footer-title {
  250.         font-size: 18px;
  251.         font-weight: 600;
  252.         line-height: 36px;
  253.         color: #ffffff!important;
  254.         padding-bottom: 4px;
  255.     }
  257.     html[data-bs-theme="dark"] .footer-desc {
  258.         font-size: 16px;
  259.         font-weight: 400;
  260.         line-height: 32px;
  261.         color: #ffffff!important;
  262.         padding-bottom: 16px;
  263.     }
  265.     .footer-btn {
  266.         background: #152a53;
  267.         color: #fff;
  268.         font-size: 14px;
  269.         line-height: 20px;
  270.         font-weight: 600;
  271.         border-radius: 12px;
  272.         width: 100%;
  273.     }
  274.     .footer-list-title:after {
  275.         content: "";
  276.         width: 8px;
  277.         height: 8px;
  278.         background: #007BFFFF;
  279.         display: inline-block;
  280.         border-radius: 50%;
  281.         margin-right: 10px;
  282.     }
  284.     .footer-list {
  285.         list-style: none;
  286.         margin-top: 15px;
  287.         padding: 0;
  288.     }
  290.     .footer-list li a {
  291.         text-decoration: none;
  292.     }
  294.     .footer-list li {
  295.         color: var(--bs-nav-link-color);
  296.         padding-bottom: 10px;
  297.     }
  299.     .footer-list li a {
  300.         color: var(--bs-nav-link-color);
  301.     }
  303.     html[data-bs-theme="dark"] .footer-list li {
  304.         color: #fff !important;
  305.     }
  307.     html[data-bs-theme="dark"] .footer-list li a {
  308.         color: #fff !important;
  309.     }
  310.     .enamad img {
  311.         max-width: 100%;
  312.     }
  318.     html[data-bs-theme="dark"] .footer-social-btn {
  319.         display: block;
  320.         padding: 10px;
  321.         color: #ffffff;
  322.         text-align: center !important;
  323.         border-radius: 10px;
  324.         text-decoration: none;
  325.         transition: 0.3s;
  326.     }
  327.     .footer-social-btn {
  328.         display: block;
  329.         padding: 10px;
  330.         color: #0e2a51;
  331.         text-align: center !important;
  332.         border-radius: 10px;
  333.         text-decoration: none;
  334.         transition: 0.3s;
  335.     }
  336.     .footer-social-btn i {
  337.         font-size: 2rem !important;
  338.         margin-bottom: 10px;
  339.         display: block;
  340.     }
  341.     .footer-social-btn p {
  342.         margin: 0 !important;
  343.         font-size: 11px;
  344.     }
  347. </style>