گروه نرم‌افزاری آسام

<!DOCTYPE html> <html lang="fa" dir="rtl"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>گروه نرم‌افزاری آسام</title> <meta name="description" content="گروه نرم‌افزاری آسام"> <meta name="keywords" content="آسام"> <meta property="og:title" content="گروه نرم‌افزاری آسام"> <meta property="og:description" content="گروه نرم‌افزاری آسام"> <meta property="og:url" content="https://aasaam.com/"> <meta property="og:site_name" content="آسام"> <meta name="twitter:description" content=""> <meta name="twitter:title" content=""> <meta name="msapplication-TileColor" content="#070707"> <meta name="msapplication-TileImage" content="images/app/ms-icon-144x144.png"> <meta name="theme-color" content="#070707"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="language" content="Persian"> <meta property="og:locale" content="fa_IR"> <meta property="og:type" content="website"> <meta property="og:image" content="images/app/asam-meta.png"> <meta property="og:image:secure_url" content="images/app/asam-meta.png"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="630"> <meta name="twitter:image" content="images/app/asam-meta.png"> <link rel="apple-touch-icon" sizes="57x57" href="images/app/apple-icon-57x57.png"> <link rel="apple-touch-icon" sizes="60x60" href="images/app/apple-icon-60x60.png"> <link rel="apple-touch-icon" sizes="72x72" href="images/app/apple-icon-72x72.png"> <link rel="apple-touch-icon" sizes="76x76" href="images/app/apple-icon-76x76.png"> <link rel="apple-touch-icon" sizes="114x114" href="images/app/apple-icon-114x114.png"> <link rel="apple-touch-icon" sizes="120x120" href="images/app/apple-icon-120x120.png"> <link rel="apple-touch-icon" sizes="144x144" href="images/app/apple-icon-144x144.png"> <link rel="apple-touch-icon" sizes="152x152" href="images/app/apple-icon-152x152.png"> <link rel="apple-touch-icon" sizes="180x180" href="images/app/apple-icon-180x180.png"> <link rel="icon" type="image/png" sizes="192x192" href="images/app/android-icon-192x192.png"> <link rel="icon" type="image/png" sizes="32x32" href="images/app/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="96x96" href="images/app/favicon-96x96.png"> <link rel="icon" type="image/png" sizes="16x16" href="images/app/favicon-16x16.png"> <link rel="shortcut icon" href="images/app/favicon.ico" type="image/x-icon"> <link rel="icon" href="images/app/favicon.ico" type="image/x-icon"> <link rel="manifest" href="images/app/manifest.json"> <link rel="canonical" href="https://aasaam.com/"> <link rel="stylesheet" href="css/fonts.css"> <link rel="stylesheet" href="css/icon.css"> <link rel="stylesheet" href="css/grid.css?v=0.01"> <link rel="stylesheet" href="css/style.css?v=0.04"> </head> <body data-entity-id="fa" data-entity-module="hpage"> <div class="main overhide"> <div class="topfix"></div> <div class="top-menu"> <div class="center"> <div class="d-flex align-center"> <div class="open-menu ml-15"> <div></div> <div></div> <div></div> </div> <div class="logo"><a href="/"><img src="images/logo.svg" alt="Asam"></a></div> <div class="menu bg-blur"> <div class="menu-header-mobile"> <div class="close-menu pointer"><i class="icon-add font-size-2 rotate-45"></i></div> </div> <ul> <li><a href="/"><i class="icon-home-1"></i> خانه</a></li> <li><a href="/customers.html"><i class="icon-user-tag"></i> مشتریان</a></li> <li><a href="#pricing"><i class="icon-money-4"></i> قیمت</a></li> <li><a href="/team.html"><i class="icon-profile-2user"></i> تیم</a></li> <li><a href="#Products"> <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 1024 1024"><path fill="#f9f9f9" fill-rule="evenodd" d="M160 144h304c8.837 0 16 7.163 16 16v304c0 8.837-7.163 16-16 16H160c-8.837 0-16-7.163-16-16V160c0-8.837 7.163-16 16-16m564.314-25.333l181.019 181.02c6.248 6.248 6.248 16.378 0 22.627l-181.02 181.019c-6.248 6.248-16.378 6.248-22.627 0l-181.019-181.02c-6.248-6.248-6.248-16.378 0-22.627l181.02-181.019c6.248-6.248 16.378-6.248 22.627 0M160 544h304c8.837 0 16 7.163 16 16v304c0 8.837-7.163 16-16 16H160c-8.837 0-16-7.163-16-16V560c0-8.837 7.163-16 16-16m400 0h304c8.837 0 16 7.163 16 16v304c0 8.837-7.163 16-16 16H560c-8.837 0-16-7.163-16-16V560c0-8.837 7.163-16 16-16"/></svg> محصولات </a> </li> <li><a href="#about_us"><i class="icon-lamp-charge"></i> درباره ما</a></li> </ul> <div class="btn bg-blur pd-lr-10 pd-td-2 radius-100 text-center"> <a href="https://crm.aasaam.org">پلتفرم پشتیبانی مشتریان</a> <svg class="customers_icon" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 48 48"><path fill="#f9f9f9" d="M16 22a8 8 0 1 0 0-16a8 8 0 0 0 0 16m18 0a6 6 0 1 0 0-12a6 6 0 0 0 0 12M6.75 25A3.75 3.75 0 0 0 3 28.75V30s0 9 13 9c2.61 0 4.695-.363 6.362-.942A13 13 0 0 1 22 35a12.97 12.97 0 0 1 4.459-9.8c-.38-.13-.786-.2-1.209-.2zM46 35c0 6.075-4.925 11-11 11s-11-4.925-11-11s4.925-11 11-11s11 4.925 11 11m-9.81-6.599a1.236 1.236 0 0 0-2.38 0l-1.194 3.83h-3.862c-1.213 0-1.716 1.617-.736 2.36l3.125 2.366l-1.194 3.83c-.374 1.201.945 2.2 1.926 1.458L35 39.878l3.125 2.367c.98.743 2.3-.257 1.925-1.458l-1.193-3.83l3.125-2.367c.98-.742.477-2.36-.736-2.36h-3.862z"/></svg> </div> </div> <div class=""> <a class="btn btn-menu bg-white radius-100 black" href="https://asam.company/contactUS.html"> <span class="m-hide ml-5">تماس باما</span> <i class="icon-call-1"></i> </a> </div> </div> </div> </div>  <div class="section pd-td-50 main-header"> <div class="center relative"> <div class="header-1"> <div class="header-2"> <div class="header-3"> <div id="headerOne"> <canvas id="canvas1" width="" height=""></canvas> </div> </div> </div> </div> </div> <div class="center"> <div class="m-auto text-center"> <h1 class="font-kalameh"> آرامش فنی<br> برای رسانه‌های پیشرو </h1> <p class="max-w500 m-auto"> مشکلات فنی رو فراموش کنید! آسام اینجاست که خیال شما راحت باشه. </p> <div class="mt-30"> <a class="btn bg-blur radius-100 flight" href="https://asam.app/"> <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 24 24"> <path fill="currentColor" d="M20.56 3.91c.59.59.59 1.54 0 2.12l-3.89 3.89l2.12 9.19l-1.41 1.42l-3.88-7.43L9.6 17l.36 2.47l-1.07 1.06l-1.76-3.18l-3.19-1.77L5 14.5l2.5.37L11.37 11L3.94 7.09l1.42-1.41l9.19 2.12l3.89-3.89c.56-.58 1.56-.58 2.12 0"></path> </svg> <span>پرواز تا بی نهایت</span> </a> </div> </div> </div> <div class=" disk-bg relative" > <div class="d-flex just-center align-center" id="headerTwo"> <canvas id="canvas2" width="" height=""></canvas> <div class="img m-auto disk-img "><img src="images/asam-disk-logo.svg" alt=""></div> </div> </div> </div>  <div class="section mt-30 pd-td-50 bg-gr" id="about_us"> <div class="center"> <div class="text-center"> <div class="mb-200"> <span class="bg-blur orange pd-lr-15 pd-td-5 radius-100"> ما کنار شما هستیم </span> <h2 class="title-size-3 font-kalameh mt-30"> رشد و توسعه<br> نیاز به اطمینان خاطر فنی داره! </h2> </div> <div class="d-flex-wrap just-around"> <div class="basis300 grow-1 relative max-w400 z-1"> <div class="marker-one"><img src="images/dash-marker.svg" alt=""></div> <div class="relative pd-t-50"> <h3 class="font-size-2 font-kalameh">مأموریت ما چیه؟</h3> <p class="color-bright mt-20 text-justify"> ما با یه هدف ساده شروع کردیم که شبیه یه آرزوی بلندپروازانه بود: هدف ما این بود تا به رسانه‌های بزرگ کمک کنیم که بتونن فقط روی محتوا تمرکز کنن و نگرانی فنی نداشته باشن. چون اعتقاد داریم که مشکلات فنی مانع رشد و موفقیت میشه. </p> </div> </div> <div class="ostwane-box pd-lr-40 basis400 grow-1 relative"> <img class="ostwane-img" src="images/ostwane.svg" alt=""> <div class="btn-ostwane"> <a class="btn bg-white radius-100 black" href="tel:+982191008212"> <span>تماس باما</span> <i class="icon-call-1 mr-5"></i> </a> </div> </div> <div class="basis300 grow-1 relative max-w400 z-1"> <div class="marker-two"><img src="images/dash-marker.svg" alt=""></div> <div class="relative pd-t-50"> <h3 class="font-size-2 font-kalameh">ما چی کار می‌کنیم؟</h3> <p class="color-bright mt-20 text-justify"> ما اون تیم بی سر و صدایی هستیم که پشت صحنه کار می‌کنه تا جلوی صحنه همه‌چی آروم باشه. بحران‌های سخت‌افزاری، مشکلات شبکه و اینترنت، رصد و مانیتورینگ سرورها، مدیریت بک‌آپ دیتاها، سرعت لود صفحات و خلاصه تمام دردسرهای فنی روی دوش ماست. </p> </div> </div> </div> </div> </div> </div>  <div class="section pd-td-50" id="Products"> <div class="center"> <div class=""> <div class="d-flex-wrap just-between align-center mb-20"> <h2 class="font-kalameh title-size-3 m-10"> محصولات قدرتمند <span class="orange bubble-anim relative">آسام</span><br> در خدمت رشد رسانه‌ها </h2> <p class="basis300 max-w600 m-10 grow-1 color-bright text-justify"> ما نیازهای رسانه‌ها رو خیلی خوب می‌شناسیم و برای هر کدوم از این نیازها، یک محصول قدرتمند توسعه دادیم تا مدیران رسانه‌ها بتونن روی پلن‌های توسعه‌ی خودشون تمرکز کنن. </p> </div> <div class=""> <div class="m-10 radius-30 bg-gr d-flex-wrap align-center just-between hd-tools"> <div class="pd-30 basis500"> <span class="bg-blur orange pd-lr-15 pd-td-5 radius-100">Asam CMS</span> <h3 class="font-kalameh font-size-2-5 mt-20">سیستم مدیریت محتوا</h3> <p class="text-justify"> فرقی نداره با موبایل باشید یا لپ‌تاپ. در هر لحظه می‌تونید روی محتواها کار کنید، آمارها و گزارش‌ها رو بررسی کنید، دسترسی اعضای تیم رو مدیریت کنید و یا چیدمان صفحات رو تغییر بدید. </p> <div class="mt-20"> <a class="btn bg-white radius-100 black" href=""> <span>اطلاعات بیشتر</span> <i class="icon-arrow-left-2 mr-5"></i> </a> </div> </div> <div class="img rt-auto"><img src="images/dashboard.svg" alt=""></div> </div> <div class="d-flex-wrap"> <div class="basis300 grow-1 d-flex-column"> <div class="m-10 grow-1 radius-30 border relative overhide"> <video class="lazy" autoplay muted loop id="veido-bg"> <source src="images/video-bg.mp4" type="video/mp4"> </video> <div class="pd-30 basis400"> <span class="bg-blur orange pd-lr-15 pd-td-5 radius-100"> VOD Infrastructure </span> <h3 class="font-kalameh font-size-2-5 mt-20">پلتفرم ویدیویی</h3> <p> فکر کنید 100 هزار نفر همزمان در حال تماشای یک ویدیو در سایت شما باشن! با زیرساخت چکاوک همه‌شون تجربه‌ی خوبی خواهند داشت. </p> </div> </div> <div class="m-10 grow-1 radius-30 bg-gr relative overhide"> <div class="pd-30 max-w400 m-auto text-center"> <span class="bg-blur orange pd-lr-15 pd-td-5 radius-100">Push Notification</span> <h3 class="font-kalameh font-size-2-5 mt-20">پلتفرم پوش نوتیفیکشن دارکوب</h3> <p> خبر باید سریع به دست میلیون‌ها مخاطب برسه. پلتفرم پوش نوتیفیکیشن دارکوب این کار رو براتون انجام میده. </p> </div> <div class="radar"> <img src="images/radar.png" alt=""> </div> </div> </div> <div class="basis300 grow-1 m-10 radius-30 border overhide"> <div class="pd-30 max-w400 m-auto text-center"> <span class="bg-blur orange pd-lr-15 pd-td-5 radius-100">CDN</span> <h3 class="font-kalameh font-size-2-5 mt-20">شبکه‌ی تحویل محتوا</h3> <p> وقتی صحبت از بازدید خیلی بالا یا حمله‌های امنیتی باشه، به یه CDN یا شبکه‌ی تحویل محتوا نیازه که آسام براتون آماده کرده. </p> </div> <div class="d-flex just-center " style="margin-bottom: -30%;"> <canvas id="cobe" class="d-block m-auto" style="width: 450px; height: 450px; " width="900" height="900" ></canvas> </div> </div> </div> </div> </div> </div> </div>  <div class="section pd-d-50 pd-t-100 bg-gr-dote" id="chart_box"> <div class="center"> <div class=""> <div class="text-center pd-30 relative max-w600 m-auto"> <div class="floating-square"></div> <div class="floating-square"></div> <div class="floating-square"></div> <div class="floating-square"></div> <span class="color-bright"> مسیری که با شما اومدیم</span> <h2 class="font-kalameh title-size-3"> یازده سال رشد مستمر </h2> </div> <ul class="d-flex-wrap just-center fix-mr5 list-none mt-30 nowrap"> <li class="bg-blur orange pd-lr-15 pd-td-5 radius-100 m-5">در مرزهای تکنولوژی</li> <li class="bg-blur orange pd-lr-15 pd-td-5 radius-100 m-5">همدل و همراه مشتریان</li> <li class="bg-blur orange pd-lr-15 pd-td-5 radius-100 m-5">پر از انگیزه و خلاقیت</li> </ul> <div class="mt-50 border bg-two radius-30"> <div class="d-flex just-between pd-20 mb-20"> <div class=""> <h3 class="font-size-1-5">از 360 میلیون تا <span class="orange"> 12.2 میلیارد</span> بازدید</h3> </div> <div class="bg-blur radius-20 pd-15 line20 min-w170 text-right"> <div class="font-kalameh">تعداد بازید سال <span class="orange font-size-1-2 year-value"></span></div> <div class="" dir="ltr"><i class="icon-eye-1"></i> <span class="font-size-1-2 visit-number"></span></div> </div> </div> <div class="chart-box"> <div class="chart-item" data-visit="12,200,000,000"> <div class="chart-bar" style="--barHeight: 340px"></div> <div class="chart-year">1402</div> </div> <div class="chart-item" data-visit="9,000,000,000"> <div class="chart-bar" style="--barHeight: 310px"></div> <div class="chart-year">1401</div> </div> <div class="chart-item" data-visit="8,200,000,000"> <div class="chart-bar" style="--barHeight: 280px"></div> <div class="chart-year">1400</div> </div> <div class="chart-item" data-visit="7,900,000,000"> <div class="chart-bar" style="--barHeight: 250px"></div> <div class="chart-year">1399</div> </div> <div class="chart-item" data-visit="7,200,000,000"> <div class="chart-bar" style="--barHeight: 220px"></div> <div class="chart-year">1398</div> </div> <div class="chart-item" data-visit="5,400,000,000"> <div class="chart-bar" style="--barHeight: 190px"></div> <div class="chart-year">1397</div> </div> <div class="chart-item" data-visit="5,000,000,000"> <div class="chart-bar" style="--barHeight: 160px"></div> <div class="chart-year">1396</div> </div> <div class="chart-item" data-visit="3,600,000,000"> <div class="chart-bar" style="--barHeight: 130px"></div> <div class="chart-year">1395</div> </div> <div class="chart-item" data-visit="2,800,000,000"> <div class="chart-bar" style="--barHeight: 100px"></div> <div class="chart-year">1394</div> </div> <div class="chart-item" data-visit="1,800,000,000"> <div class="chart-bar" style="--barHeight: 70px"></div> <div class="chart-year">1393</div> </div> <div class="chart-item" data-visit="510,000,000"> <div class="chart-bar" style="--barHeight:50px"></div> <div class="chart-year">1392</div> </div> </div> <div class="pd-20"> بازدید سالانه وب سایت‌های آسام </div> </div> </div> </div> </div>  <div class="section pd-td-50"> <div class="center"> <div class="max-w800 m-auto text-center">  <h2 class="title-size-3">ارزش‌های آسام</h2>  </div> <div class="d-flex-wrap fix-mr10 text-center mt-30"> <div class="features radius-20 bg-two basis240 m-10 grow-1 overhide "> <div class="pd-20 relative z-1"> <div class="m-td-10"><i class="icon-grid-11 font-size-3"></i></div> <h3 class="font-size-1-5 font-kalameh pd-td-10">شفافیت</h3> <p> نه هزینه‌های پنهان داریم، نه هیچ وقت شما رو غافلگیر می‌کنیم! ما ارتباطاتمون با شما رو جوری پیش می‌بریم که بتونید روی ما حساب کنید. </p> </div> </div> <div class="features radius-20 bg-two basis240 m-10 grow-1 overhide "> <div class="pd-20 relative z-1"> <div class="m-td-10"><i class="icon-magicpen-1 font-size-3"></i></div> <h3 class="font-size-1-5 font-kalameh pd-td-10">نوآوری</h3> <p> مطالعه و یادگیری برای تیم ما بخشی از اوقات فراغت نیست بلکه بخشی از وظایف کاری محسوب میشه که خدماتمون به‌روز باشه. </p> </div> </div> <div class="features radius-20 bg-two basis240 m-10 grow-1 overhide "> <div class="pd-20 relative z-1"> <div class="m-td-10"><i class="icon-tag-user-1 font-size-3"></i></div> <h3 class="font-size-1-5 font-kalameh pd-td-10">پشتیبانی</h3> <p> وقتی می‌گیم خیالتون راحت، یعنی ما ۷ روز هفته، ۲۴ ساعته حواسمون به تمام مسائل سایت شما هست. </p> </div> </div> <div class="features radius-20 bg-two basis240 m-10 grow-1 overhide "> <div class="pd-20 relative z-1"> <div class="m-td-10"><i class="icon-star-3 font-size-3"></i></div> <h3 class="font-size-1-5 font-kalameh pd-td-10">برتری در کیفیت</h3> <p> یه ایراد جزیی ممکنه یه بحران بزرگ درست کنه. ما در تمام بلندپروازی‌های خودمون، روی جزییات حساس هستیم تا آرزوهامون از دست نره. </p> </div> </div> <div class="features radius-20 bg-two basis240 m-10 grow-1 overhide "> <div class="pd-20 relative z-1"> <div class="m-td-10"><i class="icon-share-1 font-size-3"></i></div> <h3 class="font-size-1-5 font-kalameh pd-td-10">تعامل و همکاری</h3> <p> اگر شما ضعیف بشید، ما زیر سوال خواهیم رفت. پس ما رشد خودمون رو در تعامل با شما می‌بینیم و در کنارتون هستیم تا هر مانعی برای رشد سر راهتون هست برداریم. </p> </div> </div> <div class="features radius-20 bg-two basis240 m-10 grow-1 overhide "> <div class="pd-20 relative z-1"> <div class="m-td-10"><i class="icon-lock-2 font-size-3"></i></div> <h3 class="font-size-1-5 font-kalameh pd-td-10">امانت‌داری</h3> <p> ما از دقیق‌ترین و جدیدترین روش‌ها برای حفظ امنیت و محرمانگی اطلاعات شما استفاده می‌کنیم تا شما نگران چیزی نباشید. </p> </div> </div> </div> </div> </div>  <div class="section pd-td-50" id="pricing"> <div class="center"> <div class=""> <div class="text-center mb-30"> <span class="color-bright"> قیمت‌گذاری شفاف و منطقی</span> <h2 class="title-size-2">متناسب با رشدتون، هزینه کنید</h2> </div> <div class="max-w800 m-auto cd-horizontal-step"> <div class="color-bright text-center font-size-1-2">مقدار بازدید روزانه</div> <div class="step max-w600 " dir="ltr"> <div class="events-wrapper"> <div class="events"> <ol> <li><a href="#0" data-step="step-1" data-price="14,800,000" class="selected"> 100k <span class="none"> 100 هزار بازدید روزانه </span> </a></li> <li><a href="#0" data-step="step-2" data-price="19,800,000" > 250k <span class="none"> 250 هزار بازدید روزانه </span> </a></li> <li><a href="#0" data-step="step-3" data-price="24,800,000" > 500k <span class="none"> 500 هزار بازدید روزانه </span> </a></li> <li><a href="#0" data-step="step-4" data-price="35,800,000" > 1M <span class="none"> 1 میلیون بازدید روزانه </span> </a></li> <li><a href="#0" data-step="step-5" data-price="39,800,000" > 1/5M <span class="none"> 1/5 میلیون بازدید روزانه </span> </a></li> <li><a href="#0" data-step="step-6" data-price="49,800,000" > 2M <span class="none"> 2 میلیون بازدید روزانه </span> </a></li> <li><a href="#0" data-step="step-7" data-price="64,800,000" > 3M <span class="none"> 3 میلیون بازدید روزانه </span> </a></li> <li><a href="#0" data-step="step-8" data-price="79,800,000" > 4M <span class="none"> 4 میلیون بازدید روزانه </span> </a></li> </ol> <span class="filling-line" aria-hidden="true"></span> </div>  </div>  <ul class="cd-step-navigation"> <li><a href="#0" class="prev inactive"><i class="icon-arrow-left-2"></i></a></li> <li><a href="#0" class="next"><i class="icon-arrow-right-3"></i></a></li> </ul>  </div>  <div class="border bg-one radius-30 pd-30 mt-30"> <div class="d-flex just-between"> <h3 class="font-kalameh view_num font-size-1-5">100 هزار بازدید روزانه</h3> <div class="d-flex align-center"> <span class="pl-10 font-size-1-2"> ماهیانه </span> <div id="priceAmount" class="prices_view font-size-2 orange"> 14,800,000 </div> <div class="color-bright mr-10" style="line-height: 10px;"> <div class="font-size-1">تومان</div> </div> </div> </div> <div class="events-content" dir="rtl"> <ol> <li class="selected" data-step="step-1"> <div class="mt-20 border bg-two radius-20 pd-20"> <div class="d-flex-wrap just-between fix-mr10"> <div class="m-10 basis220 grow-1"> <i class="icon-setting-2 ml-10 font-size-2"></i> <span class="font-size-1-5 color-bright">مدیریت تغییرات محتوا</span> </div> <div class="m-10 basis220 grow-1"> <i class="icon-status-up ml-10 font-size-2"></i> <span class="font-size-1-5 color-bright">رشد پویا و داینامیک</span> </div> <div class="m-10 basis220 grow-1"> <i class="icon-user-octagon ml-10 font-size-2"></i> <span class="font-size-1-5 color-bright">مدیریت کاربران پیشرفته</span> </div> <div class="m-10 basis220 grow-1"> <i class="icon-magicpen ml-10 font-size-2"></i> <span class="font-size-1-5 color-bright">ابزارهای سئو پیشرفته</span> </div> <div class="m-10 basis220 grow-1"> <i class="icon-language-square ml-10 font-size-2"></i> <span class="font-size-1-5 color-bright">پشتیبانی از چند زبان</span> </div> <div class="m-10 basis220 grow-1"> <i class="icon-refresh-2 ml-10 font-size-2"></i> <span class="font-size-1-5 color-bright">بکاپ خودکار</span> </div> <div class="m-10 basis220 grow-1"> <i class="icon-presention-chart ml-10 font-size-2"></i> <span class="font-size-1-5 color-bright">سیستم آمار دقیق</span> </div> <div class="m-10 basis220 grow-1"> <i class="icon-calendar-tick-1 ml-10 font-size-2"></i> <span class="font-size-1-5 color-bright">زمان‌بندی انتشار</span> </div> </div> </div> </li> </ol> <ol> <li data-step="step-2"> <div class="mt-20 border bg-two radius-20 pd-20"> <div class="d-flex-wrap just-between fix-mr10"> <div class="m-10 basis220 grow-1"> <i class="icon-setting-2 ml-10 font-size-2"></i> <span class="font-size-1-5 color-bright">مدیریت تغییرات محتوا</span> </div> <div class="m-10 basis220 grow-1"> <i class="icon-status-up ml-10 font-size-2"></i> <span class="font-size-1-5 color-bright">رشد پویا و داینامیک</span> </div> <div class="m-10 basis220 grow-1"> <i class="icon-user-octagon ml-10 font-size-2"></i> <span class="font-size-1-5 color-bright">مدیریت کاربران پیشرفته</span> </div> <div class="m-10 basis220 grow-1"> <i class="icon-magicpen ml-10 font-size-2"></i> <span class="font-size-1-5 color-bright">ابزارهای سئو پیشرفته</span> </div> <div class="m-10 basis220 grow-1"> <i class="icon-language-square ml-10 font-size-2"></i> <span class="font-size-1-5 color-bright">پشتیبانی از چند زبان</span> </div> <div class="m-10 basis220 grow-1"> <i class="icon-refresh-2 ml-10 font-size-2"></i> <span class="font-size-1-5 color-bright">بکاپ خودکار</span> </div> <div class="m-10 basis220 grow-1"> <i class="icon-presention-chart ml-10 font-size-2"></i> <span class="font-size-1-5 color-bright">سیستم آمار دقیق</span> </div> <div class="m-10 basis220 grow-1"> <i class="icon-calendar-tick-1 ml-10 font-size-2"></i> <span class="font-size-1-5 color-bright">زمان‌بندی انتشار</span> </div> </div> </div> </li> </ol> <ol> <li data-step="step-3"> <div class="mt-20 border bg-two radius-20 pd-20"> <div class="d-flex-wrap just-between fix-mr10"> <div class="m-10 basis220 grow-1"> <i class="icon-setting-2 ml-10 font-size-2"></i> <span class="font-size-1-5 color-bright">مدیریت تغییرات محتوا</span> </div> <div class="m-10 basis220 grow-1"> <i class="icon-status-up ml-10 font-size-2"></i> <span class="font-size-1-5 color-bright">رشد پویا و داینامیک</span> </div> <div class="m-10 basis220 grow-1"> <i class="icon-user-octagon ml-10 font-size-2"></i> <span class="font-size-1-5 color-bright">مدیریت کاربران پیشرفته</span> </div> <div class="m-10 basis220 grow-1"> <i class="icon-magicpen ml-10 font-size-2"></i> <span class="font-size-1-5 color-bright">ابزارهای سئو پیشرفته</span> </div> <div class="m-10 basis220 grow-1"> <i class="icon-language-square ml-10 font-size-2"></i> <span class="font-size-1-5 color-bright">پشتیبانی از چند زبان</span> </div> <div class="m-10 basis220 grow-1"> <i class="icon-refresh-2 ml-10 font-size-2"></i> <span class="font-size-1-5 color-bright">بکاپ خودکار</span> </div> <div class="m-10 basis220 grow-1"> <i class="icon-presention-chart ml-10 font-size-2"></i> <span class="font-size-1-5 color-bright">سیستم آمار دقیق</span> </div> <div class="m-10 basis220 grow-1"> <i class="icon-calendar-tick-1 ml-10 font-size-2"></i> <span class="font-size-1-5 color-bright">زمان‌بندی انتشار</span> </div> </div> </div> </li> </ol> <ol> <li data-step="step-4"> <div class="mt-20 border bg-two radius-20 pd-20"> <div class="d-flex-wrap just-between fix-mr10"> <div class="m-10 basis220 grow-1"> <i class="icon-setting-2 ml-10 font-size-2"></i> <span class="font-size-1-5 color-bright">مدیریت تغییرات محتوا</span> </div> <div class="m-10 basis220 grow-1"> <i class="icon-status-up ml-10 font-size-2"></i> <span class="font-size-1-5 color-bright">رشد پویا و داینامیک</span> </div> <div class="m-10 basis220 grow-1"> <i class="icon-user-octagon ml-10 font-size-2"></i> <span class="font-size-1-5 color-bright">مدیریت کاربران پیشرفته</span> </div> <div class="m-10 basis220 grow-1"> <i class="icon-magicpen ml-10 font-size-2"></i> <span class="font-size-1-5 color-bright">ابزارهای سئو پیشرفته</span> </div> <div class="m-10 basis220 grow-1"> <i class="icon-language-square ml-10 font-size-2"></i> <span class="font-size-1-5 color-bright">پشتیبانی از چند زبان</span> </div> <div class="m-10 basis220 grow-1"> <i class="icon-refresh-2 ml-10 font-size-2"></i> <span class="font-size-1-5 color-bright">بکاپ خودکار</span> </div> <div class="m-10 basis220 grow-1"> <i class="icon-presention-chart ml-10 font-size-2"></i> <span class="font-size-1-5 color-bright">سیستم آمار دقیق</span> </div> <div class="m-10 basis220 grow-1"> <i class="icon-calendar-tick-1 ml-10 font-size-2"></i> <span class="font-size-1-5 color-bright">زمان‌بندی انتشار</span> </div> </div> </div> </li> </ol> <ol> <li data-step="step-5"> <div class="mt-20 border bg-two radius-20 pd-20"> <div class="d-flex-wrap just-between fix-mr10"> <div class="m-10 basis220 grow-1"> <i class="icon-setting-2 ml-10 font-size-2"></i> <span class="font-size-1-5 color-bright">مدیریت تغییرات محتوا</span> </div> <div class="m-10 basis220 grow-1"> <i class="icon-status-up ml-10 font-size-2"></i> <span class="font-size-1-5 color-bright">رشد پویا و داینامیک</span> </div> <div class="m-10 basis220 grow-1"> <i class="icon-user-octagon ml-10 font-size-2"></i> <span class="font-size-1-5 color-bright">مدیریت کاربران پیشرفته</span> </div> <div class="m-10 basis220 grow-1"> <i class="icon-magicpen ml-10 font-size-2"></i> <span class="font-size-1-5 color-bright">ابزارهای سئو پیشرفته</span> </div> <div class="m-10 basis220 grow-1"> <i class="icon-language-square ml-10 font-size-2"></i> <span class="font-size-1-5 color-bright">پشتیبانی از چند زبان</span> </div> <div class="m-10 basis220 grow-1"> <i class="icon-refresh-2 ml-10 font-size-2"></i> <span class="font-size-1-5 color-bright">بکاپ خودکار</span> </div> <div class="m-10 basis220 grow-1"> <i class="icon-presention-chart ml-10 font-size-2"></i> <span class="font-size-1-5 color-bright">سیستم آمار دقیق</span> </div> <div class="m-10 basis220 grow-1"> <i class="icon-calendar-tick-1 ml-10 font-size-2"></i> <span class="font-size-1-5 color-bright">زمان‌بندی انتشار</span> </div> </div> </div> </li> </ol> <ol> <li data-step="step-6"> <div class="mt-20 border bg-two radius-20 pd-20"> <div class="d-flex-wrap just-between fix-mr10"> <div class="m-10 basis220 grow-1"> <i class="icon-setting-2 ml-10 font-size-2"></i> <span class="font-size-1-5 color-bright">مدیریت تغییرات محتوا</span> </div> <div class="m-10 basis220 grow-1"> <i class="icon-status-up ml-10 font-size-2"></i> <span class="font-size-1-5 color-bright">رشد پویا و داینامیک</span> </div> <div class="m-10 basis220 grow-1"> <i class="icon-user-octagon ml-10 font-size-2"></i> <span class="font-size-1-5 color-bright">مدیریت کاربران پیشرفته</span> </div> <div class="m-10 basis220 grow-1"> <i class="icon-magicpen ml-10 font-size-2"></i> <span class="font-size-1-5 color-bright">ابزارهای سئو پیشرفته</span> </div> <div class="m-10 basis220 grow-1"> <i class="icon-language-square ml-10 font-size-2"></i> <span class="font-size-1-5 color-bright">پشتیبانی از چند زبان</span> </div> <div class="m-10 basis220 grow-1"> <i class="icon-refresh-2 ml-10 font-size-2"></i> <span class="font-size-1-5 color-bright">بکاپ خودکار</span> </div> <div class="m-10 basis220 grow-1"> <i class="icon-presention-chart ml-10 font-size-2"></i> <span class="font-size-1-5 color-bright">سیستم آمار دقیق</span> </div> <div class="m-10 basis220 grow-1"> <i class="icon-calendar-tick-1 ml-10 font-size-2"></i> <span class="font-size-1-5 color-bright">زمان‌بندی انتشار</span> </div> </div> </div> </li> </ol> <ol> <li data-step="step-7"> <div class="mt-20 border bg-two radius-20 pd-20"> <div class="d-flex-wrap just-between fix-mr10"> <div class="m-10 basis220 grow-1"> <i class="icon-setting-2 ml-10 font-size-2"></i> <span class="font-size-1-5 color-bright">مدیریت تغییرات محتوا</span> </div> <div class="m-10 basis220 grow-1"> <i class="icon-status-up ml-10 font-size-2"></i> <span class="font-size-1-5 color-bright">رشد پویا و داینامیک</span> </div> <div class="m-10 basis220 grow-1"> <i class="icon-user-octagon ml-10 font-size-2"></i> <span class="font-size-1-5 color-bright">مدیریت کاربران پیشرفته</span> </div> <div class="m-10 basis220 grow-1"> <i class="icon-magicpen ml-10 font-size-2"></i> <span class="font-size-1-5 color-bright">ابزارهای سئو پیشرفته</span> </div> <div class="m-10 basis220 grow-1"> <i class="icon-language-square ml-10 font-size-2"></i> <span class="font-size-1-5 color-bright">پشتیبانی از چند زبان</span> </div> <div class="m-10 basis220 grow-1"> <i class="icon-refresh-2 ml-10 font-size-2"></i> <span class="font-size-1-5 color-bright">بکاپ خودکار</span> </div> <div class="m-10 basis220 grow-1"> <i class="icon-presention-chart ml-10 font-size-2"></i> <span class="font-size-1-5 color-bright">سیستم آمار دقیق</span> </div> <div class="m-10 basis220 grow-1"> <i class="icon-calendar-tick-1 ml-10 font-size-2"></i> <span class="font-size-1-5 color-bright">زمان‌بندی انتشار</span> </div> </div> </div> </li> </ol> <ol> <li data-step="step-8"> <div class="mt-20 border bg-two radius-20 pd-20"> <div class="d-flex-wrap just-between fix-mr10"> <div class="m-10 basis220 grow-1"> <i class="icon-setting-2 ml-10 font-size-2"></i> <span class="font-size-1-5 color-bright">مدیریت تغییرات محتوا</span> </div> <div class="m-10 basis220 grow-1"> <i class="icon-status-up ml-10 font-size-2"></i> <span class="font-size-1-5 color-bright">رشد پویا و داینامیک</span> </div> <div class="m-10 basis220 grow-1"> <i class="icon-user-octagon ml-10 font-size-2"></i> <span class="font-size-1-5 color-bright">مدیریت کاربران پیشرفته</span> </div> <div class="m-10 basis220 grow-1"> <i class="icon-magicpen ml-10 font-size-2"></i> <span class="font-size-1-5 color-bright">ابزارهای سئو پیشرفته</span> </div> <div class="m-10 basis220 grow-1"> <i class="icon-language-square ml-10 font-size-2"></i> <span class="font-size-1-5 color-bright">پشتیبانی از چند زبان</span> </div> <div class="m-10 basis220 grow-1"> <i class="icon-refresh-2 ml-10 font-size-2"></i> <span class="font-size-1-5 color-bright">بکاپ خودکار</span> </div> <div class="m-10 basis220 grow-1"> <i class="icon-presention-chart ml-10 font-size-2"></i> <span class="font-size-1-5 color-bright">سیستم آمار دقیق</span> </div> <div class="m-10 basis220 grow-1"> <i class="icon-calendar-tick-1 ml-10 font-size-2"></i> <span class="font-size-1-5 color-bright">زمان‌بندی انتشار</span> </div> </div> </div> </li> </ol> </div> </div> </div> <div class="d-flex-wrap max-w800 align-center bg-white pd-20 m-auto radius-30 mt-20"> <div class="img max-w100 ml-10"><img src="images/wavy.png" alt=""></div> <div class="grow-1 m-10 black font-kalameh"> <h3 class="font-size-2">طراحی سایت اختصاصی</h3> <span class="font-size-1-2">قالب اختصاصی: <strong>75</strong> میلیون تومان</span> </br> <span class="font-size-1-2">قالب آماده: <strong>35</strong> میلیون تومان</span> </div> <a class="btn bg-two radius-100 white rt-auto" href="tel:+982191008212"> <span>تماس باما</span> <i class="icon-call-1 mr-5"></i> </a> </div> </div> </div> </div>  <div class="section pd-td-50"> <div class="center"> <div class="text-center mb-30"> <span class="color-bright">افتخار ما</span> <h2 class="title-size-3">اعتماد رسانه‌های بزرگ</h2> </div> <div class="wrapper" dir="ltr"> <div class="marquee"> <div class="marquee__group"> <div class="customer"><img src="images/customers/donya_e_eqtesad.svg" alt="donya-e-eqtesad" width="80" height="80"></div> <div class="customer"><img src="images/customers/jamaran.svg" alt="jamaran" width="80" height="80"></div> <div class="customer"><img src="images/customers/tejaratNews.svg" alt="tejaratNews" width="80" height="80"></div> <div class="customer"><img src="images/customers/rokna.svg" alt="rokna" width="80" height="80"></div> <div class="customer"><img src="images/customers/ilna.svg" alt="ilna" width="80" height="80"></div> <div class="customer"><img src="images/customers/ecoiran.svg" alt="ecoiran" width="80" height="80"></div> <div class="customer"><img src="images/customers/eghtesadnews.svg" alt="eghtesadnews" width="80" height="80"></div> <div class="customer"><img src="images/customers/niniban.svg" alt="niniban.svg" width="80" height="80"></div> <div class="customer"><img src="images/customers/bartarinha.svg" alt="bartarinha" width="80" height="80"></div> <div class="customer"><img src="images/customers/sharghonline.svg" alt="sharghonline" width="80" height="80"></div> </div> <div aria-hidden="true" class="marquee__group"> <div class="customer"><img src="images/customers/khabarfoori.svg" alt="khabarfoori" width="80" height="80"></div> <div class="customer"><img src="images/customers/moj.svg" alt="mojnews" width="80" height="80"></div> <div class="customer"><img src="images/customers/afkar.svg" alt="afkarnews" width="80" height="80"></div> <div class="customer"><img src="images/customers/nomanzi.svg" alt="nomanzi" width="80" height="80"></div> <div class="customer"><img src="images/customers/chabokonline.svg" alt="chabokonline" width="80" height="80"></div> <div class="customer"><img src="images/customers/khanefootball.svg" alt="khanefootball" width="80" height="80"></div> <div class="customer"><img src="images/customers/daneshyari.svg" alt="daneshyari" width="80" height="80"></div> <div class="customer"><img src="images/customers/tapesh3.svg" alt="tapesh3" width="80" height="80"></div> <div class="customer"><img src="images/customers/panjere.svg" alt="panjere" width="80" height="80"></div> <div class="customer"><img src="images/customers/titrekootah.svg" alt="titrekootah" width="80" height="80"></div> </div> </div> <div class="marquee marquee--reverse"> <div class="marquee__group"> <div class="customer"><img src="images/customers/didgahemrooz.svg" alt="didgahemrooz" width="80" height="80"></div> <div class="customer"><img src="images/customers/khateSalamat.svg" alt="khatesalamat" width="80" height="80"></div> <div class="customer"><img src="images/customers/wikigardi.svg" alt="wikigardi" width="80" height="80"></div> <div class="customer"><img src="images/customers/jaygah8.svg" alt="jaygah8" width="80" height="80"></div> <div class="customer"><img src="images/customers/sornakhabar.svg" alt="sornakhabar" width="80" height="80"></div> <div class="customer"><img src="images/customers/vaghteSobh.svg" alt="vaghtesobh" width="80" height="80"></div> <div class="customer"><img src="images/customers/donyayemadan.svg" alt="donyayemadan" width="80" height="80"></div> <div class="customer"><img src="images/customers/gashtaninews.svg" alt="gashtaninews" width="80" height="80"></div> <div class="customer"><img src="images/customers/econaPress.svg" alt="econapress" width="80" height="80"></div> <div class="customer"><img src="images/customers/faradeed.svg" alt="faradeed" width="80" height="80"></div> </div> <div aria-hidden="true" class="marquee__group"> <div class="customer"><img src="images/customers/namehnews.svg" alt="namehnews" width="80" height="80"></div> <div class="customer"><img src="images/customers/tejaratfarda.svg" alt="tejaratefarda" width="80" height="80"></div> <div class="customer"><img src="images/customers/moniban.svg" alt="moniban" width="80" height="80"></div> <div class="customer"><img src="images/customers/7sobh.svg" alt="7sobh" width="80" height="80"></div> <div class="customer"><img src="images/customers/tinn.svg" alt="tinn" width="80" height="80"></div> <div class="customer"><img src="images/customers/shayanews.svg" alt="shayanews" width="80" height="80"></div> <div class="customer"><img src="images/customers/cannews.svg" alt="cann" width="80" height="80"></div> <div class="customer"><img src="images/customers/fardanews.svg" alt="fardaness" width="80" height="80"></div> <div class="customer"><img src="images/customers/arshehonline.svg" alt="arshehonline" width="80" height="80"></div> <div class="customer"><img src="images/customers/gheymat360.svg" alt="gheymat360" width="80" height="80"></div> </div> </div> </div> <div class="mt-30 text-center"> <a class="btn bg-blur radius-100" href="/customers.html"> <i class="icon-profile-2user-1 ml-5"></i> <span>لیست کامل مشتریان</span> <i class="icon-arrow-left-2"></i> </a> </div> </div> </div>  <div class="section pd-td-50 "> <div class="center"> <div class="status-box text-center nowrap"> <div class="orange-dote"></div> <div class="m-5 basis100"> <strong>+20M</strong> <div class="">کلیک در دیسکاور</div> </div> <div class="m-5 basis100"> <strong>+100</strong> <div class="">وبسایت بزرگ</div> </div> <div class="m-5 basis100"> <strong>+30M</strong> <div class="">بازدید روزانه صفحات</div> </div> <div class="m-5 basis100"> <strong>+100K</strong> <div class="">کلمه کلیدی رتبه اول</div> </div> </div> </div> </div> <div class="masonry-grid"></div>    <div class="section pd-d-50"> <div class="center"> <div class="d-flex-wrap just-between align-center"> <div class="m-10">  <h2 class="font-kalameh font-size-3-2 ">سوالات متداول</h2> </div>  </div> <div class="toggle-slide-box faq-list fix-mr10"> <div class="border radius-20 bg-one m-10"> <div class="pd-20 d-flex just-between pointer toggle-slide"> <div class="d-flex align-center fix-mr10"> <div class="orange pd-lr-10 ml-10 border-left font-size-2 width-50 min-w50">01</div> <h3 class="font-normal font-size-1-2 font-kalameh">آیا امکانات CMS در پلن‌های مختلف، تفاوت داره؟</h3> </div> <i class="icon-arrow-down-1"></i> </div> <div class="border-t slide-down hide"> <div class="pd-20"> <div class="text-justify"> <p> خیر. در تمامی پلن‌ها با هر میزان بازدید، تمام امکانات CMS در اختیار شما قرار می‌گیره. </p> </div> </div>  </div> </div> <div class="border radius-20 bg-one m-10"> <div class="pd-20 d-flex just-between pointer toggle-slide"> <div class="d-flex align-center fix-mr10"> <div class="orange pd-lr-10 ml-10 border-left font-size-2 width-50 min-w50">02</div> <h3 class="font-normal font-size-1-2 font-kalameh">آیا سطح پشتیبانی در پلن‌های مختلف، تفاوت داره؟</h3> </div> <i class="icon-arrow-down-1"></i> </div> <div class="border-t slide-down hide"> <div class="pd-20"> <div class="text-justify"> <p> خیر. تیم پشتیبانی ما کارها رو بر اساس میزان اهمیت و بحرانی بودن مسئله‌ها اولویت‌بندی می‌کنه و هیچ تفاوتی بین سایت‌های مختلف وجود نداره. </p> </div> </div>  </div> </div> <div class="border radius-20 bg-one m-10"> <div class="pd-20 d-flex just-between pointer toggle-slide"> <div class="d-flex align-center fix-mr10"> <div class="orange pd-lr-10 ml-10 border-left font-size-2 width-50 min-w50">03</div> <h3 class="font-normal font-size-1-2 font-kalameh">ما چجوری باید طرح مورد نظرمون رو به آسام تحویل بدیم؟</h3> </div> <i class="icon-arrow-down-1"></i> </div> <div class="border-t slide-down hide"> <div class="pd-20"> <div class="text-justify"> <p> فرقی نمی‌کنه. شما می‌تونید یکی از این ۳ روش رو انتخاب کنید: </p> <p> ۱- ساختار مورد نظرتون رو با خودکار روی کاغذ بکشید و ما براتون طراحی کنیم. </p> <p> ۲- طرح گرافیکی دقیق رو توسط یه گرافیست طراحی کنید و برای ما ارسال کنید تا پیاده‌سازی کنیم. </p> <p> ۳- سایت‌هایی که به سلیقه‌ی شما نزدیک هستن رو به ما معرفی کنید تا ما طبق همون سلیقه براتون طراحی کنیم. </p> </div> </div>  </div> </div> <div class="border radius-20 bg-one m-10"> <div class="pd-20 d-flex just-between pointer toggle-slide"> <div class="d-flex align-center fix-mr10"> <div class="orange pd-lr-10 ml-10 border-left font-size-2 width-50 min-w50">04</div> <h3 class="font-normal font-size-1-2 font-kalameh">طراحی سایت اختصاصی چقدر طول می‌کشه؟</h3> </div> <i class="icon-arrow-down-1"></i> </div> <div class="border-t slide-down hide"> <div class="pd-20"> <div class="text-justify"> <p> بستگی به پیچیدگی طرح مورد نظر شما داره. اما معمولاً در مدت ۳۵ روز کاری سایت شما طراحی و آماده‌ی بهره‌برداری میشه. </p> </div> </div>  </div> </div> <div class="border radius-20 bg-one m-10"> <div class="pd-20 d-flex just-between pointer toggle-slide"> <div class="d-flex align-center fix-mr10"> <div class="orange pd-lr-10 ml-10 border-left font-size-2 width-50 min-w50">05</div> <h3 class="font-normal font-size-1-2 font-kalameh"> آیا امکان استفاده از قالب آماده وجود داره؟ </h3> </div> <i class="icon-arrow-down-1"></i> </div> <div class="border-t slide-down hide"> <div class="pd-20"> <div class="text-justify"> <p> بله. آسام تعدادی قالب آماده داره که می‌تونید از بین این قالب‌ها انتخاب کنید و رنگ‌بندی و فونت و لوگو و چیدمان خودتون رو بر روی این قالب‌ها اعمال کنید تا فرایند طراحی سایت سریع‌تر انجام بشه. </p> </div> </div>  </div> </div> <div class="border radius-20 bg-one m-10"> <div class="pd-20 d-flex just-between pointer toggle-slide"> <div class="d-flex align-center fix-mr10"> <div class="orange pd-lr-10 ml-10 border-left font-size-2 width-50 min-w50">06</div> <h3 class="font-normal font-size-1-2 font-kalameh"> آیا انتقال سایت به سئو سایت آسیب می‌زنه؟ </h3> </div> <i class="icon-arrow-down-1"></i> </div> <div class="border-t slide-down hide"> <div class="pd-20"> <div class="text-justify"> <p> ما تجربیات خوب و متعددی در انتقال سایت‌ها از CMS های مختلف به آسام داشتیم و در اکثر موارد افت بازدید چندانی اتفاق نیفتاده. پس می‌تونیم با اطمینان بهتون قول بدیم که تمام این تجربیات رو به کار می‌گیرم تا احتمال افت بازدید سئو رو در انتقال سایت شما هم به حداقل برسونیم. </p> </div> </div>  </div> </div>  </div> </div> </div>  <div class="section pd-d-50"> <div class="center"> <div class="max-w800 text-center m-auto"> <div class="d-flex-wrap just-around mt-20 fix-mr10"> <div class="platform-item"> <div class="img"><img src="images/platform/darkoob.webp" height="60" width="53" alt="دارکوب"></div> <h3>پلتفرم دارکوب</h3> <a href="" class="hidden"><i class="icon-arrow-left rotate-45"></i></a> </div> <div class="platform-item"> <div class="img"><img src="images/platform/pelikan.webp" height="60" width="60" alt="پلتفرم پلیکان"></div> <h3>پلتفرم پلیکان</h3> <a href="https://pelikan.media/" class=""><i class="icon-arrow-left rotate-45"></i></a> </div> <div class="platform-item"> <div class="img"><img src="images/platform/chakavak.png" alt="پلتفرم چکاوک"></div> <h3>پلتفرم چکاوک</h3> <a href="https://chakavak.media/" class=""><i class="icon-arrow-left rotate-45"></i></a> </div> </div> <div class="relative contact-disk-box"> <div class="contact-disk"> <div class="img max-w300 m-auto"><img src="images/asam-white.png" alt=""></div> </div> </div> <div class="shadow-bg" id="contactUS">  </div>  </div> </div> </div>  <div class="footer pd-d-50"> <div class="center"> <div class=""> <div class="d-flex-wrap align-center fix-mr10 relative bottom_product mb-40"> <div class="footer-bg"> <img src="images/footerPlanet.webp" alt=""> </div>  <div class="footer-item basis150 grow-1 m-10">  <h3>دسترسی سریع</h3> <ul class="list-none"> <li><a href="#chart_box">آمار رشد</a></li> <li><a href="/customers.html">مشتریان</a></li> <li><a href="#pricing">قیمت</a></li> <li><a href="/team.html">تیم</a></li> <li><a href="#Products">محصولات</a></li> </ul> </div> <div class="footer-item basis150 grow-1 m-10"> <h3>منابع</h3> <ul class="list-none"> <li><a href="">بلاگ و مقالات</a></li> <li><a href="">فیلم‌های آموزشی</a></li> <li><a href="">کتابخانه‌ی منابع</a></li> <li><a href="">پرسش‌های متداول (FAQ)</a></li> <li><a href="">اخبار و به‌روزرسانی‌ها</a></li> </ul> </div> <div class="footer-item basis150 grow-1 m-10"> <h3>پشتیبانی</h3> <ul class="list-none"> <li><a href="">راهنما و دستورالعمل‌ها</a></li> <li><a href="">تماس با تیم پشتیبانی</a></li> <li><a href="">سوالات و پاسخ‌های متداول</a></li> <li><a href="">وضعیت سفارش و پرداخت</a></li> <li><a href="/contactUS.html">ارتباط با ما</a></li> </ul> </div> <div class="footer-item basis200 grow-1 max-w230 rt-auto"> <a href="https://kifpool.me/" class="kifbox m-10">  <div class="img"><img src="images/platform/kifpool.png" alt=""></div> <strong class="font-size-1-5">kifpool.me</strong> </a> </div> </div>  <div class="asam-text"><img src="images/asam-ft.png" alt=""></div> <div class="bg-one border radius-20 d-flex-wrap align-center just-around pd-20"> <div class="grow-1"> © آسام - ۱۴۰۲ تمام حقوق این وبسایت و محتوای آن محفوظ است. هرگونه استفاده بدون مجوز از مطالب این وبسایت ممنوع است. </div> <div class="social-list"> <a href="https://www.instagram.com/asam.social/" class="social-item"><i class="icon-instagram-1"></i></a>  <a href="https://t.me/aasaaminfo/" class="social-item"><i class="icon-telegram"></i></a> <a href="https://www.linkedin.com/company/aasaam/" class="social-item"> <svg class="align_icon" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 24 24"><g fill="none"><path d="M24 0v24H0V0zM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.019-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z"/><path fill="#fff" d="M18 3a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3zm0 2H6a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1M8 10a1 1 0 0 1 .993.883L9 11v5a1 1 0 0 1-1.993.117L7 16v-5a1 1 0 0 1 1-1m3-1a1 1 0 0 1 .984.821a6 6 0 0 1 .623-.313c.667-.285 1.666-.442 2.568-.159c.473.15.948.43 1.3.907c.315.425.485.942.519 1.523L17 12v4a1 1 0 0 1-1.993.117L15 16v-4c0-.33-.08-.484-.132-.555a.55.55 0 0 0-.293-.188c-.348-.11-.849-.052-1.182.09c-.5.214-.958.55-1.27.861L12 12.34V16a1 1 0 0 1-1.993.117L10 16v-6a1 1 0 0 1 1-1M8 7a1 1 0 1 1 0 2a1 1 0 0 1 0-2"/></g></svg> </a> <a href="https://twitter.com/aasaaminfo/" class="social-item"><i class="icon-twitter"></i></a> <a href="https://www.aparat.com/aasaam" class="social-item"><i class="icon-aparat-bold"></i></a> </div> </div> </div> </div> </div> </div> <script src="js/steps.js"></script> <script src="https://unpkg.com/@rive-app/canvas@1.0.99"></script> <script src="js/app.js?v=0.03"></script> <script> const fileUrl1 = "./images/header-bg.riv"; const artboard1 = decodeURIComponent("New%20Artboard"); const animation1 = decodeURIComponent("State%20Machine%201"); const isStateMachine1 = true; const container1 = document.getElementById('headerOne'); const canvas1 = document.getElementById('canvas1'); const width1 = 1440; const height1 = 823; const fileUrl2 = "./images/disk-bg.riv"; const artboard2 = decodeURIComponent("New%20Artboard"); const animation2 = decodeURIComponent("State%20Machine%201"); const isStateMachine2 = true; const container2 = document.getElementById('headerTwo'); const canvas2 = document.getElementById('canvas2'); const width2 = 1440; const height2 = 420; const createRiveAnimation = (fileUrl, canvas, artboard, animation, isStateMachine, container, width, height) => { const fileAspectRatio = (width / height) || 0; const params = { src: fileUrl, canvas: canvas, artboard: artboard, autoplay: true, }; if (isStateMachine) { params['stateMachines'] = animation; } else { params['animations'] = animation; } const riveAnimation = new rive.Rive(params); class FakeResizeObserver { observe() {} unobserve() {} disconnect() {} } function throttle(f, delay) { let timer = 0; return function(...args) { clearTimeout(timer); timer = setTimeout(() => f.apply(this, args), delay); } } const MyResizeObserver = ResizeObserver || FakeResizeObserver; const resizeObserver = new MyResizeObserver(throttle((entries) => { let displayWidth = window.innerWidth; let displayHeight = window.innerHeight; if (fileAspectRatio > 0) { const displayAspectRatio = displayWidth / displayHeight; if (fileAspectRatio > displayAspectRatio) { displayHeight = displayWidth / fileAspectRatio; } else { displayWidth = displayHeight * fileAspectRatio; } } const dpr = Math.min(2, window.devicePixelRatio || 1); if (displayWidth > width) { displayWidth = width; displayHeight = width / fileAspectRatio; } if (displayHeight > height) { displayHeight = height; displayWidth = height * fileAspectRatio; } if (displayWidth < width || displayHeight < height) { displayWidth = Math.max(displayWidth, width); displayHeight = Math.max(displayHeight, height); } canvas.width = dpr * displayWidth; canvas.height = dpr * displayHeight; canvas.style.width = displayWidth + 'px'; canvas.style.height = displayHeight + 'px'; riveAnimation.startRendering(); riveAnimation.resizeToCanvas(); }, 16)); resizeObserver.observe(container); }; createRiveAnimation(fileUrl1, canvas1, artboard1, animation1, isStateMachine1, container1, width1, height1); createRiveAnimation(fileUrl2, canvas2, artboard2, animation2, isStateMachine2, container2, width2, height2); </script> <script type="module"> import createGlobe from './js/cobe.js' let phi = 0 let canvas = document.getElementById("cobe") const globe = createGlobe(canvas, { devicePixelRatio: 2, width: 900, height: 900, phi: 0, theta: 0.05, dark: 1.1, diffuse: 1.5, scale: 1, mapSamples: 13000, mapBrightness: 2, baseColor: [1, 1, 1], markerColor: [0, 0, 0], glowColor: [0.5,0.5,0.5], offset: [0,0], markerSize: 0.02, opacity: 0.3, markers: [ { location: [37.7595, -122.4367], size: 0.03 }, { location: [40.7128, -74.006], size: 0.1 }, ], onRender: (state) => { state.phi = phi phi += 0.01 }, }); </script> <script>!function (e, t, n) { var i = t.getElementsByTagName("script")[0], t = t.createElement("script"), a = (t.async = !0, t.defer = !0, "https://" + n.s + "/_/" + (new Date).toISOString().split("T")[0].replace(/-/g, "")); "WeakSet" in e && "URLSearchParams" in e && "entries" in Object && "Promise" in e && "any" in Promise ? (t.setAttribute("data-i", e.btoa(encodeURIComponent(JSON.stringify(n)))), t.src = a + "/a.js") : (e.aai_lid = n, t.src = a + "/l.js"), i.parentNode.insertBefore(t, i) }(window, document, { "i": "dVLJko1wjwbs", "s": "analyt.ir" });</script> </body> </html>

CINXE.COM

گروه نرم‌افزاری آسام