1022 lines
51 KiB
HTML
1022 lines
51 KiB
HTML
<!doctype html>
|
||
<html lang="fa" dir="rtl">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
<link rel="stylesheet" href="./src/core/stylesheet/core.css" />
|
||
<link rel="stylesheet" href="./src/assets/css/aboutus.css" />
|
||
<link rel="stylesheet" href="./src/assets/css/aboutus-responsive.css" />
|
||
<script type="module" src="./src/assets/js/aboutus.js" defer></script>
|
||
|
||
<title></title>
|
||
</head>
|
||
<body>
|
||
<div id="root">
|
||
<main>
|
||
<!-- ==================هیرو============== -->
|
||
<section class="hero-section">
|
||
<div class="container-hero-section">
|
||
<div class="hero-section-wrapper">
|
||
<div class="hero-card">
|
||
<div class="hero-circles" aria-hidden="true">
|
||
<div class="circle circle--1"></div>
|
||
<div class="circle circle--2"></div>
|
||
<div class="circle circle--3"></div>
|
||
<div class="circle circle--4"></div>
|
||
</div>
|
||
<div class="hero-hollow hero-hollow--left" aria-hidden="true"></div>
|
||
<div class="hero-hollow hero-hollow--right" aria-hidden="true"></div>
|
||
<div class="hero-dot-pattern" aria-hidden="true"></div>
|
||
<div class="hero-content">
|
||
<div class="hero-txt">درباره ما</div>
|
||
<div class="hero-title">آژانس راهکارهای بازاریابی اینوا</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="video-wrapper">
|
||
<div class="video-thumbnail" id="videoThumbnail">
|
||
<img src="./public/images/thumb.webp" alt="thumbnail" class="thumb-img" />
|
||
|
||
<div class="overlay">
|
||
<button class="play-btn-about" id="playBtn">
|
||
<svg aria-hidden="true">
|
||
<use href="./src/assets/icons/portfolioP.svg#play-btn-home"></use>
|
||
</svg>
|
||
</button>
|
||
|
||
<div class="inova-about-logo">
|
||
<svg aria-hidden="true" width="40" height="48">
|
||
<use href="./src/assets/icons/portfolioP.svg#inova-logo3"></use>
|
||
</svg>
|
||
</div>
|
||
<div class="arrow-btn-about">
|
||
<svg aria-hidden="true">
|
||
<use href="./src/assets/icons/portfolioP.svg#homepage-arrow"></use>
|
||
</svg>
|
||
</div>
|
||
|
||
<h3 class="video-title">آشنایی با تیم و مجموعه اینوا</h3>
|
||
</div>
|
||
</div>
|
||
|
||
<video id="aboutVideo" class="video-player" controls preload="metadata">
|
||
<source src="./public/images/videotest.mp4" type="video/mp4" />
|
||
</video>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ================== اسلایدر سکشن دوم============== -->
|
||
<section class="showcase-section" id="showcase" data-nav-title="توضیحات">
|
||
<div class="container-showcase">
|
||
<div class="showcase-sticky">
|
||
<div class="showcase-inner">
|
||
<div class="showcase-media-side">
|
||
<div class="showcase-media-wrapper" id="showcasemediaWrapper"></div>
|
||
</div>
|
||
<div class="showcase-text-side">
|
||
<div class="text-track" id="textTrack"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ==================تایم لاین================== -->
|
||
<section class="timeline-section" aria-label="تایملاین">
|
||
<!-- CSS background circle -->
|
||
<div class="timeline-bg-circle" aria-hidden="true"></div>
|
||
<div class="timeline-bg-circle2" aria-hidden="true"></div>
|
||
<h2 class="timeline-title">تایملاین</h2>
|
||
|
||
<div class="timeline-viewport" id="timelineViewport">
|
||
<div class="timeline-track" id="timelineTrack">
|
||
<!-- Card 1 -->
|
||
<article class="timeline-card" data-index="0">
|
||
<span class="timeline-card__date">بهمن ۱۳۹۸</span>
|
||
<div class="timeline-card__dot-row">
|
||
<span class="timeline-card__dot"></span>
|
||
<span class="timeline-card__line"></span>
|
||
</div>
|
||
<h3 class="timeline-card__heading">شروع با نوین دیار</h3>
|
||
<p class="timeline-card__body" id="body-0">
|
||
اولین قدم با نام «نوین دیار» برداشته شد. یک تیم کوچک از بوشهر که تصمیم داشت به
|
||
کسبوکارهای کوچک و متوسط کمک کند در فضای دیجیتال دیده شوند و رشد کنند. منابعمان
|
||
محدود بود، تجربهها تازه داشتند شکل میگرفتند اما انگیزه برای ساختن چیزی ارزشمند
|
||
از همان روز اول وجود داشت.
|
||
</p>
|
||
<button
|
||
class="timeline-card__toggle"
|
||
onclick="toggleCard(0)"
|
||
id="toggle-0"
|
||
aria-expanded="false"
|
||
>
|
||
<span class="timeline-card__toggle-label">بیشتر</span>
|
||
<span class="timeline-card__toggle-icon">
|
||
<svg aria-hidden="true" width="20px" height="20px">
|
||
<use href="./src/assets/icons/portfolioP.svg#plus"></use>
|
||
</svg>
|
||
</span>
|
||
</button>
|
||
</article>
|
||
|
||
<!-- Card 2 -->
|
||
<article class="timeline-card" data-index="1">
|
||
<span class="timeline-card__date">بهار ۱۳۹۹</span>
|
||
<div class="timeline-card__dot-row">
|
||
<span class="timeline-card__dot"></span>
|
||
<span class="timeline-card__line"></span>
|
||
</div>
|
||
<h3 class="timeline-card__heading">شکلگیری تیم</h3>
|
||
<p class="timeline-card__body" id="body-1">
|
||
کمکم افراد جدید به این مسیر اضافه شدند و نوین دیار از یک تلاش فردی به یک تلاش
|
||
گروهی و تیمی تبدیل شد. زمانی که هنوز دورکاری به شکل امروز شناختهشده و رایج نبود،
|
||
ما کار ریموت را شروع کردیم. فاصله جغرافیایی مانع همکاریمان نبود و همین نگاه،
|
||
فرهنگ کاری متفاوتی را در تیم شکل داد.
|
||
</p>
|
||
<button
|
||
class="timeline-card__toggle"
|
||
onclick="toggleCard(1)"
|
||
id="toggle-1"
|
||
aria-expanded="false"
|
||
>
|
||
<span class="timeline-card__toggle-label">بیشتر</span>
|
||
<span class="timeline-card__toggle-icon">
|
||
<svg aria-hidden="true" width="20px" height="20px">
|
||
<use href="./src/assets/icons/portfolioP.svg#plus"></use>
|
||
</svg>
|
||
</span>
|
||
</button>
|
||
</article>
|
||
|
||
<!-- Card 3 -->
|
||
<article class="timeline-card" data-index="2">
|
||
<span class="timeline-card__date">شهریور ۱۴۰۱</span>
|
||
<div class="timeline-card__dot-row">
|
||
<span class="timeline-card__dot"></span>
|
||
<span class="timeline-card__line"></span>
|
||
</div>
|
||
<h3 class="timeline-card__heading">تهران و افقهای تازه</h3>
|
||
<p class="timeline-card__body" id="body-2">
|
||
یکی از مهمترین تصمیمهای مسیر گرفته شد؛ مهاجرت از بوشهر به تهران. این جابهجایی
|
||
فقط برای حضور در یک بازار بزرگتر نبود. تهران فرصتی بود برای یادگیری، شبکهسازی و
|
||
مواجهه با تجربههای جدید. حضور در دورههای کارآفرینی، آشنایی با فعالان اکوسیستم
|
||
کسبوکار و گذراندن دوره جامع تبلیغات بادکوبه، نگاه ما را به بازاریابی و رشد
|
||
کسبوکار عمیقتر کرد.
|
||
</p>
|
||
<button
|
||
class="timeline-card__toggle"
|
||
onclick="toggleCard(2)"
|
||
id="toggle-2"
|
||
aria-expanded="false"
|
||
>
|
||
<span class="timeline-card__toggle-label">بیشتر</span>
|
||
<span class="timeline-card__toggle-icon">
|
||
<svg aria-hidden="true" width="20px" height="20px">
|
||
<use href="./src/assets/icons/portfolioP.svg#plus"></use>
|
||
</svg>
|
||
</span>
|
||
</button>
|
||
</article>
|
||
|
||
<!-- Card 4 -->
|
||
<article class="timeline-card" data-index="3">
|
||
<span class="timeline-card__date">۱۴۰۱ تا 1403</span>
|
||
<div class="timeline-card__dot-row">
|
||
<span class="timeline-card__dot"></span>
|
||
<span class="timeline-card__line"></span>
|
||
</div>
|
||
<h3 class="timeline-card__heading">سالهای عمر</h3>
|
||
<p class="timeline-card__body" id="body-3">
|
||
سه سالی که گذشت، فرصتی بود برای یادگیری از نزدیک و در مقیاسی بزرگتر. تجربه کار در
|
||
شرکتهایی مانند زبان مهر، سپیدار همکاران سیستم و اسنپدکتر فرصتی فراهم کرد تا این
|
||
جوان بوشهری چالشهای واقعی رشد، بازاریابی و توسعه کسبوکار را از نزدیک لمس کند. در
|
||
همین سالها، نوین دیار همچنان به مسیر خود ادامه داد و همزمان پروژههای جدیدی نیز
|
||
متولد شدند. یکی از مهمترین آنها «پتبوم» بود؛ محصولی که از دل همین تجربهها شکل
|
||
گرفت و به بخشی از مسیر یادگیری و ساختن ما تبدیل شد.
|
||
</p>
|
||
<button
|
||
class="timeline-card__toggle"
|
||
onclick="toggleCard(3)"
|
||
id="toggle-3"
|
||
aria-expanded="false"
|
||
>
|
||
<span class="timeline-card__toggle-label">بیشتر</span>
|
||
<span class="timeline-card__toggle-icon">
|
||
<svg aria-hidden="true" width="20px" height="20px">
|
||
<use href="./src/assets/icons/portfolioP.svg#plus"></use>
|
||
</svg>
|
||
</span>
|
||
</button>
|
||
</article>
|
||
|
||
<!-- Card 5 (extra) -->
|
||
<article class="timeline-card" data-index="4">
|
||
<span class="timeline-card__date">بهمن ۱۴۰۳</span>
|
||
<div class="timeline-card__dot-row">
|
||
<span class="timeline-card__dot"></span>
|
||
<span class="timeline-card__line"></span>
|
||
</div>
|
||
<h3 class="timeline-card__heading">تولد اینوا</h3>
|
||
<p class="timeline-card__body" id="body-4">
|
||
با بزرگتر شدن تیم، پیچیدهتر شدن پروژهها و روشنتر شدن چشمانداز آینده، زمان آن
|
||
رسیده بود که کارمان هویت تازهای شکل بگیرد. نوین دیار به «اینوا» تبدیل شد. تغییری
|
||
که فقط در نام خلاصه نمیشد؛ بلکه بازتابی از بلوغ تیم، تجربههای بهدستآمده و نگاه
|
||
بلندمدتتری بود که برای آینده داشتیم. همزمان اولین دفتر رسمی اینوا در تهران شکل
|
||
گرفت و فصل جدیدی آغاز شد.
|
||
</p>
|
||
<button
|
||
class="timeline-card__toggle"
|
||
onclick="toggleCard(4)"
|
||
id="toggle-4"
|
||
aria-expanded="false"
|
||
>
|
||
<span class="timeline-card__toggle-label">بیشتر</span>
|
||
<span class="timeline-card__toggle-icon">
|
||
<svg aria-hidden="true" width="20px" height="20px">
|
||
<use href="./src/assets/icons/portfolioP.svg#plus"></use>
|
||
</svg>
|
||
</span>
|
||
</button>
|
||
</article>
|
||
|
||
<!-- Card 6 (extra) -->
|
||
<article class="timeline-card" data-index="5">
|
||
<span class="timeline-card__date">اردیبهشت ۱۴۰۴ </span>
|
||
<div class="timeline-card__dot-row">
|
||
<span class="timeline-card__dot"></span>
|
||
<span class="timeline-card__line"></span>
|
||
</div>
|
||
<h3 class="timeline-card__heading">درِ اینوا باز شد</h3>
|
||
<p class="timeline-card__body" id="body-5">
|
||
دفتر آماده بود، تیم دور هم جمع شده بود و اینوا رسماً وارد مرحله تازهای از مسیر
|
||
رشد خود شد. البته که گذر از این سال، آسان نبود. چالشهای زیادی داشتیم که هر کدام
|
||
برایمان یک درس تازه به همراه داشتند. فرآیندها کاربردیتر شدند، خدمات دقیقتر و
|
||
ساختارمندتر شد و تیم یاد گرفت که چگونه در شرایط سخت، منسجمتر و قدرتمندتر حرکت
|
||
کند.
|
||
</p>
|
||
<button
|
||
class="timeline-card__toggle"
|
||
onclick="toggleCard(5)"
|
||
id="toggle-5"
|
||
aria-expanded="false"
|
||
>
|
||
<span class="timeline-card__toggle-label">بیشتر</span>
|
||
<span class="timeline-card__toggle-icon">
|
||
<svg aria-hidden="true" width="20px" height="20px">
|
||
<use href="./src/assets/icons/portfolioP.svg#plus"></use>
|
||
</svg>
|
||
</span>
|
||
</button>
|
||
</article>
|
||
|
||
<!-- Card 7 (extra) -->
|
||
<article class="timeline-card" data-index="6">
|
||
<span class="timeline-card__date"> فروردین 1405</span>
|
||
<div class="timeline-card__dot-row">
|
||
<span class="timeline-card__dot"></span>
|
||
<span class="timeline-card__line"></span>
|
||
</div>
|
||
<h3 class="timeline-card__heading">کاوشگران اینوا</h3>
|
||
<p class="timeline-card__body" id="body-6">
|
||
امروز اینجا ایستادهایم؛ با تجربه بیشتر، نگاه عمیقتر و تصویری روشنتر از مسیری که
|
||
پیش رو داریم. اما اگر بخواهیم صادقانه بگوییم، اینوا هیچوقت حاصل تلاش یک نفر نبوده
|
||
است. آنچه اینوا را ساخته و زنده نگه داشته، تیم آن است. کسانی که همیشه ایدههای
|
||
تازهای در سر دارند و با خلق نتیجهای واقعی روزشان را به پایان میرسانند. افرادی
|
||
که وقتی راهی وجود ندارد، منتظر نمیمانند و راهی میسازند، هرچند سخت و دشوار. ما
|
||
آنها را «کاوشگران اینوا» مینامیم. نه بهخاطر یک عنوان سازمانی، بلکه چون
|
||
روحیهشان دقیقاً همین است؛ جستوجوگر، خلاق، مسئولیتپذیر و متعهد به ساختن. نفس
|
||
اینوا به همین آدمها گرم است... ما باور داریم بهترین فصل این داستان هنوز نوشته
|
||
نشده.
|
||
</p>
|
||
<button
|
||
class="timeline-card__toggle"
|
||
onclick="toggleCard(6)"
|
||
id="toggle-6"
|
||
aria-expanded="false"
|
||
>
|
||
<span class="timeline-card__toggle-label">بیشتر</span>
|
||
<span class="timeline-card__toggle-icon">
|
||
<svg aria-hidden="true" width="20px" height="20px">
|
||
<use href="./src/assets/icons/portfolioP.svg#plus"></use>
|
||
</svg>
|
||
</span>
|
||
</button>
|
||
</article>
|
||
</div>
|
||
<!-- /.timeline-track -->
|
||
</div>
|
||
<!-- /.timeline-viewport -->
|
||
|
||
<!-- Navigation -->
|
||
<nav class="timeline-nav" aria-label="ناوبری تایملاین">
|
||
<button class="timeline-nav__btn" id="timelinePrev" aria-label="قبلی">
|
||
<svg aria-hidden="true" width="48px" height="48px">
|
||
<use href="./src/assets/icons/portfolioP.svg#prev-arr-timeline"></use>
|
||
</svg>
|
||
</button>
|
||
<button class="timeline-nav__btn" id="timelineNext" aria-label="بعدی">
|
||
<svg aria-hidden="true" width="48px" height="48px">
|
||
<use href="./src/assets/icons/portfolioP.svg#next-arr-timeline"></use>
|
||
</svg>
|
||
</button>
|
||
</nav>
|
||
</section>
|
||
|
||
<!-- =================اهداف======================= -->
|
||
<section class="goal-section">
|
||
<div class="goal-container">
|
||
<!-- ── HEADER ── -->
|
||
<div class="goal-header">
|
||
<h2 class="goal-title">اهداف و ماموریتی که اینوا به آن متعهد است</h2>
|
||
<p class="goal-subtitle">
|
||
در اینوا، هر تصمیم بر پایه داده، تجربه و تمرکز بر نتیجه میشود تا کسبوکار شما
|
||
بهصورت پایدار رشد کند.
|
||
</p>
|
||
</div>
|
||
|
||
<!-- ── GRID ── -->
|
||
<div class="goal-grid">
|
||
<div class="goal-item">
|
||
<div class="goal-icon-wrap">
|
||
<svg aria-hidden="true" width="48px" height="48px">
|
||
<use href="./src/assets/icons/portfolioP.svg#wand-sparkles"></use>
|
||
</svg>
|
||
</div>
|
||
<h3 class="goal-item-title">هر پروژه، یک راهحل خلاقانه</h3>
|
||
<p class="goal-item-desc">
|
||
ما تلاش میکنیم در هر پروژه راهکارهایی ارائه دهیم که متفاوت، خلاقانه و متناسب با
|
||
هویت هر برند باشد.
|
||
</p>
|
||
</div>
|
||
|
||
<!-- 2 ─ تمرکز بر نتیجه واقعی -->
|
||
<div class="goal-item goal-item2">
|
||
<div class="goal-icon-wrap">
|
||
<!-- Target / bullseye icon -->
|
||
<svg aria-hidden="true" width="48px" height="48px">
|
||
<use href="./src/assets/icons/portfolioP.svg#target"></use>
|
||
</svg>
|
||
</div>
|
||
<h3 class="goal-item-title">تمرکز بر نتیجه واقعی</h3>
|
||
<p class="goal-item-desc">
|
||
هدف ما تنها اجرای پروژه نیست؛ ما به دنبال ایجاد نتایج قابل اندازهگیری و رشد واقعی
|
||
برای کسبوکارها هستیم.
|
||
</p>
|
||
</div>
|
||
|
||
<!-- 3 ─ ترکیب داده و طراحی -->
|
||
<div class="goal-item">
|
||
<div class="goal-icon-wrap">
|
||
<!-- Trending-up chart icon -->
|
||
<svg aria-hidden="true" width="48px" height="48px">
|
||
<use href="./src/assets/icons/portfolioP.svg#chart-spline"></use>
|
||
</svg>
|
||
</div>
|
||
<h3 class="goal-item-title">ترکیب داده و طراحی</h3>
|
||
<p class="goal-item-desc">
|
||
تصمیمات ما بر اساس تحلیل داده، تجربه کاربری و خلاقیت شکل میگیرد تا بهترین نتیجه
|
||
حاصل شود.
|
||
</p>
|
||
</div>
|
||
|
||
<!-- 4 ─ ساخت تجربههای ماندگار -->
|
||
<div class="goal-item">
|
||
<div class="goal-icon-wrap">
|
||
<!-- Smile / experience icon -->
|
||
<svg aria-hidden="true" width="48px" height="48px">
|
||
<use href="./src/assets/icons/portfolioP.svg#smile"></use>
|
||
</svg>
|
||
</div>
|
||
<h3 class="goal-item-title">ساخت تجربههای ماندگار</h3>
|
||
<p class="goal-item-desc">
|
||
ما تلاش میکنیم تجربههایی بسازیم که در ذهن مخاطبان ماندگار بماند و برند شما را از
|
||
رقبا متمایز کند.
|
||
</p>
|
||
</div>
|
||
|
||
<!-- 5 ─ همکاری بلندمدت با برندها -->
|
||
<div class="goal-item">
|
||
<div class="goal-icon-wrap">
|
||
<!-- Partners / users icon -->
|
||
<svg aria-hidden="true" width="48px" height="48px">
|
||
<use href="./src/assets/icons/portfolioP.svg#handshake"></use>
|
||
</svg>
|
||
</div>
|
||
<h3 class="goal-item-title">همکاری بلندمدت با برندها</h3>
|
||
<p class="goal-item-desc">
|
||
ما پروژهها را به چشم یک همکاری بلندمدت میبینیم و در کنار برندها برای رشد پایدار
|
||
آنها حرکت میکنیم.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ==================300پروژه موفق=============== -->
|
||
<section class="comments-section">
|
||
<div class="container">
|
||
<div class="comments-section-header">
|
||
<h2 class="comments-section-title">به جمع بیش از 300 پروژه موفق بپیوندید</h2>
|
||
|
||
<p class="comments-section-description">
|
||
کیفیت ما از زبان کارفرمایان شرکتهای بزرگ و کوچک موفق بشنوید
|
||
</p>
|
||
</div>
|
||
|
||
<div class="comments-box">
|
||
<div class="stats-container desktop1">
|
||
<div class="stat-box">
|
||
<span class="stat-number">1.5X</span>
|
||
<p>افزایش رشد/فروش</p>
|
||
</div>
|
||
|
||
<div class="stat-box">
|
||
<span class="stat-number">45+</span>
|
||
<p>تعداد مشتریان</p>
|
||
</div>
|
||
|
||
<div class="stat-box">
|
||
<span class="stat-number">92%</span>
|
||
<p>رضایت کارفرمایان</p>
|
||
</div>
|
||
|
||
<div class="stat-box">
|
||
<span class="stat-number">300+</span>
|
||
<p>پروژه موفق</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="mobile-stat">
|
||
<div class="mobile-content active">
|
||
<span id="mobileNumber">1.5X</span>
|
||
<p id="mobileText">افزایش رشد/فروش</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="scroll-logo">
|
||
<div class="logo-slider slider-right">
|
||
<div class="slider-track">
|
||
<div class="logo"><img src="./public/images/zarin.png" /></div>
|
||
<div class="logo"><img src="./public/images/hamkaran.png" /></div>
|
||
<div class="logo"><img src="./public/images/hesabdari.png" /></div>
|
||
<div class="logo"><img src="./public/images/ipka.png" /></div>
|
||
<div class="logo"><img src="./public/images/nil.png" /></div>
|
||
<div class="logo"><img src="./public/images/petboom.png" /></div>
|
||
<div class="logo"><img src="./public/images/sepidar.png" /></div>
|
||
<div class="logo"><img src="./public/images/snap.png" /></div>
|
||
<div class="logo"><img src="./public/images/zabanmehr (1).png" /></div>
|
||
<div class="logo"><img src="./public/images/zabanmehr (3).png" /></div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="logo-slider slider-left">
|
||
<div class="slider-track">
|
||
<div class="logo"><img src="./public/images/nil.png" /></div>
|
||
<div class="logo"><img src="./public/images/petboom.png" /></div>
|
||
<div class="logo"><img src="./public/images/sepidar.png" /></div>
|
||
<div class="logo"><img src="./public/images/zabanmehr (3).png" /></div>
|
||
<div class="logo"><img src="./public/images/zabanmehr (1).png" /></div>
|
||
<div class="logo"><img src="./public/images/hesabdari.png" /></div>
|
||
<div class="logo"><img src="./public/images/zarin.png" /></div>
|
||
<div class="logo"><img src="./public/images/hamkaran.png" /></div>
|
||
<div class="logo"><img src="./public/images/snap.png" /></div>
|
||
<div class="logo"><img src="./public/images/ipka.png" /></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="op-box">
|
||
<div class="op-card">
|
||
<div class="op-stars">
|
||
<svg aria-hidden="true" width="20px" height="20px">
|
||
<use href="./src/assets/icons/portfolioP.svg#half-star"></use>
|
||
</svg>
|
||
<svg aria-hidden="true" width="20px" height="20px">
|
||
<use href="./src/assets/icons/portfolioP.svg#full-star"></use>
|
||
</svg>
|
||
<svg aria-hidden="true" width="20px" height="20px">
|
||
<use href="./src/assets/icons/portfolioP.svg#full-star"></use>
|
||
</svg>
|
||
<svg aria-hidden="true" width="20px" height="20px">
|
||
<use href="./src/assets/icons/portfolioP.svg#full-star"></use>
|
||
</svg>
|
||
<svg aria-hidden="true" width="20px" height="20px">
|
||
<use href="./src/assets/icons/portfolioP.svg#full-star"></use>
|
||
</svg>
|
||
</div>
|
||
<p class="op-card-text">
|
||
تخصص در طراحی معماری نرمافزارهای مقیاسپذیر و توسعه سیستمهای پردازش دادههای
|
||
بزرگ.
|
||
</p>
|
||
|
||
<div class="op-user">
|
||
<div class="user-info">
|
||
<div class="avatar">
|
||
<img src="./public/images/prof.png" alt="" />
|
||
</div>
|
||
<div>
|
||
<p class="user-name">علیرضا رضایی</p>
|
||
<span class="user-txt"> مهندس ارشد نرمافزار در کافهبازار </span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="op-card">
|
||
<div class="op-stars">
|
||
<svg aria-hidden="true" width="20px" height="20px">
|
||
<use href="./src/assets/icons/portfolioP.svg#half-star"></use>
|
||
</svg>
|
||
<svg aria-hidden="true" width="20px" height="20px">
|
||
<use href="./src/assets/icons/portfolioP.svg#full-star"></use>
|
||
</svg>
|
||
<svg aria-hidden="true" width="20px" height="20px">
|
||
<use href="./src/assets/icons/portfolioP.svg#full-star"></use>
|
||
</svg>
|
||
<svg aria-hidden="true" width="20px" height="20px">
|
||
<use href="./src/assets/icons/portfolioP.svg#full-star"></use>
|
||
</svg>
|
||
<svg aria-hidden="true" width="20px" height="20px">
|
||
<use href="./src/assets/icons/portfolioP.svg#full-star"></use>
|
||
</svg>
|
||
</div>
|
||
<p class="op-card-text">
|
||
تخصص در طراحی معماری نرمافزارهای مقیاسپذیر و توسعه سیستمهای پردازش دادههای
|
||
بزرگ.
|
||
</p>
|
||
|
||
<div class="op-user">
|
||
<div class="user-info">
|
||
<div class="avatar">
|
||
<img src="./public/images/prof.png" alt="" />
|
||
</div>
|
||
<div>
|
||
<p class="user-name">علیرضا رضایی</p>
|
||
<span class="user-txt"> مهندس ارشد نرمافزار در کافهبازار </span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="op-card">
|
||
<div class="op-stars">
|
||
<svg aria-hidden="true" width="20px" height="20px">
|
||
<use href="./src/assets/icons/portfolioP.svg#half-star"></use>
|
||
</svg>
|
||
<svg aria-hidden="true" width="20px" height="20px">
|
||
<use href="./src/assets/icons/portfolioP.svg#full-star"></use>
|
||
</svg>
|
||
<svg aria-hidden="true" width="20px" height="20px">
|
||
<use href="./src/assets/icons/portfolioP.svg#full-star"></use>
|
||
</svg>
|
||
<svg aria-hidden="true" width="20px" height="20px">
|
||
<use href="./src/assets/icons/portfolioP.svg#full-star"></use>
|
||
</svg>
|
||
<svg aria-hidden="true" width="20px" height="20px">
|
||
<use href="./src/assets/icons/portfolioP.svg#full-star"></use>
|
||
</svg>
|
||
</div>
|
||
<p class="op-card-text">
|
||
تخصص در طراحی معماری نرمافزارهای مقیاسپذیر و توسعه سیستمهای پردازش دادههای
|
||
بزرگ.
|
||
</p>
|
||
|
||
<div class="op-user">
|
||
<div class="user-info">
|
||
<div class="avatar">
|
||
<img src="./public/images/prof.png" alt="" />
|
||
</div>
|
||
<div>
|
||
<p class="user-name">علیرضا رضایی</p>
|
||
<span class="user-txt"> مهندس ارشد نرمافزار در کافهبازار </span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="op-card">
|
||
<div class="op-stars">
|
||
<svg aria-hidden="true" width="20px" height="20px">
|
||
<use href="./src/assets/icons/portfolioP.svg#half-star"></use>
|
||
</svg>
|
||
<svg aria-hidden="true" width="20px" height="20px">
|
||
<use href="./src/assets/icons/portfolioP.svg#full-star"></use>
|
||
</svg>
|
||
<svg aria-hidden="true" width="20px" height="20px">
|
||
<use href="./src/assets/icons/portfolioP.svg#full-star"></use>
|
||
</svg>
|
||
<svg aria-hidden="true" width="20px" height="20px">
|
||
<use href="./src/assets/icons/portfolioP.svg#full-star"></use>
|
||
</svg>
|
||
<svg aria-hidden="true" width="20px" height="20px">
|
||
<use href="./src/assets/icons/portfolioP.svg#full-star"></use>
|
||
</svg>
|
||
</div>
|
||
<p class="op-card-text">
|
||
تخصص در طراحی معماری نرمافزارهای مقیاسپذیر و توسعه سیستمهای پردازش دادههای
|
||
بزرگ.
|
||
</p>
|
||
|
||
<div class="op-user">
|
||
<div class="user-info">
|
||
<div class="avatar">
|
||
<img src="./public/images/prof.png" alt="" />
|
||
</div>
|
||
<div>
|
||
<p class="user-name">علیرضا رضایی</p>
|
||
<span class="user-txt"> مهندس ارشد نرمافزار در کافهبازار </span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="op-card">
|
||
<div class="op-stars">
|
||
<svg aria-hidden="true" width="20px" height="20px">
|
||
<use href="./src/assets/icons/portfolioP.svg#half-star"></use>
|
||
</svg>
|
||
<svg aria-hidden="true" width="20px" height="20px">
|
||
<use href="./src/assets/icons/portfolioP.svg#full-star"></use>
|
||
</svg>
|
||
<svg aria-hidden="true" width="20px" height="20px">
|
||
<use href="./src/assets/icons/portfolioP.svg#full-star"></use>
|
||
</svg>
|
||
<svg aria-hidden="true" width="20px" height="20px">
|
||
<use href="./src/assets/icons/portfolioP.svg#full-star"></use>
|
||
</svg>
|
||
<svg aria-hidden="true" width="20px" height="20px">
|
||
<use href="./src/assets/icons/portfolioP.svg#full-star"></use>
|
||
</svg>
|
||
</div>
|
||
<p class="op-card-text">
|
||
تخصص در طراحی معماری نرمافزارهای مقیاسپذیر و توسعه سیستمهای پردازش دادههای
|
||
بزرگ.
|
||
</p>
|
||
|
||
<div class="op-user">
|
||
<div class="user-info">
|
||
<div class="avatar">
|
||
<img src="./public/images/prof.png" alt="" />
|
||
</div>
|
||
<div>
|
||
<p class="user-name">علیرضا رضایی</p>
|
||
<span class="user-txt"> مهندس ارشد نرمافزار در کافهبازار </span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="op-card">
|
||
<div class="op-stars">
|
||
<svg aria-hidden="true" width="20px" height="20px">
|
||
<use href="./src/assets/icons/portfolioP.svg#half-star"></use>
|
||
</svg>
|
||
<svg aria-hidden="true" width="20px" height="20px">
|
||
<use href="./src/assets/icons/portfolioP.svg#full-star"></use>
|
||
</svg>
|
||
<svg aria-hidden="true" width="20px" height="20px">
|
||
<use href="./src/assets/icons/portfolioP.svg#full-star"></use>
|
||
</svg>
|
||
<svg aria-hidden="true" width="20px" height="20px">
|
||
<use href="./src/assets/icons/portfolioP.svg#full-star"></use>
|
||
</svg>
|
||
<svg aria-hidden="true" width="20px" height="20px">
|
||
<use href="./src/assets/icons/portfolioP.svg#full-star"></use>
|
||
</svg>
|
||
</div>
|
||
<p class="op-card-text">
|
||
تخصص در طراحی معماری نرمافزارهای مقیاسپذیر و توسعه سیستمهای پردازش دادههای
|
||
بزرگ.
|
||
</p>
|
||
|
||
<div class="op-user">
|
||
<div class="user-info">
|
||
<div class="avatar">
|
||
<img src="./public/images/prof.png" alt="" />
|
||
</div>
|
||
<div>
|
||
<p class="user-name">علیرضا رضایی</p>
|
||
<span class="user-txt"> مهندس ارشد نرمافزار در کافهبازار </span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="op-card">
|
||
<div class="op-stars">
|
||
<svg aria-hidden="true" width="20px" height="20px">
|
||
<use href="./src/assets/icons/portfolioP.svg#half-star"></use>
|
||
</svg>
|
||
<svg aria-hidden="true" width="20px" height="20px">
|
||
<use href="./src/assets/icons/portfolioP.svg#full-star"></use>
|
||
</svg>
|
||
<svg aria-hidden="true" width="20px" height="20px">
|
||
<use href="./src/assets/icons/portfolioP.svg#full-star"></use>
|
||
</svg>
|
||
<svg aria-hidden="true" width="20px" height="20px">
|
||
<use href="./src/assets/icons/portfolioP.svg#full-star"></use>
|
||
</svg>
|
||
<svg aria-hidden="true" width="20px" height="20px">
|
||
<use href="./src/assets/icons/portfolioP.svg#full-star"></use>
|
||
</svg>
|
||
</div>
|
||
<p class="op-card-text">
|
||
تخصص در طراحی معماری نرمافزارهای مقیاسپذیر و توسعه سیستمهای پردازش دادههای
|
||
بزرگ.
|
||
</p>
|
||
|
||
<div class="op-user">
|
||
<div class="user-info">
|
||
<div class="avatar">
|
||
<img src="./public/images/prof.png" alt="" />
|
||
</div>
|
||
<div>
|
||
<p class="user-name">علیرضا رضایی</p>
|
||
<span class="user-txt"> مهندس ارشد نرمافزار در کافهبازار </span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="op-card">
|
||
<div class="op-stars">
|
||
<svg aria-hidden="true" width="20px" height="20px">
|
||
<use href="./src/assets/icons/portfolioP.svg#half-star"></use>
|
||
</svg>
|
||
<svg aria-hidden="true" width="20px" height="20px">
|
||
<use href="./src/assets/icons/portfolioP.svg#full-star"></use>
|
||
</svg>
|
||
<svg aria-hidden="true" width="20px" height="20px">
|
||
<use href="./src/assets/icons/portfolioP.svg#full-star"></use>
|
||
</svg>
|
||
<svg aria-hidden="true" width="20px" height="20px">
|
||
<use href="./src/assets/icons/portfolioP.svg#full-star"></use>
|
||
</svg>
|
||
<svg aria-hidden="true" width="20px" height="20px">
|
||
<use href="./src/assets/icons/portfolioP.svg#full-star"></use>
|
||
</svg>
|
||
</div>
|
||
<p class="op-card-text">
|
||
تخصص در طراحی معماری نرمافزارهای مقیاسپذیر و توسعه سیستمهای پردازش دادههای
|
||
بزرگ.
|
||
</p>
|
||
|
||
<div class="op-user">
|
||
<div class="user-info">
|
||
<div class="avatar">
|
||
<img src="./public/images/prof.png" alt="" />
|
||
</div>
|
||
<div>
|
||
<p class="user-name">علیرضا رضایی</p>
|
||
<span class="user-txt"> مهندس ارشد نرمافزار در کافهبازار </span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="op-pagination"></div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ================= عکس تیم ======================= -->
|
||
|
||
<section class="picteam-section" id="picteam">
|
||
<!-- ═══ DESKTOP ═══ -->
|
||
<div class="picteam-track-wrapper">
|
||
<div class="picteam-track" id="picteamTrack">
|
||
<!-- slides injected by JS -->
|
||
</div>
|
||
|
||
<button class="picteam-btn picteam-btn-prev" id="picteamPrev" aria-label="قبلی">
|
||
<svg aria-hidden="true" width="46" height="198">
|
||
<use href="./src/assets/icons/portfolioP.svg#right-prev"></use>
|
||
</svg>
|
||
</button>
|
||
<button class="picteam-btn picteam-btn-next" id="picteamNext" aria-label="بعدی">
|
||
<svg aria-hidden="true" width="46" height="198">
|
||
<use href="./src/assets/icons/portfolioP.svg#left-prev"></use>
|
||
</svg>
|
||
</button>
|
||
</div>
|
||
|
||
<!-- ═══ MOBILE ═══ -->
|
||
<div class="picteam-mobile-wrapper" id="picteamMobileWrapper">
|
||
<div class="picteam-mobile-track" id="picteamMobileTrack">
|
||
<!-- slides injected by JS -->
|
||
</div>
|
||
<div class="picteam-dots" id="picteamDots"></div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ================= معرفی تیم ======================= -->
|
||
<section class="team-section">
|
||
<div class="container">
|
||
<!-- ── Header ── -->
|
||
<div class="team-header">
|
||
<h2 class="team-main-title">تیمی به گسترهی ایران</h2>
|
||
<p class="team-main-desc">
|
||
«هر چه از شروع فعالیت اینوا گذشت، مجموعه بزرگتر شد و آدمهای متخصص و جدیدی بهمون
|
||
اضافه شدن. البته که توی این مسیر جای خالی دوستانی که ازمون جدا شدن، همیشه حس میشه و
|
||
یادشون به ماست. تیم اینوا دور هم جمع شدن و همین اتحاد از راه دور رمز اصلی موفقیت و
|
||
قدرت تیمی ما در اینواست.»
|
||
</p>
|
||
</div>
|
||
|
||
<!-- ── Leadership ── -->
|
||
<div class="team-group">
|
||
<div class="team-group-header">
|
||
<span class="team-group-dot"></span>
|
||
<h3 class="team-group-title">تیم راهبری اینوا</h3>
|
||
</div>
|
||
<div class="team-grid">
|
||
<div class="team-card">
|
||
<div class="team-card-photo">
|
||
<img src="./public/images/zndi.webp" alt="علیرضا زندی" />
|
||
</div>
|
||
<div class="team-card-info">
|
||
<h4 class="team-card-name">علیرضا زندی</h4>
|
||
<p class="team-card-role">مدیرعامل اینوا</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- ── Development ── -->
|
||
<div class="team-group">
|
||
<div class="team-group-header">
|
||
<span class="team-group-dot"></span>
|
||
<h3 class="team-group-title">تیم توسعه</h3>
|
||
</div>
|
||
<div class="team-grid">
|
||
<div class="team-card">
|
||
<div class="team-card-photo">
|
||
<img src="./public/images/mhsn.webp" alt="محسن" />
|
||
</div>
|
||
<div class="team-card-info">
|
||
<h4 class="team-card-name">محسن مجیدی</h4>
|
||
<p class="team-card-role">برنامه نویس ارشد بک اند</p>
|
||
</div>
|
||
</div>
|
||
<div class="team-card">
|
||
<div class="team-card-photo">
|
||
<img src="./public/images/azta.webp" alt="آریتا رحیمی" />
|
||
</div>
|
||
<div class="team-card-info">
|
||
<h4 class="team-card-name">آزیتا رحیمی</h4>
|
||
<p class="team-card-role">برنامه نویس فرانت</p>
|
||
</div>
|
||
</div>
|
||
<div class="team-card">
|
||
<div class="team-card-photo">
|
||
<img src="./public/images/armn.webp" alt="آرمان بزرگی" />
|
||
</div>
|
||
<div class="team-card-info">
|
||
<h4 class="team-card-name">آرمان بزرگی</h4>
|
||
<p class="team-card-role">پروداکت دیزاینر </p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- ── Video ── -->
|
||
<div class="team-group">
|
||
<div class="team-group-header">
|
||
<span class="team-group-dot"></span>
|
||
|
||
<h3 class="team-group-title">تیم ویدئو و دیزاین</h3>
|
||
</div>
|
||
<div class="team-grid">
|
||
<div class="team-card">
|
||
<div class="team-card-photo">
|
||
<img src="./public/images/mhdi.webp" alt="مهدی غلامی" />
|
||
</div>
|
||
<div class="team-card-info">
|
||
<h4 class="team-card-name">مهدی غلامی</h4>
|
||
<p class="team-card-role">فیلمبردار و تدوینگر</p>
|
||
</div>
|
||
</div>
|
||
<div class="team-card">
|
||
<div class="team-card-photo">
|
||
<img src="./public/images/ali.webp" alt="علی سید" />
|
||
</div>
|
||
<div class="team-card-info">
|
||
<h4 class="team-card-name">علی سید</h4>
|
||
<p class="team-card-role">فیلمبردار</p>
|
||
</div>
|
||
</div>
|
||
<div class="team-card">
|
||
<div class="team-card-photo">
|
||
<img src="./public/images/armsh.webp" alt="علی سید" />
|
||
</div>
|
||
<div class="team-card-info">
|
||
<h4 class="team-card-name">آرمان شاهولی</h4>
|
||
<p class="team-card-role">گرافیست ارشد</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- ── Editorial ── -->
|
||
<div class="team-group">
|
||
<div class="team-group-header">
|
||
<span class="team-group-dot"></span>
|
||
<h3 class="team-group-title">تحریریه اینوا</h3>
|
||
</div>
|
||
<div class="team-grid">
|
||
<div class="team-card">
|
||
<div class="team-card-photo">
|
||
<img src="./public/images/ftme.webp" alt="فاطمه محمد بیگی" />
|
||
</div>
|
||
<div class="team-card-info">
|
||
<h4 class="team-card-name">فاطمه محمد بیگی</h4>
|
||
<p class="team-card-role">کارشناس ارشد تولید محتوا</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- ── SEO ── -->
|
||
<div class="team-group">
|
||
<div class="team-group-header">
|
||
<span class="team-group-dot"></span>
|
||
<h3 class="team-group-title">سئو</h3>
|
||
</div>
|
||
<div class="team-grid">
|
||
<div class="team-card">
|
||
<div class="team-card-photo">
|
||
<img src="./public/images/mlka.webp" alt="ملیکا هلالی" />
|
||
</div>
|
||
<div class="team-card-info">
|
||
<h4 class="team-card-name">ملیکا هلالی</h4>
|
||
<p class="team-card-role">مسئول تیم سئو</p>
|
||
</div>
|
||
</div>
|
||
<div class="team-card">
|
||
<div class="team-card-photo">
|
||
<img src="./public/images/amr.webp" alt="امیرعلی ندائی" />
|
||
</div>
|
||
<div class="team-card-info">
|
||
<h4 class="team-card-name">امیرعلی ندائی</h4>
|
||
<p class="team-card-role">سئو</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- ── Financial & Legal ── -->
|
||
<div class="team-group">
|
||
<div class="team-group-header">
|
||
<span class="team-group-dot"></span>
|
||
<h3 class="team-group-title">امور مالی و حقوقی شرکت</h3>
|
||
</div>
|
||
<div class="team-grid">
|
||
<div class="team-card">
|
||
<div class="team-card-photo">
|
||
<img src="./public/images/mhmd.webp" alt="محمدعلی محفوظی" />
|
||
</div>
|
||
<div class="team-card-info">
|
||
<h4 class="team-card-name">محمدعلی محفوظی</h4>
|
||
<p class="team-card-role">حسابداری</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!-- =================زندگی در اینوا======================= -->
|
||
<section class="live-section">
|
||
<div class="container">
|
||
<div class="live-content">
|
||
<h2 class="live-title">زندگی در اینوا</h2>
|
||
|
||
<h3 class="live-subtitle">اینوا فراتر از یک میز کار؛ جایی برای زیستن</h3>
|
||
|
||
<p class="live-text">
|
||
ما توی اینوا باور داریم که تخصص و خلاقیت، فقط وقتی جوونه میزنه که حالِ دلمون خوب
|
||
باشه. برای همین، اینجا همهچیز توی کد زدن و جلسه خلاصه نمیشه؛ از گپ و گفتهای
|
||
رفاقتی کنار قهوه گرفته تا کلکلهای وسط بازی و تفریح، همهشون بخش جدانشدنیِ روزهای
|
||
ما هستن. راستش رو بخوای، ما فکر میکنیم همین انرژیِ مثبت و رفاقتهاست که موتور محرک
|
||
موفقیتهای تیمیه. دنیای پشت صحنهی اینوا پر از داستانهای باحال و تجربههاییه که
|
||
هویت ما رو میسازه. اگه دوست داری توی این لحظهها و حالِ خوب با ما شریک باشی،
|
||
اینستاگراممون رو دنبال کن.
|
||
</p>
|
||
|
||
<a href="#" class="live-button">
|
||
لحظات ما رو دنبال کنید
|
||
|
||
<svg aria-hidden="true" width="24" height="24">
|
||
<use href="./src/assets/icons/portfolioP.svg#insta3"></use>
|
||
</svg>
|
||
</a>
|
||
</div>
|
||
<div class="live-gallery">
|
||
<img
|
||
src="./public/images/liveinova.png"
|
||
alt="INOVA Lifestyle"
|
||
class="live-gallery-image"
|
||
/>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
</div>
|
||
</body>
|
||
</html>
|