first

base/asgi.py

@@ -0,0 +1,16 @@
+"""
+ASGI config for base project.
+
+It exposes the ASGI callable as a module-level variable named ``application``.
+
+For more information on this file, see
+https://docs.djangoproject.com/en/3.2/howto/deployment/asgi/
+"""
+
+import os
+
+from django.core.asgi import get_asgi_application
+
+os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'base.settings')
+
+application = get_asgi_application()

base/settings.py

@@ -0,0 +1,125 @@
+"""
+Django settings for base project.
+
+Generated by 'django-admin startproject' using Django 3.2.2.
+
+For more information on this file, see
+https://docs.djangoproject.com/en/3.2/topics/settings/
+
+For the full list of settings and their values, see
+https://docs.djangoproject.com/en/3.2/ref/settings/
+"""
+
+from pathlib import Path
+import os
+# Build paths inside the project like this: BASE_DIR / 'subdir'.
+BASE_DIR = Path(__file__).resolve().parent.parent
+
+
+# Quick-start development settings - unsuitable for production
+# See https://docs.djangoproject.com/en/3.2/howto/deployment/checklist/
+
+# SECURITY WARNING: keep the secret key used in production secret!
+SECRET_KEY = 'django-insecure-&th^ivdp2-=gt5r(*5*hdc_1n&-lmz$_su$uu+q4+m4gt(e_sd'
+
+# SECURITY WARNING: don't run with debug turned on in production!
+DEBUG = True
+
+ALLOWED_HOSTS = []
+
+
+# Application definition
+
+INSTALLED_APPS = [
+    'django.contrib.admin',
+    'django.contrib.auth',
+    'django.contrib.contenttypes',
+    'django.contrib.sessions',
+    'django.contrib.messages',
+    'django.contrib.staticfiles',
+    'home',
+]
+
+MIDDLEWARE = [
+    'django.middleware.security.SecurityMiddleware',
+    'django.contrib.sessions.middleware.SessionMiddleware',
+    'django.middleware.common.CommonMiddleware',
+    'django.middleware.csrf.CsrfViewMiddleware',
+    'django.contrib.auth.middleware.AuthenticationMiddleware',
+    'django.contrib.messages.middleware.MessageMiddleware',
+    'django.middleware.clickjacking.XFrameOptionsMiddleware',
+]
+
+ROOT_URLCONF = 'base.urls'
+
+TEMPLATES = [
+    {
+        'BACKEND': 'django.template.backends.django.DjangoTemplates',
+        'DIRS': [],
+        'APP_DIRS': True,
+        'OPTIONS': {
+            'context_processors': [
+                'django.template.context_processors.debug',
+                'django.template.context_processors.request',
+                'django.contrib.auth.context_processors.auth',
+                'django.contrib.messages.context_processors.messages',
+            ],
+        },
+    },
+]
+
+WSGI_APPLICATION = 'base.wsgi.application'
+
+
+# Database
+# https://docs.djangoproject.com/en/3.2/ref/settings/#databases
+
+DATABASES = {
+    'default': {
+        'ENGINE': 'django.db.backends.sqlite3',
+        'NAME': BASE_DIR / 'db.sqlite3',
+    }
+}
+
+
+# Password validation
+# https://docs.djangoproject.com/en/3.2/ref/settings/#auth-password-validators
+
+AUTH_PASSWORD_VALIDATORS = [
+    {
+        'NAME': 'django.contrib.auth.password_validation.UserAttributeSimilarityValidator',
+    },
+    {
+        'NAME': 'django.contrib.auth.password_validation.MinimumLengthValidator',
+    },
+    {
+        'NAME': 'django.contrib.auth.password_validation.CommonPasswordValidator',
+    },
+    {
+        'NAME': 'django.contrib.auth.password_validation.NumericPasswordValidator',
+    },
+]
+
+
+# Internationalization
+# https://docs.djangoproject.com/en/3.2/topics/i18n/
+
+LANGUAGE_CODE = 'en-us'
+
+TIME_ZONE = 'UTC'
+
+USE_I18N = True
+
+USE_L10N = True
+
+USE_TZ = True
+
+
+STATIC_URL = '/static/'
+MEDIA_URL = '/media/'
+MEDIA_ROOT = os.path.join(BASE_DIR, 'media')
+STATICFILES_DIRS = [
+    os.path.join(BASE_DIR, 'static'),
+]
+
+DEFAULT_AUTO_FIELD = 'django.db.models.BigAutoField'

base/urls.py

@@ -0,0 +1,12 @@
+from django.contrib import admin
+from django.urls import path, include
+from django.conf import settings
+from django.conf.urls.static import static
+
+
+urlpatterns = [
+    path('admin/', admin.site.urls),
+    path('', include('home.urls')),
+]
+if settings.DEBUG:
+    urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

base/wsgi.py

@@ -0,0 +1,16 @@
+"""
+WSGI config for base project.
+
+It exposes the WSGI callable as a module-level variable named ``application``.
+
+For more information on this file, see
+https://docs.djangoproject.com/en/3.2/howto/deployment/wsgi/
+"""
+
+import os
+
+from django.core.wsgi import get_wsgi_application
+
+os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'base.settings')
+
+application = get_wsgi_application()

home/admin.py

@@ -0,0 +1,6 @@
+from django.contrib import admin
+from.models import slider,news
+
+
+admin.site.register(slider)
+admin.site.register(news)

home/apps.py

@@ -0,0 +1,6 @@
+from django.apps import AppConfig
+
+
+class HomeConfig(AppConfig):
+    default_auto_field = 'django.db.models.BigAutoField'
+    name = 'home'

home/migrations/0001_initial.py

@@ -0,0 +1,23 @@
+# Generated by Django 3.2.2 on 2021-05-10 04:29
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    initial = True
+
+    dependencies = [
+    ]
+
+    operations = [
+        migrations.CreateModel(
+            name='slider',
+            fields=[
+                ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('titr', models.CharField(max_length=100)),
+                ('detail', models.CharField(max_length=500)),
+                ('img', models.ImageField(blank=True, upload_to='slider/')),
+            ],
+        ),
+    ]

home/migrations/0002_news.py

@@ -0,0 +1,23 @@
+# Generated by Django 3.2.2 on 2021-05-10 07:01
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('home', '0001_initial'),
+    ]
+
+    operations = [
+        migrations.CreateModel(
+            name='news',
+            fields=[
+                ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('titr', models.CharField(max_length=100)),
+                ('detail', models.TextField()),
+                ('img', models.ImageField(blank=True, upload_to='news/')),
+                ('create', models.DateTimeField(auto_now_add=True)),
+            ],
+        ),
+    ]

home/models.py

@@ -0,0 +1,20 @@
+from django.db import models
+
+
+class slider(models.Model):
+    titr = models.CharField(max_length=100)
+    detail = models.CharField(max_length=500)
+    img = models.ImageField(blank=True,upload_to='slider/')
+
+    def __str__(self):
+        return self.titr
+
+
+class news(models.Model):
+    titr = models.CharField(max_length=100)
+    detail = models.TextField()
+    img = models.ImageField(blank=True,upload_to='news/')
+    create = models.DateTimeField(auto_now_add=True)
+
+    def __str__(self):
+        return self.titr

home/templates/banner1.html

@@ -0,0 +1,26 @@
+ <section class="full_width bg-color">
+    <div class="skin_width_main">
+      <div class="skin_bottom_content">
+        <div class="row dnnpane">
+          <div id="dnn_BottomBanner" class="i_content_grid12 col-md-12"><div class="DnnModule DnnModule-DNN_HTML DnnModule-496"><a name="496"></a>
+<div class="valid-404 SpacingBottom">
+    <div id="dnn_ctr496_ContentPane" class=""><!-- Start_Module_496 --><div id="dnn_ctr496_ModuleContent" class="DNNModuleContent ModDNNHTMLC">
+	<div id="dnn_ctr496_HtmlModule_lblContent" class="Normal">
+	<div class="mycard-link-box">
+    <div class="mycard-link"><a href="https://myservices.tehran.ir/auth/recovery/form/username-recovery"
+            target="_blank">بازیابی رمز عبور</a></div>
+    <div class="mycard-link"><a href="/پرسش-و-پاسخ">پرسش&zwnj;های متداول</a></div>
+    <div class="mycard-link"><a href="/نرمافزارهای-موبایلی">نرم‌افزارهای موبایلی</a></div>
+    <div class="mycard-link"><a href="/عوارض-محدوده-های-ترافیکی"> عوارض محدوده&zwnj;های ترافیکی</a>
+    </div>
+</div>
+</div>
+
+</div><!-- End_Module_496 --></div>
+	<div class="clear"></div>
+</div>
+</div></div>
+        </div>
+      </div>
+    </div>
+  </section>

