<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>تاسیسات اول</title>
    <link rel="stylesheet" href="<?php echo e(asset('newerFront/css/font-awesome/css/font-awesome.min.css')); ?>"/>
    <link rel="stylesheet" href="<?php echo e(asset('newerFront/css/bootstrap.min.css')); ?>" />
    <link rel="stylesheet" href="<?php echo e(asset('newerFront/css/swipper.min.css')); ?>" />
    <link rel="stylesheet" href="<?php echo e(asset('newerFront/css/animated.css')); ?>" />
    <link rel="stylesheet" href="<?php echo e(asset('newerFront/css/main.css')); ?>" />
</head>

<body>

    <!-- start header -->
    <header id="header">
        <div class="topHeader marginX">
            <div class="topHeader_container pt-3 d-flex justify-content-between align-items-center">
                <div class="logo">
                    <img src="<?php echo e(asset('newerFront/images/logo/achareh-type-logo.png?ver=3')); ?>" alt="logo">
                </div>
                <div class="search">
                    <form>
                        <input type="text" class="nospaces" placeholder="جستجو خدمات و محصولات..."><button type="submit"
                            class="nospaces"><i class="fa fa-search"></i></button>
                    </form>
                </div>
                <div class="left">
                    <a href="#" class="callHeader p-2">
                        همین حالا تماس بگیرید
                    </a>
                    <a href="#" class="authHeader d-flex align-items-center py-2 px-2 mr-2">
                        <i class="fa fa-user-o ml-1"></i>
                        <span>ورود | ثبت نام</span>
                    </a>
                </div>
            </div>
        </div>
        <div class="botHeader_container">
            <div class="botHeader marginX d-flex py-2 align-items-center">
                <div class="d-flex">
                    <div class="btnMenu">
                        <button class="btnOrange ml-3" onclick="openMegaMenuFunc(1)">
                            <span><i class="fa fa-bars"></i></span>
                            <span>دسته بندی خدمات</span>
                        </button>
                        <div class="mega_menu_container col-lg-11 col-12 mx-auto " style="display: none;"
                            id="megaMenu1">
                            <div class="mega_menu d-flex">
                                <div class="parents col-3">
                                    <ul>
                                        <li class="activeParent" onmouseover="activeCategory(event,1)">
                                            <i class="fa cancelMouseEvent fa-chevron-left ml-2" aria-hidden="true"></i>
                                            سرمایش

                                        </li>
                                        <li onmouseover="activeCategory(event,2)">
                                            <i class="fa cancelMouseEvent fa-chevron-left ml-2" aria-hidden="true"></i>
                                            گرمایش

                                        </li>
                                        <li onmouseover="activeCategory(event,3)">
                                            <i class="fa cancelMouseEvent fa-chevron-left ml-2" aria-hidden="true"></i>
                                            شست و شو

                                        </li>
                                        <li onmouseover="activeCategory(event,4)">
                                            <i class="fa cancelMouseEvent fa-chevron-left ml-2" aria-hidden="true"></i>
                                            تعمیرات

                                        </li>
                                        <li onmouseover="activeCategory(event,5)">
                                            <i class="fa cancelMouseEvent fa-chevron-left ml-2" aria-hidden="true"></i>
                                            نظافت
                                        </li>
                                    </ul>
                                </div>
                                <div class="children col-9 d-flex flex-wrap" id="subService1">
                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">
                                        <div class="d-flex justify-content-between hover_orange ">
                                            <span>مثال</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>
                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">
                                        <div class="d-flex justify-content-between hover_orange">
                                            <span> تست ۱</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>
                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">

                                        <div class="d-flex justify-content-between hover_orange">
                                            <span>ظرفشویی</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>
                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">

                                        <div class="d-flex justify-content-between hover_orange">
                                            <span>قالیشویی</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>
                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">

                                        <div class="d-flex justify-content-between hover_orange">
                                            <span>شست و شو</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>
                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">

                                        <div class="d-flex justify-content-between hover_orange">
                                            <span>اتوکشی</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>
                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">

                                        <div class="d-flex justify-content-between hover_orange">
                                            <span>پذیرایی</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>
                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">

                                        <div class="d-flex justify-content-between hover_orange">
                                            <span>تعمیرات</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>
                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">
                                        <div class="d-flex justify-content-between hover_orange">
                                            <span>امدادرسانی</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>
                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">
                                        <div class="d-flex justify-content-between hover_orange">
                                            <span>نیرو کمکی</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>
                                </div>
                                <div class="children col-9 d-flex flex-wrap d_none_important" id="subService2">
                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">
                                        <div class="d-flex justify-content-between hover_orange">
                                            <span>مثال</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>
                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">
                                        <div class="d-flex justify-content-between hover_orange">
                                            <span> تست ۱</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>
                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">
                                        <div class="d-flex justify-content-between hover_orange">
                                            <span> تست ۱</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>
                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">
                                        <div class="d-flex justify-content-between hover_orange">
                                            <span> تست ۱</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>
                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">
                                        <div class="d-flex justify-content-between hover_orange">
                                            <span> تست ۱</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>
                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">
                                        <div class="d-flex justify-content-between hover_orange">
                                            <span> تست ۱ </span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>
                                </div>
                                <div class="children col-9 d-flex flex-wrap d_none_important" id="subService3">
                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">
                                        <div class="d-flex justify-content-between hover_orange">
                                            <span> 1شست و شو</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>
                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">
                                        <div class="d-flex justify-content-between hover_orange">
                                            <span> 2شست و شو</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>
                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">
                                        <div class="d-flex justify-content-between hover_orange">
                                            <span> 3شست و شو</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>
                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">
                                        <div class="d-flex justify-content-between hover_orange">
                                            <span> 4شست و شو</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>
                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">
                                        <div class="d-flex justify-content-between hover_orange">
                                            <span> 5شست و شو</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>

                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">
                                        <div class="d-flex justify-content-between hover_orange">
                                            <span> 6شست و شو</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>
                                </div>
                                <div class="children col-9 d-flex flex-wrap d_none_important" id="subService4">
                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">
                                        <div class="d-flex justify-content-between hover_orange">
                                            <span> 1تعمیرات</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>
                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">
                                        <div class="d-flex justify-content-between hover_orange">
                                            <span> 2تعمیرات</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>
                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">
                                        <div class="d-flex justify-content-between hover_orange">
                                            <span> 3تعمیرات</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>
                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">
                                        <div class="d-flex justify-content-between hover_orange">
                                            <span> 4تعمیرات</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>
                                </div>
                                <div class="children col-9 d-flex flex-wrap d_none_important" id="subService5">
                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">
                                        <div class="d-flex justify-content-between hover_orange">
                                            <span> 1نظافت</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>
                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">
                                        <div class="d-flex justify-content-between hover_orange">
                                            <span> 2نظافت</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>
                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">
                                        <div class="d-flex justify-content-between hover_orange">
                                            <span> 3نظافت</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>
                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">
                                        <div class="d-flex justify-content-between hover_orange">
                                            <span> 4نظافت</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>

                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">
                                        <div class="d-flex justify-content-between hover_orange">
                                            <span> 5نظافت</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>

                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">
                                        <div class="d-flex justify-content-between hover_orange">
                                            <span> 6نظافت</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>

                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">
                                        <div class="d-flex justify-content-between hover_orange">
                                            <span> 7نظافت</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="btnMenu">
                        <button class="btnOrange" onclick="openMegaMenuFunc(2)">
                            <span><i class="fa fa-bars"></i></span>
                            <span>دسته بندی محصولات</span>
                        </button>
                        <div class="mega_menu_container col-lg-11 col-12 mx-auto" style="display: none;" id="megaMenu2">
                            <div class="mega_menu d-flex">
                                <div class="parents col-lg-3 col-4">
                                    <ul>
                                        <li class="activeParent" onmouseover="activeProductCategory(event,1)">
                                            <i class="fa cancelMouseEvent fa-chevron-left ml-2" aria-hidden="true"></i>
                                            شیرآلات

                                        </li>
                                        <li onmouseover="activeProductCategory(event,2)">
                                            <i class="fa cancelMouseEvent fa-chevron-left ml-2" aria-hidden="true"></i>
                                            پمپ

                                        </li>
                                        <li onmouseover="activeProductCategory(event,3)">
                                            <i class="fa cancelMouseEvent fa-chevron-left ml-2" aria-hidden="true"></i>
                                            شلنگ

                                        </li>
                                        <li onmouseover="activeProductCategory(event,4)">
                                            <i class="fa cancelMouseEvent fa-chevron-left ml-2" aria-hidden="true"></i>
                                            محصول

                                        </li>
                                        <li onmouseover="activeProductCategory(event,5)">
                                            <i class="fa cancelMouseEvent fa-chevron-left ml-2" aria-hidden="true"></i>
                                            نظافت
                                        </li>
                                    </ul>
                                </div>
                                <div class="children col-9 d-flex flex-wrap" id="subProduct1">
                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">
                                        <div class="d-flex justify-content-between hover_orange">
                                            <span> کالاها</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>
                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">
                                        <div class="d-flex justify-content-between hover_orange">
                                            <span> تست 2</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>
                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">

                                        <div class="d-flex justify-content-between hover_orange">
                                            <span>2ظرفشویی</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>
                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">

                                        <div class="d-flex justify-content-between hover_orange">
                                            <span>2قالیشویی</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>
                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">

                                        <div class="d-flex justify-content-between hover_orange">
                                            <span>2شست و شو</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>
                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">

                                        <div class="d-flex justify-content-between hover_orange">
                                            <span>2اتوکشی</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>
                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">

                                        <div class="d-flex justify-content-between hover_orange">
                                            <span>2پذیرایی</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>
                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">

                                        <div class="d-flex justify-content-between hover_orange">
                                            <span>2تعمیرات</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>
                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">
                                        <div class="d-flex justify-content-between hover_orange">
                                            <span>2امدادرسانی</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>
                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">
                                        <div class="d-flex justify-content-between hover_orange">
                                            <span>2نیرو کمکی</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>
                                </div>
                                <div class="children col-9 d-flex flex-wrap d_none_important" id="subProduct2">
                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">
                                        <div class="d-flex justify-content-between hover_orange">
                                            <span> 1شست و شو</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>
                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">
                                        <div class="d-flex justify-content-between hover_orange">
                                            <span> 2شست و شو</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>
                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">
                                        <div class="d-flex justify-content-between hover_orange">
                                            <span> 3شست و شو</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>
                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">
                                        <div class="d-flex justify-content-between hover_orange">
                                            <span> 4شست و شو</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>
                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">
                                        <div class="d-flex justify-content-between hover_orange">
                                            <span> 5شست و شو</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>

                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">
                                        <div class="d-flex justify-content-between hover_orange">
                                            <span> 6شست و شو</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <ul class="d-flex align-items-center mb-0">
                    <li><a href="#">شگفت انگیز</a></li>
                    <li><a href="#">تماس با ما</a></li>
                    <li><a href="#">سوالات متداول</a></li>
                </ul>
            </div>
        </div>
        <!-- end header -->
    </header>
    <!-- end intro -->

    <!-- mobile header -->
    <div id="mobileHeader" class="d-md-none">
        <div class="mobileHeader_container">
            <div class="rightSec">
                <button class="btnMenuMobile menu border ml-1">
                    <i class="fa fa-bars"></i>
                </button>
                <button class="btnMenuMobile" data-toggle="modal" data-target="#modalSearch">
                    <i class="fa fa-search"></i>
                </button>
            </div>
            <div class="midSec">
                <div class="logo_mobile">
                    <img src="<?php echo e(asset('newerFront/images/logo/achareh-type-logo.png?ver=3')); ?>" alt="logo">
                </div>
            </div>
            <div class="leftSec">
                <button class="btnMenuMobile phone ml-1">
                    <i class="fa fa-phone text-light"></i>
                </button>
                <button class="btnMenuMobile auth border">
                    <i class="fa fa-user-o"></i>
                </button>
            </div>
        </div>
    </div>

    <div id="mobileHeaderMenu" class="mobileHeaderMenu d-md-none col-9">
        <div class="mobileHeaderMenu_container">
            <div class="logo mb-4">
                <img src="<?php echo e(asset('newerFront/images/logo/achareh-type-logo.png?ver=3')); ?>" alt="logo">
                <hr>
            </div>
            <div class="list_container">
                <ul class="menu_ul_0">
                    <li class="menu_ul_0_li">
                        <div class="menu_ul_0_li_contaniner">
                            <div class="name_li_contaianr menu_ul_0_li_name">
                                <span>خدمات</span>
                                <span><i class="fa fa-angle-down"></i></span>
                            </div>
                            <ul class="menu_ul_1" style="display: none;">
                                <li>
                                    <div class="name_li_contaianr menu_ul_1_li_name mr-2">
                                        <span>شست و شو</span>
                                        <span><i class="fa fa-angle-down"></i></span>
                                    </div>
                                    <ul class="menu_ul_2" style="display: none;">
                                        <a href="#">
                                            <li>
                                                پرده شویی
                                            </li>
                                        </a>
                                        <a href="#">
                                            <li>
                                                قالیشویی
                                            </li>
                                        </a>
                                        <a href="#">
                                            <li>
                                                شست و شو
                                            </li>
                                        </a>
                                    </ul>
                                </li>

                                <li>
                                    <div class="name_li_contaianr menu_ul_1_li_name mr-2">
                                        <span>سرمایشی</span>
                                        <span><i class="fa fa-angle-down"></i></span>
                                    </div>
                                    <ul class="menu_ul_2" style="display: none;">
                                        <a href="#">
                                            <li>
                                                سرمایش تعمیر
                                            </li>
                                        </a>

                                        <a href="#">

                                            <li>
                                                تعمیر سرمایش
                                            </li>
                                        </a>

                                        <a href="#">

                                            <li>
                                                تعمیرات سرمای
                                            </li>
                                        </a>
                                    </ul>
                                </li>
                                <li>
                                    <div class="name_li_contaianr menu_ul_1_li_name mr-2">
                                        <span>گرمایشی</span>
                                        <span><i class="fa fa-angle-down"></i></span>
                                    </div>
                                    <ul class="menu_ul_2" style="display: none;">
                                        <a href="#">
                                            <li>
                                                آبگرمکن تعمیر
                                            </li>
                                        </a>
                                        <a href="#">
                                            <li>
                                                تعمیر آبگرمکن
                                            </li>
                                        </a>
                                        <a href="#">
                                            <li>
                                                تعمیر آبگرمکن
                                            </li>
                                        </a>
                                    </ul>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="menu_ul_0_li">
                        <div class="menu_ul_0_li_contaniner">
                            <div class="name_li_contaianr menu_ul_0_li_name">
                                <span>محصولات</span>
                                <span><i class="fa fa-angle-down"></i></span>
                            </div>
                            <ul class="menu_ul_1" style="display: none;">
                                <li>
                                    <div class="name_li_contaianr menu_ul_1_li_name  mr-2">
                                        <span>شست و شو</span>
                                        <span><i class="fa fa-angle-down"></i></span>
                                    </div>
                                    <ul class="menu_ul_2" style="display: none;">
                                        <a href="#">
                                            <li>
                                                پرده شویی
                                            </li>
                                        </a>
                                        <a href="#">
                                            <li>
                                                قالیشویی
                                            </li>
                                        </a>
                                        <a href="#">
                                            <li>
                                                شست و شو
                                            </li>
                                        </a>
                                    </ul>
                                </li>

                                <li>
                                    <div class="name_li_contaianr menu_ul_1_li_name  mr-2">
                                        <span>سرمایشی</span>
                                        <span><i class="fa fa-angle-down"></i></span>
                                    </div>
                                    <ul class="menu_ul_2" style="display: none;">
                                        <a href="#">
                                            <li>
                                                سرمایش تعمیر
                                            </li>
                                        </a>

                                        <a href="#">

                                            <li>
                                                تعمیر سرمایش
                                            </li>
                                        </a>

                                        <a href="#">

                                            <li>
                                                تعمیرات سرمای
                                            </li>
                                        </a>
                                    </ul>
                                </li>
                                <li>
                                    <div class="name_li_contaianr menu_ul_1_li_name  mr-2">
                                        <span>گرمایشی</span>
                                        <span><i class="fa fa-angle-down"></i></span>
                                    </div>
                                    <ul class="menu_ul_2" style="display: none;">
                                        <a href="#">
                                            <li>
                                                آبگرمکن تعمیر
                                            </li>
                                        </a>
                                        <a href="#">
                                            <li>
                                                تعمیر آبگرمکن
                                            </li>
                                        </a>
                                        <a href="#">
                                            <li>
                                                تعمیر آبگرمکن
                                            </li>
                                        </a>
                                    </ul>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="menu_ul_0_li">
                        <a href="#">
                            <div class="name_li_contaianr">
                                <span>شکفت انگیز</span>
                            </div>
                        </a>
                    </li>
                    <li class="menu_ul_0_li">
                        <a href="#">
                            <div class="name_li_contaianr">
                                <span>تماس با ما</span>
                            </div>
                        </a>
                    </li>
                    <li class="menu_ul_0_li">
                        <a href="#">
                            <div class="name_li_contaianr">
                                <span>سوالات متداول</span>
                            </div>
                        </a>
                    </li>

                </ul>
            </div>
        </div>
    </div>

    <!-- Modal Search -->
    <div class="modal fade" id="modalSearch" tabindex="-1" role="dialog" aria-labelledby="modalSearchLabel"
        aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="search col-12">
                        <form>
                            <input type="text" class="nospaces" placeholder="جستجو خدمات و محصولات..."><button
                                type="submit" class="nospaces"><i class="fa fa-search"></i></button>
                        </form>
                    </div>
                </div>

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

    <div id="fake_bg_body"></div>
    <!-- end mobile header -->

    <!-- start intro -->
    <div class="intro">
        <div class="intro_container marginX d-md-flex justify-content-around">
            <div class="col-md-8  right_section">
                <!-- Slider main container -->
                <div class="swiper-container">
                    <!-- Additional required wrapper -->
                    <div class="swiper-wrapper">
                        <!-- Slides -->
                        <div class="swiper-slide">
                            <a href=""><img class="img" src="<?php echo e(asset('newerFront/images/pic (2).jpg')); ?>"></a>

                        </div>
                        <div class="swiper-slide">
                            <a href=""><img class="img" src="<?php echo e(asset('newerFront/images/pic (3).jpg')); ?>"></a>

                        </div>
                        <div class="swiper-slide">
                            <a href=""><img class="img" src="<?php echo e(asset('newerFront/images/pic.jpg')); ?>"></a>

                        </div>
                        ...
                    </div>
                    <!-- If we need pagination -->
                    <div class="swiper-pagination"></div>
                </div>
            </div>
            <div class="col-md-4 left_section d-flex flex-md-column justify-content-center">
                <div class="top_sec col-6 col-md-auto p-0">
                    <div class="img_container">
                        <img class="img" src="<?php echo e(asset('newerFront/images/picll (2).jpg')); ?>">
                    </div>
                </div>
                <div class="bot_sec col-6 col-md-auto p-0">
                    <div class="img_container">
                        <img class="img" src="<?php echo e(asset('newerFront/images/sss (2).jpg')); ?>">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- end intro -->

    <!-- main section -->
    <div class="main_discount_style">
        <div class="topTitle">
            <span>
                پیشنهاد شگفت انگیز خدمات
            </span>
        </div>
        <span class="borderTopTitle">
        </span>
        <div class="leftCircle"></div>
        <div class="rightCircle"></div>
        <div class="nextSlider text-center" id="first_discount_navigation_prev"><i
                class="fa fa-chevron-right fa-2x"></i></div>
        <div class="prevSlider text-center" id="first_discount_navigation_next"><i class="fa fa-chevron-left fa-2x"></i>
        </div>
        <div class="first_slider">
            <div class="main-first_slider">
                <!-- Slider main container -->
                <div class="main-first-swiper-container col-12">
                    <!-- Additional required wrapper -->
                    <div class="swiper-wrapper">
                        <!-- Slides -->
                        <div class="card_slider  swiper-slide">
                            <a href="#" class="text-decoration-none">
                                <img class="img" src="<?php echo e(asset('newerFront/images/service (8).jpg')); ?>">
                                <div class="slider_title">
                                    <p>شارژ گاز کولر ماشین در محل</p>
                                </div>
                            </a>
                        </div>
                        <div class="card_slider  swiper-slide">
                            <a href="#" class="text-decoration-none">
                                <img class="img" src="<?php echo e(asset('newerFront/images/service (9).jpg')); ?>">
                                <div class="slider_title">
                                    <p>شارژ گاز کولر ماشین در محل</p>
                                </div>
                            </a>
                        </div>
                        <div class="card_slider  swiper-slide">
                            <a href="#" class="text-decoration-none">
                                <img class="img" src="<?php echo e(asset('newerFront/images/service (5).jpg')); ?>">
                                <div class="slider_title">
                                    <p>شارژ گاز کولر ماشین در محل</p>
                                </div>
                            </a>
                        </div>

                        <div class="card_slider  swiper-slide">
                            <a href="#" class="text-decoration-none">
                                <img class="img" src="<?php echo e(asset('newerFront/images/service.jpg')); ?>">
                                <div class="slider_title">
                                    <p>شارژ گاز کولر ماشین در محل</p>
                                </div>
                            </a>
                        </div>
                    </div>
                    <!-- If we need pagination -->
                    <div class="swiper-pagination bottom_set" id="first_discount_paginate"></div>
                </div>
            </div>
        </div>
    </div>

    <div class="more_info_container marginX">
        <div class="more_info d-sm-flex justify-content-between">
            <div class="rightSec col-sm-6 ml-sm-1 p-0">
                <div class="fake_bg"></div>
                <div class="more_info_content">
                    <p>تعمیرات لوازم منزل</p>
                    <a href="#" class="d-flex align-items-center">
                        مشاهده بیشتر
                        <span class="mr-2 text-center"><i class="fa fa-chevron-left"></i></span>
                    </a>
                </div>
            </div>
            <div class="leftSec col-sm-6 mr-sm-1 p-0">
                <div class="fake_bg"></div>
                <div class="more_info_content">
                    <p>تعمیرات لوازم منزل</p>
                    <a href="#" class="d-flex align-items-center mr2">
                        مشاهده بیشتر
                        <span class="mr-2 text-center"><i class="fa fa-chevron-left"></i></span>
                    </a>
                </div>
            </div>
        </div>
    </div>

    <div class="main_discount_style">
        <div class="topTitle">
            <span>
                پیشنهاد شگفت انگیز محصولات
            </span>
        </div>
        <span class="borderTopTitle">
        </span>
        <div class="leftCircle"></div>
        <div class="rightCircle"></div>
        <div class="nextSlider text-center" id="secend_discount_navigation_prev"><i
                class="fa fa-chevron-right fa-2x"></i></div>
        <div class="prevSlider text-center" id="secend_discount_navigation_next"><i
                class="fa fa-chevron-left fa-2x"></i></div>
        <div class="first_slider">
            <div class="main-first_slider">
                <!-- Slider main container -->
                <div class="main-second-swiper-container col-12">
                    <!-- Additional required wrapper -->
                    <div class="swiper-wrapper">
                        <!-- Slides -->
                        <div class="card_slider  swiper-slide">
                            <a href="#" class="text-decoration-none">
                                <img class="img" src="<?php echo e(asset('newerFront/images/Valencia-w-2-600x600.jpg')); ?>">
                                <div class="slider_title_2">
                                    <p class="font_size_0">سرویس خواب یک طرف کشو مدل بیتا</p>
                                    <p class="text-left font_size_1 pl-2">
                                        <span class="price_title"> <span class="small">تومان </span>۱۲۵,۰۰۰</span>
                                    </p>
                                </div>
                            </a>
                        </div>
                        <div class="card_slider  swiper-slide">
                            <a href="#" class="text-decoration-none">
                                <img class="img" src="<?php echo e(asset('newerFront/images/Valencia-w-2-600x600.jpg')); ?>">
                                <div class="slider_title_2">
                                    <p class="font_size_0">سرویس خواب یک طرف کشو مدل بیتا</p>
                                    <p class="text-left font_size_1 pl-2">
                                        <span class="price_title"><span class="small">تومان </span>۱۳۶,۰۰۰</span>

                                    </p>
                                </div>
                            </a>
                        </div>
                        <div class="card_slider  swiper-slide">
                            <a href="#" class="text-decoration-none">
                                <img class="img" src="<?php echo e(asset('newerFront/images/Valencia-w-2-600x600.jpg')); ?>">
                                <div class="slider_title_2">
                                    <p class="font_size_0">سرویس خواب یک طرف کشو مدل بیتا</p>
                                    <p class="text-left font_size_1 pl-2">
                                        <span class="price_title">
                                            <span class="small">تومان </span>
                                            ۱۶۰,۰۰۰
                                        </span>
                                    </p>
                                </div>
                            </a>
                        </div>

                        <div class="card_slider  swiper-slide">
                            <a href="#" class="text-decoration-none">
                                <img class="img" src="<?php echo e(asset('newerFront/images/Valencia-w-2-600x600.jpg')); ?>">
                                <div class="slider_title_2">
                                    <p class="font_size_0">سرویس خواب یک طرف کشو مدل بیتا</p>
                                    <p class="text-left font_size_1 pl-2">
                                        <span class="price_title">
                                            <span class="small">تومان </span>
                                            ۱۳۶,۰۰۰
                                        </span>

                                    </p>
                                </div>
                            </a>
                        </div>
                    </div>
                    <!-- If we need pagination -->
                    <div class="swiper-pagination bottom_set" id="first_discount_paginate"></div>
                </div>
            </div>
        </div>
    </div>

    <div class="main_discount_style main_category_slider mt-5 mt-md-5">
        <div class="title marginX">
            <div class="style_header"></div>
            <span>
                خدمات گرمایشی و سرمایشی
            </span>
        </div>
        <div class="nextSlider text-center border" id="main-categoury-first-slider_navigation_prev"><i
                class="fa fa-chevron-right fa-2x"></i></div>
        <div class="prevSlider text-center border" id="main-categoury-first-slider_navigation_next"><i
                class="fa fa-chevron-left fa-2x"></i></div>
        <div class="first_slider">
            <div class="main-first_slider">
                <!-- Slider main container -->
                <div class="main-categoury-first-slider  col-12">
                    <!-- Additional required wrapper -->
                    <div class="swiper-wrapper">
                        <!-- Slides -->
                        <div class="card_slider  swiper-slide">
                            <a href="#" class="text-decoration-none">
                                <img class="img" src="<?php echo e(asset('newerFront/images/service (4).jpg')); ?>">
                                <div class="slider_title">
                                    <p class="font_size_0">سرویس خواب یک طرف کشو مدل بیتا</p>
                                    </p>
                                </div>
                            </a>
                        </div>
                        <div class="card_slider  swiper-slide">
                            <a href="#" class="text-decoration-none">
                                <img class="img" src="<?php echo e(asset('newerFront/images/service (5).jpg')); ?>">
                                <div class="slider_title">
                                    <p class="font_size_0">سرویس خواب یک طرف کشو مدل بیتا</p>
                                    </p>
                                </div>
                            </a>
                        </div>
                        <div class="card_slider  swiper-slide">
                            <a href="#" class="text-decoration-none">
                                <img class="img" src="<?php echo e(asset('newerFront/images/service (6).jpg')); ?>">
                                <div class="slider_title">
                                    <p class="font_size_0">سرویس خواب یک طرف کشو مدل بیتا</p>
                                    </p>
                                </div>
                            </a>
                        </div>

                        <div class="card_slider  swiper-slide">
                            <a href="#" class="text-decoration-none">
                                <img class="img" src="<?php echo e(asset('newerFront/images/service (7).jpg')); ?>">
                                <div class="slider_title">
                                    <p class="font_size_0">سرویس خواب یک طرف کشو مدل بیتا</p>
                                    </p>
                                </div>
                            </a>
                        </div>
                    </div>
                    <!-- If we need pagination -->
                    <div class="swiper-pagination bottom_set" id="first_discount_paginate"></div>
                </div>
            </div>
        </div>
    </div>


    <div class="main_discount_style main_category_slider mt-3 mt-md-5">
        <div class="title marginX">
            <div class="style_header"></div>
            <span>
                تعمیر لوازم منزل
            </span>
        </div>
        <div class="nextSlider text-center border" id="categoury_second_discount_navigation_prev"><i
                class="fa fa-chevron-right fa-2x"></i></div>
        <div class="prevSlider text-center border" id="categoury_second_discount_navigation_next"><i
                class="fa fa-chevron-left fa-2x"></i></div>
        <div class="first_slider">
            <div class="main-first_slider">
                <!-- Slider main container -->
                <div class="main_categoury_second_slider col-12">
                    <!-- Additional required wrapper -->
                    <div class="swiper-wrapper">
                        <!-- Slides -->
                        <div class="card_slider  swiper-slide">
                            <a href="#" class="text-decoration-none">
                                <img class="img" src="<?php echo e(asset('newerFront/images/service (4).jpg')); ?>">
                                <div class="slider_title">
                                    <p class="font_size_0">سرویس خواب یک طرف کشو مدل بیتا</p>
                                    </p>
                                </div>
                            </a>
                        </div>
                        <div class="card_slider  swiper-slide">
                            <a href="#" class="text-decoration-none">
                                <img class="img" src="<?php echo e(asset('newerFront/images/service (5).jpg')); ?>">
                                <div class="slider_title">
                                    <p class="font_size_0">سرویس خواب یک طرف کشو مدل بیتا</p>
                                    </p>
                                </div>
                            </a>
                        </div>
                        <div class="card_slider  swiper-slide">
                            <a href="#" class="text-decoration-none">
                                <img class="img" src="<?php echo e(asset('newerFront/images/service (6).jpg')); ?>">
                                <div class="slider_title">
                                    <p class="font_size_0">سرویس خواب یک طرف کشو مدل بیتا</p>
                                    </p>
                                </div>
                            </a>
                        </div>

                        <div class="card_slider  swiper-slide">
                            <a href="#" class="text-decoration-none">
                                <img class="img" src="<?php echo e(asset('newerFront/images/service (7).jpg')); ?>">
                                <div class="slider_title">
                                    <p class="font_size_0">سرویس خواب یک طرف کشو مدل بیتا</p>
                                    </p>
                                </div>
                            </a>
                        </div>
                    </div>
                    <!-- If we need pagination -->
                    <div class="swiper-pagination bottom_set" id="first_discount_paginate"></div>
                </div>
            </div>
        </div>
    </div>


    <div class="more_info_container marginX">
        <div class="more_info d-sm-flex justify-content-around">
            <div class="rightSec col-sm-6 ml-sm-1 p-0">
                <div class="fake_bg"></div>
                <div class="more_info_content">
                    <p>تعمیرات لوازم منزل</p>
                    <a href="#" class="d-flex align-items-center">
                        مشاهده بیشتر
                        <span class="mr-2 text-center"><i class="fa fa-chevron-left"></i></span>
                    </a>
                </div>
            </div>
            <div class="leftSec col-sm-6 mr-sm-1 p-0">
                <div class="fake_bg"></div>
                <div class="more_info_content">
                    <p>تعمیرات لوازم منزل</p>
                    <a href="#" class="d-flex align-items-center mr2">
                        مشاهده بیشتر
                        <span class="mr-2 text-center"><i class="fa fa-chevron-left"></i></span>
                    </a>
                </div>
            </div>
        </div>
    </div>


    <div class="main_blog_container ">
        <div class="main_blog marginX d-md-flex justify-content-between">
            <div class="right_sec col-md-6">
                <div class="title_witout_margin">
                    <div class="style_header"></div>
                    <span>
                        مجله تخصصی تاسیسات اول
                    </span>
                </div>
                <div class="image_container">
                    <a href="#">
                        <div class="image_top col-12">
                            <div class="fake_bg"></div>
                            <div class="title_post font_size_home_blog col-12 px-3 py-2">
                                <p>
                                    طرح‌نما یا لورم ایپسوم به نوشتاری آزمایشی و بی‌معنی در صنعت
                                </p>
                                <div class="float-left date font_size_home_blog_date">۱۴۰۰/۰۲/۲۲</div>
                            </div>
                        </div>
                    </a>
                    <a href="#">
                        <div class="image_bot col-12">
                            <div class="fake_bg"></div>
                            <div class="title_post font_size_home_blog  col-12 px-3 py-2">
                                <p>
                                    طرح‌نما یا لورم ایپسوم به نوشتاری آزمایشی و بی‌معنی در صنعت
                                </p>
                                <div class="small mt-2 body_post font_size_home_blog_date">
                                    طراح گرافیک از این نوشتار به‌عنوان عنصری از ترکیب‌بندی برای پُر کردن صفحه و ارائهٔ
                                    اولیهٔ شکل ظاهری و کلیِ طرح سفارش‌ گرفته ‌شده‌استفاده
                                </div>
                                <div class="float-left date d-block font_size_home_blog_date">۱۴۰۰/۰۲/۲۲</div>
                            </div>
                        </div>
                    </a>
                </div>
            </div>

                <a class="btn col-11 btnLinkBlockOutline btn-block mx-auto d-md-none">مشاهده بلاگ تاسیسات اول</a>

            <div class="left_sec col-md-6">
                <div class="title_witout_margin">
                    <div class="style_header"></div>
                    <span>
                        از شبکه اجتماعی تاسیسات اول چه خبر ؟
                    </span>
                </div>
                <div class="image_slider_blog">
                    <div class="swiper_container_blog">
                        <!-- Additional required wrapper -->
                        <div class="swiper-wrapper">
                            <!-- Slides -->
                            <div class="swiper-slide position-relative">
                                <a href="#">
                                    <img class="img" src="<?php echo e(asset('newerFront/images/picll (1).jpg')); ?>">
                                </a>

                                <div class="info_post px-3">
                                    <p class="mr-sm-1 font_size_home_blog">
                                        طرح‌نما یا لورم ایپسوم به نوشتاری آزمایشی و بی‌معنی در صنعت
                                    </p>
                                    <div class="float-left date font_size_0">۱۴۰۰/۰۲/۲۲</div>
                                </div>

                            </div>
                            <div class="swiper-slide position-relative">
                                <a href="#">
                                    <img class="img" src="<?php echo e(asset('newerFront/images/picll (2).jpg')); ?>">

                                </a>

                                <div class="info_post px-3">
                                    <p class="mr-sm-1 font_size_home_blog">
                                        طراحی گرافیک گفته می‌شود. طراح گرافیک از این نوشتار به‌عنوان عنصری
                                    </p>
                                    <div class="float-left date font_size_0">۱۴۰۰/۰۲/۲۳</div>
                                </div>

                            </div>
                            <div class="swiper-slide position-relative">
                                <a href="#">
                                    <img class="img" src="<?php echo e(asset('newerFront/images/picll (3).jpg')); ?>">

                                </a>

                                <div class="info_post px-3">
                                    <p class="mr-sm-1 font_size_home_blog">
                                        ترکیب‌بندی برای پُر کردن صفحه و ارائهٔ اولیهٔ شکل ظاهری و کلیِ طرح
                                    </p>
                                    <div class="float-left date font_size_0">۱۴۰۰/۰۲/۲۸</div>
                                </div>

                            </div>
                        </div>
                        <div class="swiper-pagination"></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="btnLink d-md-block d-none text-center">
            <a class="btn mt-5 mx-auto">مشاهده بلاگ تاسیسات اول</a>
        </dvi>
    </div>

    <div class="main_brand_slider marginX">
        <div class="main_brand_slider_container">
            <div class="title">
                <div class="style_header"></div>
                <span>
                    برندهایی که با کار میکنند
                </span>
            </div>
            <div class="nextSlider text-center border text-secondary"><i class="fa fa-chevron-right fa-2x"></i></div>
            <div class="prevSlider text-center border text-secondary"><i class="fa fa-chevron-left fa-2x"></i></div>
            <div class="brand_slider">
                <div class="main-brand_slider">
                    <!-- Slider main container -->
                    <div class="main-brand-swiper-container overflow-hidden">
                        <!-- Additional required wrapper -->
                        <div class="swiper-wrapper">
                            <!-- Slides -->
                            <div class="card_slider border  swiper-slide">
                                <a href="#" class="text-decoration-none">
                                    <img class="img" src="<?php echo e(asset('newerFront/images/brands/logos (1).jpg')); ?>">
                                </a>
                            </div>

                            <div class="card_slider border  swiper-slide">
                                <a href="#" class="text-decoration-none">
                                    <img class="img" src="<?php echo e(asset('newerFront/images/brands/logos (1).png')); ?>">
                                </a>
                            </div>

                            <div class="card_slider border  swiper-slide">
                                <a href="#" class="text-decoration-none">
                                    <img class="img" src="<?php echo e(asset('newerFront/images/brands/logos (2).png')); ?>">
                                </a>
                            </div>

                            <div class="card_slider border  swiper-slide">
                                <a href="#" class="text-decoration-none">
                                    <img class="img" src="<?php echo e(asset('newerFront/images/brands/b2f6cee99cfab2217b12d3f2e892080a.jpg')); ?>">
                                </a>
                            </div>

                            <div class="card_slider border  swiper-slide">
                                <a href="#" class="text-decoration-none">
                                    <img class="img" src="<?php echo e(asset('newerFront/images/brands/logos (1).png/')); ?>">
                                </a>
                            </div>

                            <div class="card_slider border  swiper-slide">
                                <a href="#" class="text-decoration-none">
                                    <img class="img" src="<?php echo e(asset('newerFront/images/brands/logos (2).png')); ?>">
                                </a>
                            </div>

                            <div class="card_slider border  swiper-slide">
                                <a href="#" class="text-decoration-none">
                                    <img class="img" src="<?php echo e(asset('newerFront/images/brands/3792fc2c89f575dfd532a944c0330655.jpg')); ?>">
                                </a>
                            </div>

                            <div class="card_slider border  swiper-slide">
                                <a href="#" class="text-decoration-none">
                                    <img class="img" src="<?php echo e(asset('newerFront/images/brands/7191712db351fd5342e22adf0bc0c13b.jpg')); ?>">
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>

    <!-- end main section -->

    <!-- start footer -->
    <footer>
        <div class="footer_container marginX">
            <div class="top_footer d-flex flex-wrap justify-content-around">
                <div class="col-6 col-md-3 introBrand">
                    <div class="logo">
                        <img src="<?php echo e(asset('newerFront/images/logo/achareh-type-logo.png?ver=3')); ?>" alt="logo">
                    </div>
                    <p class="font_size_footer_p">
                        طرح‌نما یا لورم ایپسوم به نوشتاری آزمایشی و بی‌معنی در صنعت چاپ، صفحه‌آرایی و طراحی گرافیک گفته
                        می‌شود. طراح گرافیک از این نوشتار به‌عنوان عنصری از ترکیب‌بندی برای پُر کردن صفحه و ارائهٔ
                </div>
                <div class="col-6 col-md-3  address pr-3">
                    <div class="title_witout_margin">
                        <div class="style_header"></div>
                        <span>
                            دفاتر تاسیسات اول
                        </span>
                    </div>
                    <div class="address1 margin_top_1">
                        <p class="addressName font_size_footer_p">شعبه۱ دفتر مرکزی</p>
                        <p class="addressBody font_size_footer_p">طرح‌نما یا لورم ایپسوم به نوشتاری آزمایشی و بی‌معنی در
                            صنعت چاپ،
                            صفحه‌آرایی </p>
                    </div>
                    <div class="address2 mt-3">
                        <p class="addressName font_size_footer_p">شعبه2 ویژه ثبت نام متخصصین</p>
                        <p class="addressBody font_size_footer_p">طرح‌نما یا لورم ایپسوم به نوشتاری آزمایشی و بی‌معنی در
                            صنعت چاپ،
                            صفحه‌آرایی </p>
                    </div>
                    <div class="phoneNumber">
                        <p class="phoneNumberBody font_size_footer_p">
                            تلفن ۱۲۷۱
                        </p>
                    </div>
                </div>
                <div class="col-6 col-md-3 access mt-5 mt-md-0">
                    <div class="title_witout_margin">
                        <div class="style_header"></div>
                        <span>
                            دسترسی سریع
                        </span>
                    </div>
                    <div class="topTitleAccess mr-3 margin_top_1">

                        <ul class="font_size_footer_p">
                            <a href="#">
                                <li>ثبت نام</li>
                            </a>
                            <a href="#">
                                <li>متخصص نمایندگی تاسیسات اول در شهرهای دیگر</li>
                            </a>
                            <a href="#">
                                <li>سوالات متداول</li>
                            </a>
                            <a href="#">
                                <li>درباره‌ی ما</li>
                            </a>
                            <a href="#">
                                <li>شرایط استفاده</li>
                            </a>
                            <a href="#">
                                <li>پیشنهادات و انتقادات</li>
                            </a>
                            <a href="#">
                                <li>وبلاگ</li>
                            </a>
                        </ul>
                    </div>
                </div>
                <div class="col-6 col-md-3 mt-5 mt-md-0  news">
                    <div class="title_witout_margin">
                        <div class="style_header"></div>
                        <span>
                            عضویت خبرنامه
                        </span>
                    </div>
                    <p class="font_size_footer_p margin_top_1">
                        در خبرنامه تاسیسات اول عضو شوید و زودتر از همه از تخفیف های ویژه ما با خبر شوید . فقط ما هم مثل شما از
                        اسپم بیزاریم .
                    </p>
                    <div class="formNews d-md-flex mx-0 px-0">
                        <input type="text" class="newsInput col-md-9 col-xl-10" placeholder="ایمیل خود را وارد کنید">
                        <button class="buttonInput font_size_footer_p col-md-3 col-xl-2 mt-1 mt-md-0">ثبت</button>
                    </div>
                    <div class="d-flex justify-content-around licenses">
                        <div class="licenses_item border p-0 col-4 mx-1">
                            <img src="<?php echo e(asset('newerFront/images/brands/adidas-black-vector-logo-400x400.png')); ?>">
                        </div>
                        <div class="licenses_item border p-0 col-4 mx-1">
                            <img src="<?php echo e(asset('newerFront/images/brands/adidas-black-vector-logo-400x400.png')); ?>">
                        </div>
                        <div class="licenses_item border p-0 col-4 mx-1">
                            <img src="<?php echo e(asset('newerFront/images/brands/adidas-black-vector-logo-400x400.png')); ?>">
                        </div>
                    </div>
                </div>
            </div>
            <div class="bot_footer mt-4 d-flex flex-column flex-md-row justify-content-between">
                <div class="right_sec order-3 order-md-2 mt-5 mt-md-0">
                    <h5 class="title_witout_margin mr-0 text-center">تاسیسات اول در شبکه های اجتماعی</h5>

                    <div class="social_media d-flex justify-content-md-between justify-content-center">
                        <a href="#">
                            <div class="social_item ml-3 border">
                                <i class="fa fa-instagram" aria-hidden="true"></i>
                            </div>
                        </a>
                        <a href="#">
                            <div class="social_item ml-3 border">
                                <i class="fa fa-whatsapp" aria-hidden="true"></i>
                            </div>
                        </a>
                        <a href="#">
                            <div class="social_item ml-3 border">
                                <i class="fa fa-linkedin" aria-hidden="true"></i>
                            </div>
                        </a>
                        <a href="#">
                            <div class="social_item ml-3 border">
                                <i class="fa fa-facebook" aria-hidden="true"></i>
                            </div>
                        </a>
                    </div>
                </div>
                <div
                    class="left_sec d-flex order-2 justify-content-center justify-content-md-end order-md-3 mt-4 mt-md-auto">
                    <a href="#" class="colma">
                        <img class="img-fluid ml-2" src="<?php echo e(asset('newerFront/images/icons/SeekPng2.com_google-play-logo-png_240528.png')); ?>"
                            title="" alt="" />
                    </a>
                    <a href="#">
                        <img class="img-fluid" src="<?php echo e(asset('newerFront/images/icons/pngwing.com (2).png')); ?>" title="" alt="" />
                    </a>
                </div>
            </div>
        </div>
        <div class="copyright">
            <p class="font_size_footer_p">
                تمامی حقوق مادی و معنوی این این سرویس (وبسایت و اپلیکیشن موبایل) متعلق به تاسیسات اول میباشد .
            </p>
        </div>
    </footer>
    <!-- end footer -->
</body>
<script src="<?php echo e(asset('newerFront/js/swipper.min.js')); ?>"></script>
<script src="<?php echo e(asset('newerFront/js/jquery.min.js')); ?>"></script>
<script src="<?php echo e(asset('newerFront/js/bootstrap.min.js')); ?>"></script>
<script src="<?php echo e(asset('newerFront/js/vue.js')); ?>"></script>
<script src="<?php echo e(asset('newerFront/js/javascript.js')); ?>"></script>

</html>
<?php /**PATH C:\xampp\htdocs\newer\resources\views/newerFront/index.blade.php ENDPATH**/ ?>