home/templates/base.html

@@ -0,0 +1,827 @@
+{% load static %}
+<!DOCTYPE html>
+<html  lang="fa-IR">
+<head id="Head"><meta content="text/html; charset=UTF-8" http-equiv="Content-Type" /><title>
+    منطقه ساری
+</title><meta id="MetaDescription" name="DESCRIPTION" content="پخش منطقه ساری" /><meta id="MetaKeywords" name="KEYWORDS" content="حساب شهروندی,سامانه تهران من,تهران,شهرداری تهران,طرح ترافیک,آرم طرح ترافیک,ترافیک,پرتال حساب شهروندی,پرتال تهران من,طرح زوج یا فرد,طرح زوج و فرد,عوارض طرح ترافیک,پرداخت بدهی طرح ترافیک,طرح کنترل آلودگی هوا,استعلام بدهی پلاک,پرداخت بدهی خودرو
+" /><meta id="MetaRobots" name="ROBOTS" content="INDEX, FOLLOW" /><link href="{% static 'css/default.css' %}" type="text/css" rel="stylesheet"/><link href="{% static 'css/module.css' %}" type="text/css" rel="stylesheet"/><link href="{% static 'css/skin.css' %}" type="text/css" rel="stylesheet"/><link href="{% static 'css/home.css' %}" type="text/css" rel="stylesheet"/><link href="{% static 'css/container.css' %}" type="text/css" rel="stylesheet"/><link href="{% static 'css/portal.css' %}" type="text/css" rel="stylesheet"/><script src="{% static 'js/jquery.js' %}" type="text/javascript"></script><script src="{% static 'js/jquery-migrate.js' %}" type="text/javascript"></script><script src="{% static 'js/jquery-ui.js' %}" type="text/javascript"></script><!--[if IE 8]><link id="IE8Minus" rel="stylesheet" type="text/css" href="{% static 'css/ie8style.css' %}" /><![endif]--><meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=2.0" /></head>
+<body id="Body" class="rtl">
+    <div style="display:none">
+      <p hidden> SRVCI38-SITE167</p>
+    </div>
+    <form method="post" action="/" id="Form" enctype="multipart/form-data">
+<div class="aspNetHidden">
+<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />
+<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" />
+<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="ykSNbfQZMIAce8NmLmq37kHAhJ3i4ukynDI4+KAC2YAcqO2D1yyEjCkqF1997O7NcYgHZ9RUMpWfuj/i3mA6DeuB52NIh0RcC/jokR3GecPH8dlKbZ0FxtuBTH4=" />
+</div>
+
+<script type="text/javascript">
+//<![CDATA[
+var theForm = document.forms['Form'];
+if (!theForm) {
+    theForm = document.Form;
+}
+function __doPostBack(eventTarget, eventArgument) {
+    if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
+        theForm.__EVENTTARGET.value = eventTarget;
+        theForm.__EVENTARGUMENT.value = eventArgument;
+        theForm.submit();
+    }
+}
+//]]>
+</script>
+
+
+<script src="{% static 'css/WebResource.axd' %}" type="text/javascript"></script>
+
+
+<script src="{% static 'js/mustache.js' %}" type="text/javascript"></script>
+<script type="text/javascript">
+//<![CDATA[
+var __cultureInfo = {"name":"fa-IR","numberFormat":{"CurrencyDecimalDigits":2,"CurrencyDecimalSeparator":"/","IsReadOnly":false,"CurrencyGroupSizes":[3],"NumberGroupSizes":[3],"PercentGroupSizes":[3],"CurrencyGroupSeparator":",","CurrencySymbol":"ريال","NaNSymbol":"مبهم","CurrencyNegativePattern":3,"NumberNegativePattern":0,"PercentPositivePattern":0,"PercentNegativePattern":0,"NegativeInfinitySymbol":"منهای بی نهایت","NegativeSign":"-","NumberDecimalDigits":2,"NumberDecimalSeparator":"/","NumberGroupSeparator":",","CurrencyPositivePattern":0,"PositiveInfinitySymbol":"بی نهایت","PositiveSign":"+","PercentDecimalDigits":2,"PercentDecimalSeparator":"/","PercentGroupSeparator":",","PercentSymbol":"%","PerMilleSymbol":"‰","NativeDigits":["۰","۱","۲","۳","۴","۵","۶","۷","۸","۹"],"DigitSubstitution":2},"dateTimeFormat":{"AMDesignator":"ق.ظ","Calendar":{"MinSupportedDateTime":"\/Date(-42531885000000)\/","MaxSupportedDateTime":"\/Date(253402288199999)\/","AlgorithmType":1,"Eras":[1],"TwoDigitYearMax":99,"IsReadOnly":false},"DateSeparator":"/","FirstDayOfWeek":6,"CalendarWeekRule":0,"FullDateTimePattern":"dddd, dd MMMM,yyyy hh:mm:ss tt","LongDatePattern":"dddd, dd MMMM,yyyy","LongTimePattern":"hh:mm:ss tt","MonthDayPattern":"dd MMMM","PMDesignator":"ب.ظ","RFC1123Pattern":"ddd, dd MMM yyyy HH\u0027:\u0027mm\u0027:\u0027ss \u0027GMT\u0027","ShortDatePattern":"yyyy/MM/dd","ShortTimePattern":"hh:mm tt","SortableDateTimePattern":"yyyy\u0027-\u0027MM\u0027-\u0027dd\u0027T\u0027HH\u0027:\u0027mm\u0027:\u0027ss","TimeSeparator":":","UniversalSortableDateTimePattern":"yyyy\u0027-\u0027MM\u0027-\u0027dd HH\u0027:\u0027mm\u0027:\u0027ss\u0027Z\u0027","YearMonthPattern":"yyyy, MMMM","AbbreviatedDayNames":["ی","د","س","چ","پ","ج","ش"],"ShortestDayNames":["ی","د","س","چ","پ","ج","ش"],"DayNames":["یکشنبه","دوشنبه","ﺳﻪشنبه","چهارشنبه","پنجشنبه","جمعه","شنبه"],"AbbreviatedMonthNames":["فروردین","اردیبهشت","خرداد","تیر","مرداد","شهریور","مهر","آبان","آذر","دی","بهمن","اسفند",""],"MonthNames":["فروردین","اردیبهشت","خرداد","تیر","مرداد","شهریور","مهر","آبان","آذر","دی","بهمن","اسفند",""],"IsReadOnly":false,"NativeCalendarName":"","AbbreviatedMonthGenitiveNames":["فروردین","اردیبهشت","خرداد","تیر","مرداد","شهریور","مهر","آبان","آذر","دی","بهمن","اسفند",""],"MonthGenitiveNames":["فروردین","اردیبهشت","خرداد","تیر","مرداد","شهریور","مهر","آبان","آذر","دی","بهمن","اسفند",""]},"eras":[1,"A.D.",null,0]};//]]>
+</script>
+
+<script src="{% static 'css/ScriptResource.axd' %}" type="text/javascript"></script>
+
+<div class="aspNetHidden">
+
+	<input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="CA0B0334" />
+	<input type="hidden" name="__VIEWSTATEENCRYPTED" id="__VIEWSTATEENCRYPTED" value="" />
+	<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="W80urElW+vHTcYMLOmsEj38M/J5TS3iZQ3LOritNq0aqxrbA1R7PKvw9SvumKtfkSCwfrVkPYZCUMsvFhYbhvJYR0MJQRtMgCe8kYWq30JVFXKYA" />
+</div><script src="{% static 'js/jquery.hoverIntent.min.js' %}" type="text/javascript"></script><script src="{% static 'js/dnncore.js' %}" type="text/javascript"></script><script src="{% static 'js/StandardMenu.js' %}" type="text/javascript"></script><script src="{% static 'js/dnn.jquery.js' %}" type="text/javascript"></script><script type="text/javascript">
+//<![CDATA[
+Sys.WebForms.PageRequestManager._initialize('ScriptManager', 'Form', [], [], [], 90, '');
+//]]>
+</script>
+
+
+
+
+
+
+
+<!--[if lt IE 9]>
+<script src="https://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+<![endif]-->
+
+
+
+
+<div id="ControlPanelWrapper">
+
+
+</div>
+<div id="skin_wrapper" class="">
+  <!--start skin header-->
+  <header id="HeaderOne">
+    <!-- start header main -->
+    <section id="skin_header">
+      <div class="skin_width clearafter">
+        <div class="logo_style clearafter">
+
+          <!--start skin menu-->
+          <div class="tm-header-bottom">
+            <nav class="menu_box">
+              <div id="standardMenu">
+  <ul class="rootMenu">
+    <li class="item first child-1"><a href="https://myservices.tehran.ir/auth/recovery/form/username-recovery" target="_blank"><span>بازیابی رمز عبور</span></a></li>
+    <li class="item child-2"><a href="https://myservices.tehran.ir/auth/login" target="_blank"><span>ورود</span></a></li>
+    <li class="item last child-3"><a href="https://myservices.tehran.ir/registration/individual"><span>ثبت نام</span></a></li>
+  </ul>
+</div>
+              <!--<div class="box-login2"><a href="https://myservices.tehran.ir/auth/login">ورود</a></div>-->
+            </nav>
+          </div>
+          <div class="tm-header-top">
+            <div class="bax-search2">
+              <a href="/جستجو"><img src="{% static 'img/Magnifier-InActive.png' %}" /></a>
+            </div>
+            <div class="box-date2">
+              <span id="dnn_CURRENTDATE_lblDate" class="date-font"><span style='font-family:vazir; font-size:14px; color:#666666' >سه شنبه 21 ارديبهشت 1400</span></span>
+
+            </div>
+          </div>
+          <!--end skin menu-->
+        </div>
+        <!--site logo-->
+        <div class="site_logo">
+          <a id="dnn_dnnLOGO_hypLogo" title="پرتال تهران من" href="http://my.tehran.ir/"><img id="dnn_dnnLOGO_imgLogo" src="{% static 'img/Logo.png' %}?ver=1398-07-22-172816-137" alt="" /></a>
+        </div>
+      </div>
+      <!--mobile menu button-->
+      <div class="mobile_nav"><a href="#" class="menuclick"><img alt="Menu" class="click_img"
+            src="{% static 'img/blank.gif' %}" /></a></div>
+    </section>
+    <!-- end header main -->
+  </header>
+  <!--end skin header-->
+
+
+  <!--start skin main-->
+  <section class="full_width">
+    <div id="dnn_Full_icons" class="fullwidthpane"><div class="DnnModule DnnModule-DNN_HTML DnnModule-472"><a name="472"></a>
+<div class="DNNContainer_noTitle">
+	<div id="dnn_ctr472_ContentPane"><!-- Start_Module_472 -->
+<style>
+    @media only screen and (max-width: 420px) {
+        .v-center {
+            bottom: 10px;
+        }
+    }
+
+    @media only screen and (max-width: 767px) {
+        .v-center {
+            bottom: 0!important;
+        }
+    }
+</style>
+        {% block content %}
+        {%  endblock  %}
+
+ {% include 'banner1.html' %}
+
+  <section class="skin_main">
+    <div class="skin_width_main">
+      <div class="skin_bottom_content">
+        <div class="row dnnpane">
+          <div id="dnn_ContentPane" class="i_content_grid12 col-md-12"><div class="DnnModule DnnModule-DNN_HTML DnnModule-663"><a name="663"></a>
+<div class="valid-404 SpacingBottom">
+    <div id="dnn_ctr663_ContentPane" class=""><!-- Start_Module_663 --><style>
+.slider.responsive.slick-initialized.slick-slider {
+	direction: rtl;
+}
+.slider.responsive.slick-initialized.slick-slider  .slick-slide {
+    float: right;
+}
+    #skin_wrapper {
+        background: #f3f3f3;
+    }
+
+    .reset-col2>a:hover>.service-card {
+        background: #00803e;
+    }
+
+    .cursor-disable {
+        cursor: default;
+    }
+
+    .reset-col2 {
+        margin-bottom: 15px;
+        padding: 0 8px;
+
+    }
+    .service-card {
+        background: #fff;
+        border-radius: 30px;
+        padding: 24px 0;
+        min-height: 210px;
+        /* -webkit-box-shadow: -2px 1px 0px 2px #dadada;
+        box-shadow: -2px 1px 0px 2px #dadada; */
+        border: 1px solid #dadada;
+        -webkit-box-shadow: 0px 6px 2px 0px rgba(227,227,227,1);
+-moz-box-shadow: 0px 6px 2px 0px rgba(227,227,227,1);
+box-shadow: 0px 6px 2px 0px rgba(227,227,227,1);
+    }
+
+    .desc-service p {
+        font-family: vazir-medium;
+        font-size: 14px;
+        color: #000;
+        text-align: center;
+        direction: rtl;
+        line-height: 22px;
+        display: table-cell;
+        vertical-align: middle;
+    }
+
+    .reset-col2>a:hover>.service-card>.desc-service>p {
+        color: #fff;
+    }
+
+    .logo-service {
+        padding: 0 0 10px 0;
+    }
+
+    .service-card>.logo-service>span {
+        content: "";
+        /* background-repeat: no-repeat center; */
+        width: 152px;
+        height: 80px;
+        display: block;
+        margin: 0 auto;
+    }
+
+    .desc-service {
+        padding: 0;
+        text-align: center;
+        margin: 0 auto;
+        display: table;
+        width: 100%;
+    }
+
+    .desc-service>p>span {
+        display: table;
+        margin: 0 auto;
+        direction: ltr;
+    }
+
+    .img-service1 {
+        background: url("{% static 'img/service1.png' %}") no-repeat center;
+    }
+
+    .img-service2 {
+        background: url("{% static 'img/service2.png' %}") no-repeat center;
+    }
+
+    .img-service3 {
+        background: url("{% static 'img/service3.png' %}") no-repeat center;
+    }
+
+    .img-service4 {
+        background: url("{% static 'img/service4.png' %}") no-repeat center;
+    }
+
+    .img-service5 {
+        background: url("{% static 'img/service5.png' %}") no-repeat center;
+    }
+
+    .img-service6 {
+        background: url("{% static 'img/service6.png' %}") no-repeat center;
+    }
+
+    .img-service7 {
+        background: url("{% static 'img/service7.png' %}") no-repeat center;
+    }
+
+    .img-service8 {
+        background: url("{% static 'img/service8.png' %}") no-repeat center;
+    }
+
+    .img-service9 {
+        background: url("{% static 'img/service9.png' %}") no-repeat center;
+    }
+
+    .img-service10 {
+        background: url("{% static 'img/service10.png' %}") no-repeat center;
+    }
+
+    .img-service11 {
+        background: url("{% static 'img/service11.png' %}") no-repeat center;
+    }
+
+    .img-service12 {
+        background: url("{% static 'img/service12.png' %}") no-repeat center;
+    }
+
+    .reset-col2>a:hover>.service-card>.logo-service>span.img-service1 {
+        background: url("{% static 'img/service1-hover.png' %}") no-repeat center;
+    }
+
+    .reset-col2>a:hover>.service-card>.logo-service>span.img-service2 {
+        background: url("{% static 'img/service2-hover.png' %}") no-repeat center;
+    }
+
+    .reset-col2>a:hover>.service-card>.logo-service>span.img-service3 {
+        background: url("{% static 'img/service3-hover.png' %}") no-repeat center;
+    }
+
+    .reset-col2>a:hover>.service-card>.logo-service>span.img-service4 {
+        background: url("{% static 'img/service4-hover.png' %}") no-repeat center;
+    }
+
+    .reset-col2>a:hover>.service-card>.logo-service>span.img-service5 {
+        background: url("{% static 'img/service5-hover.png' %}") no-repeat center;
+    }
+
+    .reset-col2>a:hover>.service-card>.logo-service>span.img-service6 {
+        background: url("{% static 'img/service6-hover.png' %}") no-repeat center;
+    }
+
+    .reset-col2>a:hover>.service-card>.logo-service>span.img-service7 {
+        background: url("{% static 'img/service7-hover.png' %}") no-repeat center;
+    }
+
+    .reset-col2>a:hover>.service-card>.logo-service>span.img-service8 {
+        background: url("{% static 'img/service8-hover.png' %}") no-repeat center;
+    }
+
+    .reset-col2>a:hover>.service-card>.logo-service>span.img-service9 {
+        background: url("{% static 'img/service9-hover.png' %}") no-repeat center;
+    }
+
+    .reset-col2>a:hover>.service-card>.logo-service>span.img-service10 {
+        background: url("{% static 'img/service10-hover.png' %}") no-repeat center;
+    }
+
+    .reset-col2>a:hover>.service-card>.logo-service>span.img-service11 {
+        background: url("{% static 'img/service11-hover.png' %}") no-repeat center;
+    }
+
+    .reset-col2>a:hover>.service-card>.logo-service>span.img-service12 {
+        background: url("{% static 'img/service12-hover.png' %}") no-repeat center;
+    }
+
+
+
+
+
+     @media only screen and (max-width: 460px) {
+.service-card {
+	border-radius: 0;
+	 box-shadow:none;
+}
+   .reset-col2 {
+        margin-bottom: 0;
+        padding: 0;
+
+    }
+    }
+</style><div id="dnn_ctr663_ModuleContent" class="DNNModuleContent ModDNNHTMLC">
+	<div id="dnn_ctr663_HtmlModule_lblContent" class="Normal">
+	<div class="payment-box"> <div class="slider responsive"> <div class="reset-col2"> <a target="_blank" href="https://publicmeeting.tehran.ir/"> <div class="service-card"> <div class="logo-service"><span class="img-service1">&nbsp;</span></div> <div class="desc-service"> <p>سامانه ملاقات مردمی</p> </div> </div> </a> </div> <div class="reset-col2"> <a target="_blank" href="https://taxi-agency.tehran.ir/login.aspx"> <div class="service-card"> <div class="logo-service"><span class="img-service7">&nbsp;</span></div> <div class="desc-service"> <p>سامانه ثبت نام <br> موسسات کرایه اتومبیل </p> </div> </div> </a> </div> <div class="reset-col2"> <a href="/روشهای-پرداخت"> <div class="service-card"> <div class="logo-service"><span class="img-service8">&nbsp;</span></div> <div class="desc-service"> <p>استعلام بدهی طرح <br> ترافیک پارک حاشیه‌ای و <br> عوارض سالیانه خودرو </p> </div> </div> </a> </div> <div class="reset-col2"> <a target="_blank" href="https://samanbazar.tehran.ir/Market/#/"> <div class="service-card"> <div class="logo-service"><span class="img-service2">&nbsp;</span></div> <div class="desc-service"> <p>سامانه سامان بازار</p> </div> </div> </a> </div> <div class="reset-col2"> <a href="/melk"> <div class="service-card"> <div class="logo-service"><span class="img-service11">&nbsp;</span></div> <div class="desc-service"> <p>صحت سنجی شماره <br> شناسایی ملک، آپارتمان <br> و واحد غیر مسکونی </p> </div> </div> </a> </div> <div class="reset-col2"> <a target="_blank" href="https://baraneh.tehran.ir/login.aspx"> <div class="service-card"> <div class="logo-service"><span class="img-service9">&nbsp;</span></div> <div class="desc-service"> <p> سامانه حمل و نقل <br> بار و کالا (بارانه) </p> </div> </div> </a> </div> <div class="reset-col2"> <a target="_blank" href="https://map.tehran.ir/"> <div class="service-card"> <div class="logo-service"><span class="img-service4">&nbsp;</span></div> <div class="desc-service"> <p>نقشه شهر تهران</p> </div> </div> </a> </div> <div class="reset-col2"> <a target="_blank" href="http://myservices.tehran.ir/"> <div class="service-card"> <div class="logo-service"><span class="img-service10">&nbsp;</span></div> <div class="desc-service"> <p> سامانه نوبت‌دهی مراکز <br> معاینه فنی خودروها </p> </div> </div> </a> </div> <div class="reset-col2"> <a target="_blank" href="http://services7.tehran.ir/Default.aspx?tabid=250&ctl=CreateMessage137&mid=727&WorkspaceID=1"> <div class="service-card"> <div class="logo-service"><span class="img-service5">&nbsp;</span></div> <div class="desc-service"> <p>ثبت درخواست‌های مردمی (137)</p> </div> </div> </a> </div> <div class="reset-col2"> <a target="_blank" href="http://eticket.tehran.ir/"> <div class="service-card"> <div class="logo-service"><span class="img-service3">&nbsp;</span></div> <div class="desc-service"> <p>سرویس‌های شهروندی</p> </div> </div> </a> </div> <div class="reset-col2"> <a href="/online-shop"> <div class="service-card"> <div class="logo-service"><span class="img-service6">&nbsp;</span></div> <div class="desc-service"> <p>فروشگاه‌ها و خدمات آنلاین</p> </div> </div> </a> </div> <div class="reset-col2"> <a href="/راهنمای-کدهای-دستوری"> <div class="service-card"> <div class="logo-service"><span class="img-service12">&nbsp;</span></div> <div class="desc-service"> <p>کدهای دستوری خدمات <br>الکترونیکی <span style="direction: ltr;">*137#</span> </p> </div> </div> </a> </div> </div> </div>
+</div>
+
+</div><script>
+    $(document).ready(function () {
+        $('.responsive').slick({
+            rows: 2,
+            dots: false,
+            infinite: true,
+            speed: 300,
+            slidesToShow: 6,
+            rtl: true,
+            slidesToScroll: 1,
+            responsive: [
+                {
+                    breakpoint: 992,
+                    settings: {
+                        slidesToShow: 4,
+						slidesToScroll: 2
+                    }
+                },
+				   {
+                    breakpoint: 650,
+                    settings: {
+                        slidesToShow: 3,
+						slidesToScroll: 3
+                    }
+                },
+							   {
+                    breakpoint: 461,
+                    settings: {
+                        slidesToShow: 2,
+						slidesToScroll: 2
+                    }
+                },
+							   {
+                    breakpoint: 380,
+                    settings: {
+                        rows: 1,
+						 slidesToShow: 1,
+						 slidesToScroll: 1
+                    }
+                }
+
+            ]
+        });
+    });
+</script><!-- End_Module_663 --></div>
+	<div class="clear"></div>
+</div>
+</div></div>
+        </div>
+      </div>
+    </div>
+  </section>
+{% include 'news.html' %}
+
+  <section class="full_width bg-color2">
+    <div class="skin_width_main">
+      <div class="skin_bottom_content">
+        <div class="row dnnpane">
+          <div id="dnn_TwoGrid12" class="i_two_grid12 col-md-12"><div class="DnnModule DnnModule-DNN_HTML DnnModule-480"><a name="480"></a>
+<div class="notitle_container"><div id="dnn_ctr480_ContentPane"><!-- Start_Module_480 --><div id="dnn_ctr480_ModuleContent" class="DNNModuleContent ModDNNHTMLC">
+	<div id="dnn_ctr480_HtmlModule_lblContent" class="Normal">
+	<div class="col-sm-7">
+<div class="camera-left">
+<div class="tm-videolive-box">
+<div class="slider-wrapper" id="slick-1">
+<div class="slider-video">
+<div class="slide" id="sld_0"><!-- <div id="video_info_0">&nbsp;</div>
+                        <div id="video_container_0" style="width: 100%; max-width: 960px;">
+                            <div class="fp-slim" id="video-player_0">&nbsp;</div>
+                        </div> -->
+<img class="photo-camera0 lazy" data-src="http://31.24.237.178/DesktopModules/IBServices/API/Tools/RetImage?filename=60-69" /></div>
+
+<div class="slide" id="sld_1"><!-- <div id="video_info_1">&nbsp;</div>
+                        <div id="video_container_1" style="width: 100%; max-width: 960px;">
+                            <div class="fp-slim" id="video-player_1">&nbsp;</div>
+                        </div> -->
+<img class="photo-camera1 lazy" data-src="http://31.24.237.178/DesktopModules/IBServices/API/Tools/RetImage?filename=60-64" /></div>
+
+<div class="slide" id="sld_2"><!-- <div id="video_info_2">&nbsp;</div>
+                        <div id="video_container_2" style="width: 100%; max-width: 960px;">
+                            <div class="fp-slim" id="video-player_2">&nbsp;</div>
+                        </div> -->
+<img class="photo-camera2 lazy" data-src="http://31.24.237.178/DesktopModules/IBServices/API/Tools/RetImage?filename=210-67" /></div>
+</div>
+<!--<div class="slider-progress">
+<div class="progress">&nbsp;</div>
+</div>--></div>
+</div>
+</div>
+</div>
+
+<div class="col-sm-5">
+<div class="camera-right">
+<h3>تصاویر لحظه&zwnj;ای مکان&zwnj;های منتخب شهر تهران</h3>
+<!--<p>جهت مشاهده وضعیت ترافیک خیابان&zwnj;های سطح شهر تهران بر روی لینک&zwnj;های زیر کلیک نمایید:</p>--></div>
+
+<ul class="camera-list">
+ <li><a class="active_video" data-slide="0" href="#">دوربین پل طبیعت</a></li>
+ <li><a data-slide="1" href="#">دوربین شیخ بهایی</a></li>
+ <li><a data-slide="2" href="#">دوربین میدان آزادی</a></li>
+ <!-- <li><a href="" data-slide="4">دوربین اتوبان ارتش</a></li> -->
+</ul>
+</div>
+
+</div>
+
+</div><script>
+var streamsname = ["538218500777818938420155","290390458533836267498648", "765426061975775441844993"];
+var playerbox = ["video-player_0", "video-player_1", "video-player_2"];
+var posters=["60-69","60-64","210-67"]
+var token = "null";
+
+var pAutoplay = "null";
+var autoPlay = false;
+if (pAutoplay == "true" && !isMobile()) {
+    autoPlay = true;
+}
+
+function initializePlayer(name, extension, token, tagname,pstr) {
+    var type;
+    var liveStream = false;
+    if (extension == "mp4") {
+        type = "video/mp4";
+        liveStream = false;
+    } else if (extension == "m3u8") {
+        type = "application/x-mpegurl";
+        liveStream = true;
+    } else {
+        console.log("Unknown extension: " + extension);
+        return;
+    }
+
+    if (name.endsWith("_adaptive")) {
+        preview = name.substring(0, name.indexOf("_adaptive"));
+    }
+
+    flowplayer("#" + tagname, {
+        poster: "http://www.tehran.iri/Portals/0/1398/3/18/Image/11554077-IMG_3933.jpg",
+        autoplay: autoPlay,
+        ratio: 9 / 16,
+        fullscreen: true,
+        native_fullscreen: true,
+        clip: {
+            live: liveStream,
+            sources: [{
+                type: type,
+                src: "https://livestreamsapp.tehran.ir/LiveApp/streams/" + name + "." + extension + "?token=" + token
+            }]
+        },
+        hlsjs: {
+            recoverMediaError: true,
+            recoverNetworkError: true,
+        }
+    });
+
+    document.getElementById("video_container").style.display = "block";
+    document.getElementById("video_info").hidden = true;
+
+}
+
+$(document).ready(function() {
+    //for (var i = 0; i < streamsname.length; i++) {
+     //   tryToPlay(streamsname[i], token, playerbox[i],posters[i]);
+    //}
+
+    setInterval(
+        function(){
+            $(".photo-camera0").attr("data-src","http://31.24.237.178/DesktopModules/IBServices/API/Tools/RetImage?filename=60-69&_="+ Math.random());
+          $(".photo-camera1").attr("data-src","http://31.24.237.178/DesktopModules/IBServices/API/Tools/RetImage?filename=60-64&_="+ Math.random());
+         $(".photo-camera2").attr("data-src","http://31.24.237.178/DesktopModules/IBServices/API/Tools/RetImage?filename=210-67&_="+ Math.random());
+
+        }, 600000);
+
+});
+
+ $(function() {
+        $('.lazy').lazy();
+    });
+</script>
+
+
+
+
+
+<style>
+.slide {
+    width: 100%;
+    background: #ccc;
+}
+
+#slick-1 .slick-dots li {
+    width: 40px;
+    height: 5px;
+    background: #ccc;
+}
+
+#slick-1 .slick-dots li button {
+    width: 40px;
+    height: 5px;
+}
+
+#slick-1 .slick-dots li.slick-active,
+#slick-1 .slick-dots li:hover {
+    background: #777;
+}
+
+#slick-1 .slick-dots li button,
+#slick-1 .slick-dots li button:before {
+    color: transparent;
+    opacity: 0;
+}
+/* progress bar */
+
+.slider-progress {
+    width: 100%;
+    height: 3px;
+    background: #eee;
+}
+
+.slider-progress .progress {
+    width: 0%;
+    height: 3px;
+    background: #000;
+}
+</style>
+<script>
+$(document).ready(function() {
+    var time = 5;
+    var $bar,
+        $slick,
+        isPause,
+        tick,
+        percentTime;
+
+    $slick = $('.slider-video');
+    $slick.slick({
+      //  draggable: true,
+        adaptiveHeight: false,
+        dots: false,
+        mobileFirst: true,
+        pauseOnDotsHover: true,
+        //prevArrow: false,
+        //nextArrow: false
+          fade: true,
+          autoplay:false,
+            arrows: false
+    });
+
+//      $bar = $('.slider-progress .progress');
+//
+//      $('.slider-wrapper').on({
+//          mouseenter: function() {
+//              isPause = true;
+//          },
+//          mouseleave: function() {
+//              isPause = false;
+//          }
+//      })
+//
+//      function startProgressbar() {
+//          resetProgressbar();
+//          percentTime = 0;
+//          isPause = false;
+//          tick = setInterval(interval, 10);
+//      }
+//
+//      function interval() {
+//          if (isPause === false) {
+//              percentTime += 1 / (time + 0.1);
+//              $bar.css({
+//                  width: percentTime + "%"
+//              });
+//              if (percentTime >= 100) {
+//                  $slick.slick('slickNext');
+//                  startProgressbar();
+//              }
+//          }
+//      }
+//
+//      function resetProgressbar() {
+//          $bar.css({
+//              width: 0 + '%'
+//          });
+//          clearTimeout(tick);
+//      }
+//      startProgressbar();
+
+
+
+});
+
+$('a[data-slide]').click(function(e) {
+e.preventDefault();
+$(".camera-list>li>a:not(this)").removeClass("active_video");
+
+var currentid=$( ".slick-active").find( ".flowplayer").attr("data-flowplayer-instance-id");
+
+$(this).addClass("active_video");
+var slideno = $(this).data('slide');
+$('.slider-video').slick('slickGoTo', slideno);
+
+var goplay=$( ".slick-active").find( ".flowplayer").attr("data-flowplayer-instance-id");
+//	flowplayer(parseInt(currentid)).stop();
+//setTimeout(() => {
+//flowplayer(parseInt(goplay)).play();
+//}, 100);
+
+
+
+var temp_var;
+$( ".flowplayer" ).each(function(item,index){
+temp_var=$(this).attr("data-flowplayer-instance-id");
+//ply_list.push(temp_var);
+if(temp_var!==goplay){
+flowplayer(parseInt(temp_var)).engine.hls.streamController.stopLoad;
+flowplayer(parseInt(temp_var)).stop();
+// flowplayer(parseInt(temp_var)).shutdown();
+}
+});
+
+
+
+});
+
+
+</script><!-- End_Module_480 --></div></div></div></div>
+        </div>
+      </div>
+    </div>
+  </section>
+
+
+  <section class="skin_main">
+    <div class="skin_width_main">
+      <div class="skin_bottom_content">
+        <div class="row dnnpane">
+          <div id="dnn_Eleven12" class="i_eleven_grid12 col-md-12"><div class="DnnModule DnnModule-DNN_HTML DnnModule-471"><a name="471"></a>
+<div class="notitle_container"><div id="dnn_ctr471_ContentPane"><!-- Start_Module_471 --><div id="dnn_ctr471_ModuleContent" class="DNNModuleContent ModDNNHTMLC">
+	<div id="dnn_ctr471_HtmlModule_lblContent" class="Normal">
+	<div class="link-box">
+<div class="link-btn col-sm-3 col-xs-6 tm-link1"><a href="http://airnow.tehran.ir/">کنترل کیفیت هوا</a></div>
+
+<div class="link-btn col-sm-3 col-xs-6 tm-link2"><a href="http://data.tehran.ir/%D8%B5%D9%81%D8%AD%D9%87-%D8%A7%D8%B5%D9%84%DB%8C">داده&zwnj;نمای تهران</a></div>
+
+<div class="link-btn col-sm-3 col-xs-6 tm-link3"><a href="http://api.tehran.ir/">پرتال API</a></div>
+
+<div class="link-btn col-sm-3 col-xs-6 tm-link4"><a href="http://shafaf.tehran.ir/">سامانه شفافیت شهر تهران</a></div>
+</div>
+
+</div>
+
+</div><!-- End_Module_471 --></div></div></div></div>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <!--start footer top-->
+  <section class="footer_top">
+    <div class="skin_width_main">
+      <div class="footerpane_style skin_main_padding">
+        <div class="row dnnpane">
+          <div id="dnn_FooterGrid12" class="footer_grid12 col-md-12"><div class="DnnModule DnnModule-DNN_HTML DnnModule-425"><a name="425"></a>
+<div class="notitle_container"><div id="dnn_ctr425_ContentPane"><!-- Start_Module_425 --><div id="dnn_ctr425_ModuleContent" class="DNNModuleContent ModDNNHTMLC">
+	<div id="dnn_ctr425_HtmlModule_lblContent" class="Normal">
+	<div class="tm-footer">
+<div class="tm-footer-tehran">
+<div class="col-sm-6 col-xs-6 tm-footer-icon">
+<div class="tm-footer-hoshmand"><img src="{% static 'img/Hoshmand.png' %}" /></div>
+</div>
+
+<div class="col-sm-6 col-xs-6 tm-footer-icon">
+<div class="tm-footer-mytehran"><img src="{% static 'img/My-tehran.png' %}" /></div>
+
+<div class="tm-footer-137"><span>تلفن پشتیبانی </span><span class="arrow-left">&nbsp;</span><span> 137</span></div>
+</div>
+
+<div class="tm-footer-image"><img src="{% static 'img/tehran-footer.png' %}" /></div>
+</div>
+</div>
+
+</div>
+
+</div><!-- End_Module_425 --></div></div></div></div>
+        </div>
+      </div>
+      </div>
+
+	     <div class="footer-bottom-bg">
+	     <div class="skin_width_main">
+      <div class="footerpane_style_bottom skin_main_padding">
+        <div class="row dnnpane">
+          <div class="footer_bottom_grid12">
+		  <a href="/terms">قوانین و مقررات استفاده از سامانه تهران من </a>
+		  </div>
+        </div>
+      </div>
+    </div>
+    </div>
+  </section>
+  <!--end footer top-->
+
+<div class="sticky-mobile">
+
+    <div class="inner-sticky-mobile">
+
+        <div class="row">
+
+            <div class="col-xs-3"><span class="logo-sticky-mobile"><img src="{% static 'img/logo.png' %}" alt=""></span></div>
+
+            <div class="col-xs-6"><span class="title-sticky-mobile">کارایی بهتر در اپلیکیشن</span></div>
+
+            <div class="col-xs-3"><a href="/نرمافزارهای-موبایلی/mytehran"><span class="link-sticky-mobile">دانلود برنامه</span></a></div>
+
+        </div>
+
+    </div>
+
+</div>
+
+<script type="text/javascript" src="{% static 'js/bootstrap.js' %}"></script>
+<script type="text/javascript" src="{% static 'js/jquery.plugins.js' %}"></script>
+<script type="text/javascript" src="{% static 'js/slick.min.js' %}"></script>
+<script type="text/javascript" src="{% static 'js/jquery.lazy.min.js' %}"></script>
+<!-- <script type="text/javascript" src="/Portals/0/skins/mytehran2/js/video-player/hls.light.min.js"></script>
+<script type="text/javascript" src="/Portals/0/skins/mytehran2/js/video-player/flowplayer.min.js"></script>
+<script type="text/javascript" src="/Portals/0/skins/mytehran2/js/video-player/fetch.js"></script>
+<script type="text/javascript" src="/Portals/0/skins/mytehran2/js/video-player/promise.min.js"></script>
+<script type="text/javascript" src="/Portals/0/skins/mytehran2/js/video-player/fetch.stream.js"></script>
+<script type="text/javascript" src="/Portals/0/skins/mytehran2/js/video-player/cast_sender.js"></script> -->
+
+
+
+
+<!--[if IE 9]>
+<script type="text/javascript">
+//Disable Animation:
+jQuery(document).ready(function() {
+	 $(".animation").css({"opacity": "1"});
+});
+</script>
+<![endif]-->
+<script type="text/javascript" src="{% static 'js/custom.js' %}"></script>
+
+<script type="text/javascript">
+  jQuery(document).ready(function ($) {
+    $("#dnn_HeaderPane").appendTo("#skin_topLeft").show();
+  });
+</script>
+        <input name="ScrollTop" type="hidden" id="ScrollTop" />
+        <input name="__dnnVariable" type="hidden" id="__dnnVariable" autocomplete="off" />
+
+    </form>
+    <!--CDF(Javascript|/js/dnncore.js?cdv=71)--><!--CDF(Css|/Resources/Shared/stylesheets/dnndefault/7.0.0/default.css?cdv=71)--><!--CDF(Css|/Portals/0/skins/mytehran2/skin.css?cdv=71)--><!--CDF(Css|/Portals/0/skins/mytehran2/home.css?cdv=71)--><!--CDF(Css|/Portals/0/Containers/MyTehran/container.css?cdv=71)--><!--CDF(Css|/Portals/0/Containers/MyTehran/container.css?cdv=71)--><!--CDF(Css|/Portals/0/Containers/MyTehran/container.css?cdv=71)--><!--CDF(Css|/Portals/0/Containers/MyTehran/container.css?cdv=71)--><!--CDF(Css|/DesktopModules/TM_ArticleList/module.css?cdv=71)--><!--CDF(Css|/DesktopModules/TM_ArticleList/module.css?cdv=71)--><!--CDF(Css|/Portals/0/Containers/MyTehran/container.css?cdv=71)--><!--CDF(Css|/Portals/0/portal.css?cdv=71)--><!--CDF(Javascript|/Portals/0/skins/mytehran2/StandardMenu/StandardMenu.js?cdv=71)--><!--CDF(Javascript|/Resources/Shared/Scripts/jquery/jquery.hoverIntent.min.js?cdv=71)--><!--CDF(Javascript|/Resources/Shared/Scripts/jquery/jquery.hoverIntent.min.js?cdv=71)--><!--CDF(Javascript|/Resources/Shared/Scripts/dnn.jquery.js?cdv=71)--><!--CDF(Javascript|/Resources/libraries/jQuery/01_09_01/jquery.js?cdv=71)--><!--CDF(Javascript|/Resources/libraries/jQuery-Migrate/01_02_01/jquery-migrate.js?cdv=71)--><!--CDF(Javascript|/Resources/libraries/jQuery-UI/01_11_03/jquery-ui.js?cdv=71)-->
+
+
+<!-- Tmicto -->
+<script type="text/javascript">
+  var _paq = window._paq || [];
+  /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
+  _paq.push(['trackPageView']);
+  _paq.push(['enableLinkTracking']);
+  (function() {
+    var u="https://webanalytics.tehran.ir/";
+    _paq.push(['setTrackerUrl', u+'matomo.php']);
+    _paq.push(['setSiteId', '312']);
+    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
+    g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
+  })();
+</script>
+<!-- End Tmicto Code -->
+
+
+<!-- Tmicto Tag Manager -->
+<script type="text/javascript">
+var _mtm = _mtm || [];
+_mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});
+var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
+g.type='text/javascript'; g.async=true; g.defer=true; g.src="{% static 'js/container_pGCLUxcc.js' %}"; s.parentNode.insertBefore(g,s);
+</script>
+<!-- End Tmicto Tag Manager -->
+</body>
+</html>

home/templates/home.html

@@ -0,0 +1,6 @@
+{% extends 'base.html' %}
+{% block content %}
+{% include 'slider.html' %}
+{% endblock %}
+
+

home/templates/news.html

@@ -0,0 +1,151 @@
+{% for item in newss %}
+
+
+    <div class="card mb-3">
+  <div class="row g-0">
+    <div class="col-4">
+      <img src="{{ item.img.url }}" alt="{{ item.img }}" style="width: 400px; height: 400px">
+    </div>
+    <div class="col-8">
+      <div class="card-body">
+        <h5 class="card-title">{{ item.titr }}</h5>
+        <p class="card-text">{{ item.detail }}</p>
+        <p class="card-text"><small class="text-muted">{{ item.create}}</small></p>
+      </div>
+    </div>
+  </div>
+</div>
+{% endfor %}
+
+
+
+  <section class="skin_main">
+    <div class="skin_width_main">
+      <div class="skin_bottom_content">
+        <div class="row dnnpane">
+          <div id="dnn_ThreeGrid12" class="i_Three_grid12 col-md-12"><div class="DnnModule DnnModule-TM_ArticleList DnnModule-476"><a name="476"></a>
+
+<div class="Bt4_style">
+  <div class="Bt4_top clearafter">
+    <h2 class="c_title arrow_box">
+      <span id="dnn_ctr476_dnnTITLE_titleLabel" class="c_title_black">اخبار و اطلاعیه‌ها</span>
+
+
+
+    </h2>
+  </div>
+  <div class="c_content_style">
+    <div id="dnn_ctr476_ContentPane" class="Bt4_content"><!-- Start_Module_476 --><style>
+.archive-link {
+    display: table;
+    width: 100%;
+    text-align: left;
+    font-family: vazir-medium;
+    padding: 15px 0 0 20px;
+}
+.archive-link a {    color: #666;}
+.archive-link a:hover {    color: #000;}
+@media only screen and (max-width: 768px) {
+.archive-link {
+
+    text-align: center;
+
+    padding: 15px 0 0 0;
+}
+}
+</style><div id="dnn_ctr476_ModuleContent" class="DNNModuleContent ModTMArticleListC">
+
+
+
+<div class="loader"></div>
+<div id="main-476" dir="rtl" data-url="{'dnnArticleModuleId': '476','ownerModuleId': '-1','startDate': '-1','endDate': '-1','categoryId': '-1','sortType': '1','displayType': '1'}"
+    data-moduleid='476' data-currentpage="1"
+    data-endpagenumber="1" data-prepagenumber="1" data-nextpagenumber="1">
+</div>
+
+
+        <div class="row dnnpane">
+          <div id="dnn_FourGrid12" class="i_four_grid12 col-md-12"><div class="DnnModule DnnModule-DNN_HTML DnnModule-524"><a name="524"></a>
+<div class="notitle_container"><div id="dnn_ctr524_ContentPane"><!-- Start_Module_524 -->
+
+<style>
+.mytehran-tca {
+    width: 100%;
+    margin: -40px auto 10px auto;
+    max-width: 550px;
+    background: #4c4c4c;
+    padding: 15px 40px 5px 40px;
+    direction: rtl;
+}
+
+.mytehran-tca p {
+    font-family: vazir-medium;
+    color: #fff;
+    text-align: center;
+    line-height: 24px;
+    font-size: 17px;
+}
+.mytehran-tca p > span {
+    letter-spacing: -1px;
+	}
+.mytehran-tca p > a
+{
+color:#80c645;
+}
+
+.arrow_box2 {
+    position: relative;
+
+
+}
+
+.arrow_box2:after,
+.arrow_box2:before {
+    bottom: 54px;
+    left: 50%;
+    border: solid transparent;
+    content: " ";
+    height: 0;
+    width: 0;
+    position: absolute;
+    pointer-events: none;
+}
+
+.arrow_box2:after {
+    border-color: rgba(255, 255, 255, 0);
+    border-top-color: #fff;
+    border-width: 10px;
+    margin-left: -10px;
+}
+
+.arrow_box2:before {
+    border-color: rgba(187, 187, 187, 0);
+    border-top-color: #fff;
+    border-width: 11px;
+    margin-left: -11px;
+}
+@media only screen and (max-width: 496px) {
+    .arrow_box2:after,
+.arrow_box2:before  {
+
+    display: none;
+
+}
+}
+
+</style><div id="dnn_ctr524_ModuleContent" class="DNNModuleContent ModDNNHTMLC">
+	<div id="dnn_ctr524_HtmlModule_lblContent" class="Normal">
+	<div class="mytehran-tca arrow_box2">
+<p><span>شهروند گرامی در صورت داشتن موجودی در سامانه قدیم حساب شهروندی (TCA) </span> و تمایل به تسویه آن خواهشمند است <a href="https://oldtca.tehran.ir/" target="_blank">کلیک </a> نمایید</p>
+</div>
+
+</div>
+
+</div><!-- End_Module_524 --></div></div></div></div>
+        </div>
+        <div class="row dnnpane">
+          <div id="dnn_FiveGrid12" class="i_five_grid12 col-md-12 DNNEmptyPane"></div>
+        </div>
+      </div>
+    </div>
+  </section>

home/templates/slider.html

@@ -0,0 +1,55 @@
+<div id="dnn_ctr472_ModuleContent" class="DNNModuleContent ModDNNHTMLC">
+	<div id="dnn_ctr472_HtmlModule_lblContent" class="Normal">
+		<div class="Modern-Slider">
+    <!-- Item -->
+            {% for item in sliders %}
+    <div class="item">
+        <a href="#">
+        <div class="img-fill"> <img alt="" class="tm-bg pic1" src="{{ item.img.url }}" />
+            <img alt="" class="tm-bg pic-none" src="{{ item.img.url }}" /> </div>
+        </a></div> <!-- Item -->
+             {% endfor %}
+    <!-- Item -->
+    
+ 
+</div>
+	</div>
+
+</div><script>
+    $(document).ready(function () {
+
+        $(".Modern-Slider").slick({
+            autoplay: true,
+            autoplaySpeed: 10000,
+            speed: 600,
+            slidesToShow: 1,
+            slidesToScroll: 1,
+            pauseOnHover: true,
+            dots: false,
+            pauseOnDotsHover: true,
+            cssEase: 'linear',
+            infinite: true,
+            // fade:true,
+            draggable: false,
+            //   prevArrow:'<button class="PrevArrow"></button>',
+            //    nextArrow:'<button class="NextArrow"></button>',
+            responsive: [{
+                breakpoint: 767,
+                settings: {
+                    dots: false,
+                }
+            }],
+            responsive: [{
+                breakpoint: 420,
+                settings: {
+                    dots: true,
+                }
+            }]
+        });
+
+    })
+</script><!-- End_Module_472 --></div>
+<div class="clear"></div>
+</div>
+</div></div>
+  </section>

home/tests.py

@@ -0,0 +1,3 @@
+from django.test import TestCase
+
+# Create your tests here.

home/urls.py

@@ -0,0 +1,6 @@
+from django.urls import path
+from . import views
+
+urlpatterns = [
+	path('', views.home, name='home'),
+]

home/views.py

@@ -0,0 +1,10 @@
+from django.shortcuts import render
+from .models import slider,news
+
+
+def home(request):
+    sliders = slider.objects.all()
+    newss = news.objects.all()
+
+    content = {'sliders': sliders, 'newss':newss}
+    return render(request, 'home.html', content)

manage.py

@@ -0,0 +1,22 @@
+#!/usr/bin/env python
+"""Django's command-line utility for administrative tasks."""
+import os
+import sys
+
+
+def main():
+    """Run administrative tasks."""
+    os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'base.settings')
+    try:
+        from django.core.management import execute_from_command_line
+    except ImportError as exc:
+        raise ImportError(
+            "Couldn't import Django. Are you sure it's installed and "
+            "available on your PYTHONPATH environment variable? Did you "
+            "forget to activate a virtual environment?"
+        ) from exc
+    execute_from_command_line(sys.argv)
+
+
+if __name__ == '__main__':
+    main()

static/css/WebResource.axd

@@ -0,0 +1,581 @@
+function WebForm_PostBackOptions(eventTarget, eventArgument, validation, validationGroup, actionUrl, trackFocus, clientSubmit) {
+    this.eventTarget = eventTarget;
+    this.eventArgument = eventArgument;
+    this.validation = validation;
+    this.validationGroup = validationGroup;
+    this.actionUrl = actionUrl;
+    this.trackFocus = trackFocus;
+    this.clientSubmit = clientSubmit;
+}
+function WebForm_DoPostBackWithOptions(options) {
+    var validationResult = true;
+    if (options.validation) {
+        if (typeof(Page_ClientValidate) == 'function') {
+            validationResult = Page_ClientValidate(options.validationGroup);
+        }
+    }
+    if (validationResult) {
+        if ((typeof(options.actionUrl) != "undefined") && (options.actionUrl != null) && (options.actionUrl.length > 0)) {
+            theForm.action = options.actionUrl;
+        }
+        if (options.trackFocus) {
+            var lastFocus = theForm.elements["__LASTFOCUS"];
+            if ((typeof(lastFocus) != "undefined") && (lastFocus != null)) {
+                if (typeof(document.activeElement) == "undefined") {
+                    lastFocus.value = options.eventTarget;
+                }
+                else {
+                    var active = document.activeElement;
+                    if ((typeof(active) != "undefined") && (active != null)) {
+                        if ((typeof(active.id) != "undefined") && (active.id != null) && (active.id.length > 0)) {
+                            lastFocus.value = active.id;
+                        }
+                        else if (typeof(active.name) != "undefined") {
+                            lastFocus.value = active.name;
+                        }
+                    }
+                }
+            }
+        }
+    }
+    if (options.clientSubmit) {
+        __doPostBack(options.eventTarget, options.eventArgument);
+    }
+}
+var __pendingCallbacks = new Array();
+var __synchronousCallBackIndex = -1;
+function WebForm_DoCallback(eventTarget, eventArgument, eventCallback, context, errorCallback, useAsync) {
+    var postData = __theFormPostData +
+                "__CALLBACKID=" + WebForm_EncodeCallback(eventTarget) +
+                "&__CALLBACKPARAM=" + WebForm_EncodeCallback(eventArgument);
+    if (theForm["__EVENTVALIDATION"]) {
+        postData += "&__EVENTVALIDATION=" + WebForm_EncodeCallback(theForm["__EVENTVALIDATION"].value);
+    }
+    var xmlRequest,e;
+    try {
+        xmlRequest = new XMLHttpRequest();
+    }
+    catch(e) {
+        try {
+            xmlRequest = new ActiveXObject("Microsoft.XMLHTTP");
+        }
+        catch(e) {
+        }
+    }
+    var setRequestHeaderMethodExists = true;
+    try {
+        setRequestHeaderMethodExists = (xmlRequest && xmlRequest.setRequestHeader);
+    }
+    catch(e) {}
+    var callback = new Object();
+    callback.eventCallback = eventCallback;
+    callback.context = context;
+    callback.errorCallback = errorCallback;
+    callback.async = useAsync;
+    var callbackIndex = WebForm_FillFirstAvailableSlot(__pendingCallbacks, callback);
+    if (!useAsync) {
+        if (__synchronousCallBackIndex != -1) {
+            __pendingCallbacks[__synchronousCallBackIndex] = null;
+        }
+        __synchronousCallBackIndex = callbackIndex;
+    }
+    if (setRequestHeaderMethodExists) {
+        xmlRequest.onreadystatechange = WebForm_CallbackComplete;
+        callback.xmlRequest = xmlRequest;
+        // e.g. http:
+        var action = theForm.action || document.location.pathname, fragmentIndex = action.indexOf('#');
+        if (fragmentIndex !== -1) {
+            action = action.substr(0, fragmentIndex);
+        }
+        if (!__nonMSDOMBrowser) {
+            var domain = "";
+            var path = action;
+            var query = "";
+            var queryIndex = action.indexOf('?');
+            if (queryIndex !== -1) {
+                query = action.substr(queryIndex);
+                path = action.substr(0, queryIndex);
+            }
+            if (path.indexOf("%") === -1) {
+                // domain may or may not be present (e.g. action of "foo.aspx" vs "http:
+                if (/^https?\:\/\/.*$/gi.test(path)) {
+                    var domainPartIndex = path.indexOf("\/\/") + 2;
+                    var slashAfterDomain = path.indexOf("/", domainPartIndex);
+                    if (slashAfterDomain === -1) {
+                        // entire url is the domain (e.g. "http:
+                        domain = path;
+                        path = "";
+                    }
+                    else {
+                        domain = path.substr(0, slashAfterDomain);
+                        path = path.substr(slashAfterDomain);
+                    }
+                }
+                action = domain + encodeURI(path) + query;
+            }
+        }
+        xmlRequest.open("POST", action, true);
+        xmlRequest.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=utf-8");
+        xmlRequest.send(postData);
+        return;
+    }
+    callback.xmlRequest = new Object();
+    var callbackFrameID = "__CALLBACKFRAME" + callbackIndex;
+    var xmlRequestFrame = document.frames[callbackFrameID];
+    if (!xmlRequestFrame) {
+        xmlRequestFrame = document.createElement("IFRAME");
+        xmlRequestFrame.width = "1";
+        xmlRequestFrame.height = "1";
+        xmlRequestFrame.frameBorder = "0";
+        xmlRequestFrame.id = callbackFrameID;
+        xmlRequestFrame.name = callbackFrameID;
+        xmlRequestFrame.style.position = "absolute";
+        xmlRequestFrame.style.top = "-100px"
+        xmlRequestFrame.style.left = "-100px";
+        try {
+            if (callBackFrameUrl) {
+                xmlRequestFrame.src = callBackFrameUrl;
+            }
+        }
+        catch(e) {}
+        document.body.appendChild(xmlRequestFrame);
+    }
+    var interval = window.setInterval(function() {
+        xmlRequestFrame = document.frames[callbackFrameID];
+        if (xmlRequestFrame && xmlRequestFrame.document) {
+            window.clearInterval(interval);
+            xmlRequestFrame.document.write("");
+            xmlRequestFrame.document.close();
+            xmlRequestFrame.document.write('<html><body><form method="post"><input type="hidden" name="__CALLBACKLOADSCRIPT" value="t"></form></body></html>');
+            xmlRequestFrame.document.close();
+            xmlRequestFrame.document.forms[0].action = theForm.action;
+            var count = __theFormPostCollection.length;
+            var element;
+            for (var i = 0; i < count; i++) {
+                element = __theFormPostCollection[i];
+                if (element) {
+                    var fieldElement = xmlRequestFrame.document.createElement("INPUT");
+                    fieldElement.type = "hidden";
+                    fieldElement.name = element.name;
+                    fieldElement.value = element.value;
+                    xmlRequestFrame.document.forms[0].appendChild(fieldElement);
+                }
+            }
+            var callbackIdFieldElement = xmlRequestFrame.document.createElement("INPUT");
+            callbackIdFieldElement.type = "hidden";
+            callbackIdFieldElement.name = "__CALLBACKID";
+            callbackIdFieldElement.value = eventTarget;
+            xmlRequestFrame.document.forms[0].appendChild(callbackIdFieldElement);
+            var callbackParamFieldElement = xmlRequestFrame.document.createElement("INPUT");
+            callbackParamFieldElement.type = "hidden";
+            callbackParamFieldElement.name = "__CALLBACKPARAM";
+            callbackParamFieldElement.value = eventArgument;
+            xmlRequestFrame.document.forms[0].appendChild(callbackParamFieldElement);
+            if (theForm["__EVENTVALIDATION"]) {
+                var callbackValidationFieldElement = xmlRequestFrame.document.createElement("INPUT");
+                callbackValidationFieldElement.type = "hidden";
+                callbackValidationFieldElement.name = "__EVENTVALIDATION";
+                callbackValidationFieldElement.value = theForm["__EVENTVALIDATION"].value;
+                xmlRequestFrame.document.forms[0].appendChild(callbackValidationFieldElement);
+            }
+            var callbackIndexFieldElement = xmlRequestFrame.document.createElement("INPUT");
+            callbackIndexFieldElement.type = "hidden";
+            callbackIndexFieldElement.name = "__CALLBACKINDEX";
+            callbackIndexFieldElement.value = callbackIndex;
+            xmlRequestFrame.document.forms[0].appendChild(callbackIndexFieldElement);
+            xmlRequestFrame.document.forms[0].submit();
+        }
+    }, 10);
+}
+function WebForm_CallbackComplete() {
+    for (var i = 0; i < __pendingCallbacks.length; i++) {
+        callbackObject = __pendingCallbacks[i];
+        if (callbackObject && callbackObject.xmlRequest && (callbackObject.xmlRequest.readyState == 4)) {
+            if (!__pendingCallbacks[i].async) {
+                __synchronousCallBackIndex = -1;
+            }
+            __pendingCallbacks[i] = null;
+            var callbackFrameID = "__CALLBACKFRAME" + i;
+            var xmlRequestFrame = document.getElementById(callbackFrameID);
+            if (xmlRequestFrame) {
+                xmlRequestFrame.parentNode.removeChild(xmlRequestFrame);
+            }
+            WebForm_ExecuteCallback(callbackObject);
+        }
+    }
+}
+function WebForm_ExecuteCallback(callbackObject) {
+    var response = callbackObject.xmlRequest.responseText;
+    if (response.charAt(0) == "s") {
+        if ((typeof(callbackObject.eventCallback) != "undefined") && (callbackObject.eventCallback != null)) {
+            callbackObject.eventCallback(response.substring(1), callbackObject.context);
+        }
+    }
+    else if (response.charAt(0) == "e") {
+        if ((typeof(callbackObject.errorCallback) != "undefined") && (callbackObject.errorCallback != null)) {
+            callbackObject.errorCallback(response.substring(1), callbackObject.context);
+        }
+    }
+    else {
+        var separatorIndex = response.indexOf("|");
+        if (separatorIndex != -1) {
+            var validationFieldLength = parseInt(response.substring(0, separatorIndex));
+            if (!isNaN(validationFieldLength)) {
+                var validationField = response.substring(separatorIndex + 1, separatorIndex + validationFieldLength + 1);
+                if (validationField != "") {
+                    var validationFieldElement = theForm["__EVENTVALIDATION"];
+                    if (!validationFieldElement) {
+                        validationFieldElement = document.createElement("INPUT");
+                        validationFieldElement.type = "hidden";
+                        validationFieldElement.name = "__EVENTVALIDATION";
+                        theForm.appendChild(validationFieldElement);
+                    }
+                    validationFieldElement.value = validationField;
+                }
+                if ((typeof(callbackObject.eventCallback) != "undefined") && (callbackObject.eventCallback != null)) {
+                    callbackObject.eventCallback(response.substring(separatorIndex + validationFieldLength + 1), callbackObject.context);
+                }
+            }
+        }
+    }
+}
+function WebForm_FillFirstAvailableSlot(array, element) {
+    var i;
+    for (i = 0; i < array.length; i++) {
+        if (!array[i]) break;
+    }
+    array[i] = element;
+    return i;
+}
+var __nonMSDOMBrowser = (window.navigator.appName.toLowerCase().indexOf('explorer') == -1);
+var __theFormPostData = "";
+var __theFormPostCollection = new Array();
+var __callbackTextTypes = /^(text|password|hidden|search|tel|url|email|number|range|color|datetime|date|month|week|time|datetime-local)$/i;
+function WebForm_InitCallback() {
+    var formElements = theForm.elements,
+        count = formElements.length,
+        element;
+    for (var i = 0; i < count; i++) {
+        element = formElements[i];
+        var tagName = element.tagName.toLowerCase();
+        if (tagName == "input") {
+            var type = element.type;
+            if ((__callbackTextTypes.test(type) || ((type == "checkbox" || type == "radio") && element.checked))
+                && (element.id != "__EVENTVALIDATION")) {
+                WebForm_InitCallbackAddField(element.name, element.value);
+            }
+        }
+        else if (tagName == "select") {
+            var selectCount = element.options.length;
+            for (var j = 0; j < selectCount; j++) {
+                var selectChild = element.options[j];
+                if (selectChild.selected == true) {
+                    WebForm_InitCallbackAddField(element.name, element.value);