1261 lines
55 KiB
HTML
1261 lines
55 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/homepage.css" />
|
||
<link rel="stylesheet" href="./src/assets/css/homepage-responsive.css" />
|
||
<script type="module" src="./src/assets/js/homepage.js" defer></script>
|
||
|
||
<title></title>
|
||
</head>
|
||
<body>
|
||
<div id="root">
|
||
<!-- ================================هدر ===================== -->
|
||
<header class="header hero-header hero-header.sticky">
|
||
<div class="header-container">
|
||
<!-- Logo -->
|
||
<div class="header-logo">
|
||
<svg aria-hidden="true" width="150px" height="50px">
|
||
<use href="./src/assets/icons/portfolioP.svg#inova-logo-en"></use>
|
||
</svg>
|
||
</div>
|
||
<!-- Desktop Menu -->
|
||
<nav class="header-nav">
|
||
<ul class="header-menu">
|
||
<li><a href="">خدمات</a></li>
|
||
<li><a href="">نمونه کارها</a></li>
|
||
<li><a href="">درباره ما</a></li>
|
||
<li><a href="">تماس با ما</a></li>
|
||
</ul>
|
||
</nav>
|
||
|
||
<!-- Desktop number -->
|
||
<div class="header-left">
|
||
<a href="tel:+989121234567" class="header-phone">
|
||
<span>021-91096311</span>
|
||
<svg aria-hidden="true" width="24px" height="24px">
|
||
<use href="./src/assets/icons/portfolioP.svg#phone2"></use>
|
||
</svg>
|
||
</a>
|
||
|
||
<button class="header-user-btn" aria-label="User">
|
||
<svg aria-hidden="true" width="48px" height="48px">
|
||
<use href="./src/assets/icons/portfolioP.svg#profile-icon"></use>
|
||
</svg>
|
||
</button>
|
||
</div>
|
||
|
||
<!-- Mobile Hamburger -->
|
||
<button class="header-menu-toggle" aria-label="Open Menu">
|
||
<span></span>
|
||
<span></span>
|
||
<span></span>
|
||
</button>
|
||
</div>
|
||
|
||
<!-- Mobile Menu -->
|
||
<div class="header-mobile-menu">
|
||
<div class="header-mobile-back">
|
||
|
||
|
||
<div class="header-mobile-top">
|
||
<button class="header-mobile-close">
|
||
<svg aria-hidden="true" width="48px" height="48px">
|
||
<use href="./src/assets/icons/portfolioP.svg#closemenu"></use>
|
||
</svg>
|
||
</button>
|
||
|
||
<div class="header-mobile-logo">
|
||
<svg aria-hidden="true" width="48px" height="48px">
|
||
<use href="./src/assets/icons/portfolioP.svg#inova-logo3"></use>
|
||
</svg>
|
||
</div>
|
||
|
||
<button class="header-user-btn" aria-label="User">
|
||
<svg aria-hidden="true" width="48px" height="48px">
|
||
<use href="./src/assets/icons/portfolioP.svg#profile-icon"></use>
|
||
</svg>
|
||
</button>
|
||
</div>
|
||
|
||
<!-- Menu -->
|
||
|
||
<nav class="header-mobile-nav">
|
||
<a href="#">
|
||
<div class="header-mobile-nav-hover">
|
||
<svg class="menuicon phoneicon" aria-hidden="true" width="20px" height="20px">
|
||
<use href="./src/assets/icons/portfolioP.svg#housemenu"></use>
|
||
</svg>
|
||
|
||
<span class="header-mobile-item"> خانه </span>
|
||
</div>
|
||
|
||
<svg aria-hidden="true" width="20px" height="20px">
|
||
<use href="./src/assets/icons/portfolioP.svg#chevron-left"></use>
|
||
</svg>
|
||
</a>
|
||
|
||
<a href="#">
|
||
<div class="header-mobile-nav-hover">
|
||
<svg class="menuicon phoneicon" aria-hidden="true" width="20px" height="20px">
|
||
<use href="./src/assets/icons/portfolioP.svg#foldermenu"></use>
|
||
</svg>
|
||
|
||
<span class="header-mobile-item"> نمونه کارها </span>
|
||
</div>
|
||
|
||
<svg aria-hidden="true" width="20px" height="20px">
|
||
<use href="./src/assets/icons/portfolioP.svg#chevron-left"></use>
|
||
</svg>
|
||
</a>
|
||
|
||
<a href="#">
|
||
<div class="header-mobile-nav-hover">
|
||
<svg class="menuicon phoneicon" aria-hidden="true" width="20px" height="20px">
|
||
<use href="./src/assets/icons/portfolioP.svg#usermenu"></use>
|
||
</svg>
|
||
<span class="header-mobile-item"> درباره ما </span>
|
||
</div>
|
||
|
||
<svg aria-hidden="true" width="20px" height="20px">
|
||
<use href="./src/assets/icons/portfolioP.svg#chevron-left"></use>
|
||
</svg>
|
||
</a>
|
||
|
||
<a href="#">
|
||
<div class="header-mobile-nav-hover">
|
||
<svg class="menuicon phoneicon" aria-hidden="true" width="20px" height="24px">
|
||
<use href="./src/assets/icons/portfolioP.svg#phone3"></use>
|
||
</svg>
|
||
|
||
<span class="header-mobile-item"> تماس با ما </span>
|
||
</div>
|
||
|
||
<svg aria-hidden="true" width="20px" height="20px">
|
||
<use href="./src/assets/icons/portfolioP.svg#chevron-left"></use>
|
||
</svg>
|
||
</a>
|
||
</nav>
|
||
|
||
<!-- CTA -->
|
||
|
||
<a href="#" class="header-mobile-consultation"> درخواست مشاوره </a>
|
||
|
||
<!-- Footer -->
|
||
|
||
<div class="header-mobile-footer">
|
||
<a href="tel:+9891291096311" class="header-mobile-phone">
|
||
<svg aria-hidden="true" width="20px" height="20px">
|
||
<use href="./src/assets/icons/portfolioP.svg#headphone"></use>
|
||
</svg>
|
||
<span>021-91096311</span>
|
||
</a>
|
||
<div class="header-mobile-socials">
|
||
<div class="social-links">
|
||
<a href="" target="_blank">
|
||
<svg aria-hidden="true" width="32px" height="32px">
|
||
<use href="./src/assets/icons/portfolioP.svg#instagram1"></use>
|
||
</svg>
|
||
</a>
|
||
|
||
<a href="" target="_blank">
|
||
<svg aria-hidden="true" width="32px" height="32px">
|
||
<use href="./src/assets/icons/portfolioP.svg#telegram1"></use>
|
||
</svg>
|
||
</a>
|
||
|
||
<a href="" target="_blank">
|
||
<svg aria-hidden="true" width="32px" height="32px">
|
||
<use href="./src/assets/icons/portfolioP.svg#linkedin1"></use>
|
||
</svg>
|
||
</a>
|
||
|
||
<a href="" target="_blank">
|
||
<svg aria-hidden="true" width="32px" height="32px">
|
||
<use href="./src/assets/icons/portfolioP.svg#twitter1"></use>
|
||
</svg>
|
||
</a>
|
||
|
||
<a href="" target="_blank">
|
||
<svg aria-hidden="true" width="32px" height="32px">
|
||
<use href="./src/assets/icons/portfolioP.svg#youtube1"></use>
|
||
</svg>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</header>
|
||
|
||
<main>
|
||
<!-- ==================هیروسکشن====================== -->
|
||
<section class="hero-section" id="hero">
|
||
<div class="hero-pattern-background">
|
||
<svg class="hero-back" aria-hidden="true" width="698" height="161">
|
||
<use href="./src/assets/icons/portfolioP.svg#circule-back"></use>
|
||
</svg>
|
||
<div class="container">
|
||
<div class="hero-section-center">
|
||
<div class="hero-bg-word">INOVA</div>
|
||
|
||
<!-- Content -->
|
||
<div class="hero-content">
|
||
<div class="hero-content-first-line">
|
||
<h1 class="h-txt1">برند خود را با</h1>
|
||
|
||
<span class="scroll-text-hero">
|
||
<span class="words-wrapper">
|
||
<span class="word">خلاقیت</span>
|
||
<span class="word">نوآوری</span>
|
||
<span class="word">دیتامحوری</span>
|
||
</span>
|
||
</span>
|
||
</div>
|
||
|
||
<h1 class="h-txt2">در بازار شلوغ متمایز کنید!</h1>
|
||
|
||
<p>
|
||
اینوا جایی است که با ترکیب نوآوری، خلاقیت و دادهمحوری، به کسبوکارها کمک میکند
|
||
در مسیر رشد حرکت کنند.
|
||
</p>
|
||
|
||
<div class="hero-actions">
|
||
<a href="#" class="hero-btn-primary">
|
||
<span> درخواست جلسه مشاوره </span>
|
||
<svg aria-hidden="true" width="24" height="24">
|
||
<use href="./src/assets/icons/portfolioP.svg#phone"></use>
|
||
</svg>
|
||
</a>
|
||
|
||
<a href="#" class="hero-btn-secondary">
|
||
<span> مشاهده نمونه کارها </span>
|
||
<svg aria-hidden="true" width="24" height="24">
|
||
<use href="./src/assets/icons/portfolioP.svg#hero-eye-icon"></use>
|
||
</svg>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Chess Pieces -->
|
||
<div class="hero-section-pattern">
|
||
<img src="./public/images/bishp 1.png" class="piece piece-4" />
|
||
<img src="./public/images/images 1.png" class="piece piece-2" />
|
||
<img src="./public/images/king 1.png" class="piece piece-3" />
|
||
<img src="./public/images/soldier 1.png" class="piece piece-5" />
|
||
<img src="./public/images/soldier 2.png" class="piece piece-1" />
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ============= خدمات اینوا ==================== -->
|
||
<section class="service-section">
|
||
<div class="container-service-section">
|
||
<div class="service-box">
|
||
<div class="service-header">
|
||
<h2 class="service-heading">خدمات اینوا</h2>
|
||
<p class="service-tagline">راهکارهای بازاریابی برای رشد کسبوکار شما</p>
|
||
</div>
|
||
|
||
<div class="service-grid">
|
||
<div class="service-card">
|
||
<div class="service-content">
|
||
<div class="service-icon">
|
||
<svg aria-hidden="true" width="50" height="50">
|
||
<use href="./src/assets/icons/portfolioP.svg#khadamat1"></use>
|
||
</svg>
|
||
</div>
|
||
|
||
<div class="service-text">
|
||
<h3 class="service-title">خدمات برندینگ</h3>
|
||
<p class="service-description">طراحی و ساخت هویت منحصربهفرد</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="service-card">
|
||
<div class="service-content">
|
||
<div class="service-icon">
|
||
<svg aria-hidden="true" width="50" height="50">
|
||
<use href="./src/assets/icons/portfolioP.svg#khadamat2"></use>
|
||
</svg>
|
||
</div>
|
||
<div class="service-text">
|
||
<h3 class="service-title">کمپینهای تبلیغاتی</h3>
|
||
<p class="service-description">طراحی و اجرای کمپینهای خلاق برای رشد برند</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="service-card">
|
||
<div class="service-content">
|
||
<div class="service-icon">
|
||
<svg aria-hidden="true" width="50" height="50">
|
||
<use href="./src/assets/icons/portfolioP.svg#ai"></use>
|
||
</svg>
|
||
</div>
|
||
<div class="service-text">
|
||
<h3 class="service-title">هوش مصنوعی در بازاریابی و کسبوکار</h3>
|
||
<p class="service-description"> اتوماسیون فرآیندها و کمپینهای مبتنی بر Ai </p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="service-card">
|
||
<div class="service-content">
|
||
<div class="service-icon">
|
||
<svg aria-hidden="true" width="50" height="50">
|
||
<use href="./src/assets/icons/portfolioP.svg#khadamat3"></use>
|
||
</svg>
|
||
</div>
|
||
<div class="service-text">
|
||
<h3 class="service-title">خدمات طراحی و توسعه سایت</h3>
|
||
|
||
<p class="service-description">طراحی و توسعه وبسایتهای موثر و کاربردی</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
<div class="service-card">
|
||
<div class="service-content">
|
||
<div class="service-icon">
|
||
<svg aria-hidden="true" width="50" height="50">
|
||
<use href="./src/assets/icons/portfolioP.svg#khadamat5"></use>
|
||
</svg>
|
||
</div>
|
||
|
||
<div class="service-text">
|
||
<h3 class="service-title">تولید محتوا</h3>
|
||
<p class="service-description"> خلق محتوای خلاق، جذاب و ماندگار برای مخاطب </p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="service-card">
|
||
<div class="service-content">
|
||
<div class="service-icon">
|
||
<svg aria-hidden="true" width="50" height="50">
|
||
<use href="./src/assets/icons/portfolioP.svg#khadamat8"></use>
|
||
</svg>
|
||
</div>
|
||
<div class="service-text">
|
||
<h3 class="service-title">بهینهسازی حضور برند در گوگل و AI</h3>
|
||
<p class="service-description"> افزایش دیدهشدن در گوگل (SEO) و مدلهای Ai </p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
<div class="service-card">
|
||
<div class="service-content">
|
||
<div class="service-icon">
|
||
<svg aria-hidden="true" width="50" height="50">
|
||
<use href="./src/assets/icons/portfolioP.svg#khadamat7"></use>
|
||
</svg>
|
||
</div>
|
||
<div class="service-text">
|
||
<h3 class="service-title">شبکههای اجتماعی</h3>
|
||
<p class="service-description">مدیریت حرفهای و رشد هدفمند رسانهها</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="service-card">
|
||
<div class="service-content">
|
||
<div class="service-icon">
|
||
<svg aria-hidden="true" width="50" height="50">
|
||
<use href="./src/assets/icons/portfolioP.svg#khadamat6"></use>
|
||
</svg>
|
||
</div>
|
||
|
||
<div class="service-text">
|
||
<h3 class="service-title">برگزاری رویداد</h3>
|
||
<p class="service-description">برنامهریزی و اجرای رویدادهای اثرگذار</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="service-card">
|
||
<div class="service-content">
|
||
<div class="service-icon">
|
||
<svg aria-hidden="true" width="50" height="50">
|
||
<use href="./src/assets/icons/portfolioP.svg#khadamat9"></use>
|
||
</svg>
|
||
</div>
|
||
<div class="service-text">
|
||
<h3 class="service-title">خدمات مشاوره</h3>
|
||
<p class="service-description">ارائه استراتژی و راهکار برای رشد کسبوکار</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ======== جدیدترین نمونه کارها======== -->
|
||
<section class="related-section" data-related-section="projects">
|
||
<div class="container">
|
||
<div class="related-header">
|
||
<h2 class="related-title">جدیدترین نمونهکارها</h2>
|
||
|
||
<a href="" class="related-button">
|
||
<span>مشاهده همه پروژهها</span>
|
||
<svg aria-hidden="true" width="20" height="20">
|
||
<use href="./src/assets/icons/portfolioP.svg#arrow-left"></use>
|
||
</svg>
|
||
</a>
|
||
</div>
|
||
|
||
<div class="related-boxes">
|
||
<a class="related-card" href="">
|
||
<div class="related-image">
|
||
<div
|
||
data-type="video"
|
||
class="media-container"
|
||
data-src="./public/images/videotest.mp4"
|
||
></div>
|
||
|
||
<button class="play-btn" aria-label="play-video">
|
||
<svg class="progress-ring" width="22" height="22">
|
||
<circle class="progress-circle" cx="22" cy="22" r="11" />
|
||
</svg>
|
||
|
||
<svg class="play-icon icon-play" aria-hidden="true">
|
||
<use href="./src/assets/icons/portfolioP.svg#play-icon"></use>
|
||
</svg>
|
||
|
||
<svg class="play-icon icon-pause" aria-hidden="true">
|
||
<use href="./src/assets/icons/portfolioP.svg#pause-icon"></use>
|
||
</svg>
|
||
</button>
|
||
|
||
<div class="overlay-layer">
|
||
<div class="button-overlay">
|
||
<span class="date">23 آذر 1404</span>
|
||
|
||
<svg aria-hidden="true" height="24" width="24">
|
||
<use href="./src/assets/icons/portfolioP.svg#up-left-arr"></use>
|
||
</svg>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="related-content">
|
||
<h3>طراحی وبسایت حسابداری فرداد</h3>
|
||
<p>طراحی سایت | گیمیفیکیشن</p>
|
||
</div>
|
||
</a>
|
||
|
||
<a class="related-card" href="">
|
||
<div class="related-image">
|
||
<div
|
||
data-type="image"
|
||
class="media-container"
|
||
data-src="./public/images/2.png"
|
||
></div>
|
||
<button class="play-btn" aria-label="play-video">
|
||
<svg class="progress-ring" width="22" height="22">
|
||
<circle class="progress-circle" cx="22" cy="22" r="11" />
|
||
</svg>
|
||
|
||
<svg class="play-icon icon-play" aria-hidden="true">
|
||
<use href="./src/assets/icons/portfolioP.svg#play-icon"></use>
|
||
</svg>
|
||
|
||
<svg class="play-icon icon-pause" aria-hidden="true">
|
||
<use href="./src/assets/icons/portfolioP.svg#pause-icon"></use>
|
||
</svg>
|
||
</button>
|
||
<div class="overlay-layer">
|
||
<div class="button-overlay">
|
||
<span class="date">23 آذر 1404</span>
|
||
|
||
<svg aria-hidden="true" height="24" width="24">
|
||
<use href="./src/assets/icons/portfolioP.svg#up-left-arr"></use>
|
||
</svg>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="related-content">
|
||
<h3>طراحی وبسایت زبان مهر</h3>
|
||
<p>طراحی سایت | گیمیفیکیشن</p>
|
||
</div>
|
||
</a>
|
||
|
||
<a class="related-card" href="">
|
||
<div class="related-image">
|
||
<div
|
||
data-type="image"
|
||
class="media-container"
|
||
data-src="./public/images/1.png"
|
||
></div>
|
||
<button class="play-btn" aria-label="play-video">
|
||
<svg class="progress-ring" width="22" height="22">
|
||
<circle class="progress-circle" cx="22" cy="22" r="11" />
|
||
</svg>
|
||
|
||
<svg class="play-icon icon-play" aria-hidden="true">
|
||
<use href="./src/assets/icons/portfolioP.svg#play-icon"></use>
|
||
</svg>
|
||
|
||
<svg class="play-icon icon-pause" aria-hidden="true">
|
||
<use href="./src/assets/icons/portfolioP.svg#pause-icon"></use>
|
||
</svg>
|
||
</button>
|
||
<div class="overlay-layer">
|
||
<div class="button-overlay">
|
||
<span class="date">23 آذر 1404</span>
|
||
|
||
<svg aria-hidden="true" height="24" width="24">
|
||
<use href="./src/assets/icons/portfolioP.svg#up-left-arr"></use>
|
||
</svg>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="related-content">
|
||
<h3>طراحی صفحه گیمیفیکیشن زبان مهر</h3>
|
||
<p>طراحی سایت | گیمیفیکیشن</p>
|
||
</div>
|
||
</a>
|
||
|
||
<a class="related-card" href="">
|
||
<div class="related-image">
|
||
<div
|
||
data-type="video"
|
||
class="media-container"
|
||
data-src="./public/images/videotest.mp4"
|
||
></div>
|
||
|
||
<button class="play-btn" aria-label="play-video">
|
||
<svg class="progress-ring" width="22" height="22">
|
||
<circle class="progress-circle" cx="22" cy="22" r="11" />
|
||
</svg>
|
||
|
||
<svg class="play-icon icon-play" aria-hidden="true">
|
||
<use href="./src/assets/icons/portfolioP.svg#play-icon"></use>
|
||
</svg>
|
||
|
||
<svg class="play-icon icon-pause" aria-hidden="true">
|
||
<use href="./src/assets/icons/portfolioP.svg#pause-icon"></use>
|
||
</svg>
|
||
</button>
|
||
|
||
<div class="overlay-layer">
|
||
<div class="button-overlay">
|
||
<span class="date">23 آذر 1404</span>
|
||
|
||
<svg aria-hidden="true" height="24" width="24">
|
||
<use href="./src/assets/icons/portfolioP.svg#up-left-arr"></use>
|
||
</svg>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="related-content">
|
||
<h3>طراحی وبسایت حسابداری فرداد</h3>
|
||
<p>طراحی سایت | گیمیفیکیشن</p>
|
||
</div>
|
||
</a>
|
||
|
||
<a class="related-card" href="">
|
||
<div class="related-image">
|
||
<div
|
||
data-type="image"
|
||
class="media-container"
|
||
data-src="./public/images/2.png"
|
||
></div>
|
||
<button class="play-btn" aria-label="play-video">
|
||
<svg class="progress-ring" width="22" height="22">
|
||
<circle class="progress-circle" cx="22" cy="22" r="11" />
|
||
</svg>
|
||
|
||
<svg class="play-icon icon-play" aria-hidden="true">
|
||
<use href="./src/assets/icons/portfolioP.svg#play-icon"></use>
|
||
</svg>
|
||
|
||
<svg class="play-icon icon-pause" aria-hidden="true">
|
||
<use href="./src/assets/icons/portfolioP.svg#pause-icon"></use>
|
||
</svg>
|
||
</button>
|
||
<div class="overlay-layer">
|
||
<div class="button-overlay">
|
||
<span class="date">23 آذر 1404</span>
|
||
|
||
<svg aria-hidden="true" height="24" width="24">
|
||
<use href="./src/assets/icons/portfolioP.svg#up-left-arr"></use>
|
||
</svg>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="related-content">
|
||
<h3>طراحی وبسایت زبان مهر</h3>
|
||
<p>طراحی سایت | گیمیفیکیشن</p>
|
||
</div>
|
||
</a>
|
||
|
||
<a class="related-card" href="">
|
||
<div class="related-image">
|
||
<div
|
||
data-type="image"
|
||
class="media-container"
|
||
data-src="./public/images/1.png"
|
||
></div>
|
||
<button class="play-btn" aria-label="play-video">
|
||
<svg class="progress-ring" width="22" height="22">
|
||
<circle class="progress-circle" cx="22" cy="22" r="11" />
|
||
</svg>
|
||
|
||
<svg class="play-icon icon-play" aria-hidden="true">
|
||
<use href="./src/assets/icons/portfolioP.svg#play-icon"></use>
|
||
</svg>
|
||
|
||
<svg class="play-icon icon-pause" aria-hidden="true">
|
||
<use href="./src/assets/icons/portfolioP.svg#pause-icon"></use>
|
||
</svg>
|
||
</button>
|
||
<div class="overlay-layer">
|
||
<div class="button-overlay">
|
||
<span class="date">23 آذر 1404</span>
|
||
|
||
<svg aria-hidden="true" height="24" width="24">
|
||
<use href="./src/assets/icons/portfolioP.svg#up-left-arr"></use>
|
||
</svg>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="related-content">
|
||
<h3>طراحی صفحه گیمیفیکیشن زبان مهر</h3>
|
||
<p>طراحی سایت | گیمیفیکیشن</p>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
|
||
<div class="related-under-box reveal-top ">
|
||
<p class="related-under-p">
|
||
از بین <span> 100ها</span> پروژه مختلف کیفیت ما را حس کنید
|
||
</p>
|
||
|
||
<a href="" class="related-under-box-bottom">
|
||
<span> مشاهده همه نمونه کارها</span>
|
||
<svg aria-hidden="true" width="24" height="24">
|
||
<use href="./src/assets/icons/portfolioP.svg#arrow-left"></use>
|
||
</svg>
|
||
</a>
|
||
</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="consultation-section">
|
||
<div class="consultation-container">
|
||
<div class="consultation-box">
|
||
<h2 class="consultation-title">از ایدههایتان دست نکشید!</h2>
|
||
<h2 class="consultation-title-phone">وقت آن رسیده که ایدهتان جان بگیرد!</h2>
|
||
<p class="consultation-text">
|
||
ما در اینوا با تخصص، دیتا و دانش خود ایدههای خام شما رو صیقل میدهیم و به پروژههای
|
||
سودآور تبدیل میکنیم. همین امروز برای مشاوره اقدام کنید.
|
||
</p>
|
||
|
||
<a href="" class="consultation-btn"> درخواست جلسه مشاوره </a>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ================================درباره اینوا============================= -->
|
||
|
||
<section class="about-section">
|
||
<div class="container">
|
||
<div class="about-content">
|
||
<div class="content-wrapper">
|
||
<span class="badge"> درباره اینوا </span>
|
||
<h2>شرکت پردازشگران بینش ساز نگاه نو (اینوا)</h2>
|
||
<p>
|
||
داستان اینوا از یک دغدغه ساده شروع شد: عبور از مرزهای معمول بازاریابی. ما
|
||
نیامدهایم که فقط یک پروژه برایتان انجام دهیم؛ آمدهایم تا به عنوان بازوی خلاق
|
||
شما، ایدههای خامتان را صیقل بدهیم و آنها را به تجربههایی تبدیل کنیم که
|
||
مخاطبانتان عاشقش شوند.
|
||
</p>
|
||
<a href="#" class="about-btn">
|
||
<span>درباره ما</span>
|
||
<svg aria-hidden="true" width="24" height="24">
|
||
<use href="./src/assets/icons/portfolioP.svg#arrow-left"></use>
|
||
</svg>
|
||
</a>
|
||
</div>
|
||
|
||
<div class="video-wrapper">
|
||
<div class="video-thumbnail" id="videoThumbnail">
|
||
<img src="./public/images/thumb.png" 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>
|
||
</main>
|
||
|
||
<!-- =================================فوتر=================================== -->
|
||
<footer class="footer">
|
||
<div class="footer-bottom-line"></div>
|
||
<div class="container">
|
||
<div class="footer-cta">
|
||
<div class="footer-cta-content">
|
||
<img class="footer-imga" src="./public/images/Group.png" alt="footer" />
|
||
<img class="footer-imgb" src="./public/images/Ñëîé_10.png" alt="footer" />
|
||
<img class="footer-imgc" src="./public/images/Vector (1).png" alt="footer" />
|
||
<img class="footer-imgd" src="./public/images/Vector.png" alt="footer" />
|
||
<div class="footer-cta-txt">
|
||
<h2>برای شروع آمادهاید؟</h2>
|
||
<p>خلاقیت و نوآوری منتظر شماست. برای رشد برند خود اکنون اقدام کنید.</p>
|
||
</div>
|
||
|
||
<a href="/consultation" class="footer-cta-btn">
|
||
<span>درخواست جلسه مشاوره </span>
|
||
<svg aria-hidden="true" width="20px" height="24px">
|
||
<use href="./src/assets/icons/portfolioP.svg#phone"></use>
|
||
</svg>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="footer-container">
|
||
<div class="footer-column footer-one">
|
||
<svg aria-hidden="true" width="140px" height="60px">
|
||
<use href="./src/assets/icons/portfolioP.svg#inova-logo"></use>
|
||
</svg>
|
||
|
||
<p class="footer-column-txt">
|
||
آژانس بازاریابی اینوا، جایی برای هموار کردن مسیر رشد برند شما با استراتژیهای
|
||
نوآورانه و طراحیهای هوشمندانه است.
|
||
</p>
|
||
|
||
<div class="social-links">
|
||
<a href="" target="_blank">
|
||
<svg aria-hidden="true" width="32px" height="32px">
|
||
<use href="./src/assets/icons/portfolioP.svg#instagram"></use>
|
||
</svg>
|
||
</a>
|
||
|
||
<a href="" target="_blank">
|
||
<svg aria-hidden="true" width="32px" height="32px">
|
||
<use href="./src/assets/icons/portfolioP.svg#telegram"></use>
|
||
</svg>
|
||
</a>
|
||
|
||
<a href="" target="_blank">
|
||
<svg aria-hidden="true" width="32px" height="32px">
|
||
<use href="./src/assets/icons/portfolioP.svg#linkedin"></use>
|
||
</svg>
|
||
</a>
|
||
|
||
<a href="" target="_blank">
|
||
<svg aria-hidden="true" width="32px" height="32px">
|
||
<use href="./src/assets/icons/portfolioP.svg#twitter"></use>
|
||
</svg>
|
||
</a>
|
||
|
||
<a href="" target="_blank">
|
||
<svg aria-hidden="true" width="32px" height="32px">
|
||
<use href="./src/assets/icons/portfolioP.svg#youtube"></use>
|
||
</svg>
|
||
</a>
|
||
|
||
<a href="" target="_blank">
|
||
<svg aria-hidden="true" width="32px" height="32px">
|
||
<use href="./src/assets/icons/portfolioP.svg#aparat"></use>
|
||
</svg>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="footer-column footer-column-two">
|
||
<h3>ارتباط با ما</h3>
|
||
|
||
<ul>
|
||
<li class="footer-icon-two">
|
||
<svg aria-hidden="true" width="20px" height="24px">
|
||
<use href="./src/assets/icons/portfolioP.svg#phone"></use>
|
||
</svg>
|
||
<span>تلفن :</span>
|
||
<a href="tel:02191096311"> 91096311-021</a>
|
||
</li>
|
||
|
||
<li class="footer-icon-two">
|
||
<svg aria-hidden="true" width="20px" height="24px">
|
||
<use href="./src/assets/icons/portfolioP.svg#email"></use>
|
||
</svg>
|
||
<span>ایمیل:</span>
|
||
<a href="Info@inova-agency.net"> Info@inova-agency.net </a>
|
||
</li>
|
||
|
||
<li class="footer-icon-two">
|
||
<svg aria-hidden="true" width="20px" height="24px">
|
||
<use href="./src/assets/icons/portfolioP.svg#codeposti"></use>
|
||
</svg>
|
||
<div>کد پستی: 1518633969</div>
|
||
</li>
|
||
|
||
<li class="footer-icon-two">
|
||
<svg aria-hidden="true" width="20px" height="24px">
|
||
<use href="./src/assets/icons/portfolioP.svg#location"></use>
|
||
</svg>
|
||
<div>
|
||
تهران، بلوار نلسون ماندلا (جردن)، پایین تر از جهان کودک، خیابان ناوک، پلاک 12،
|
||
طبقه سوم، واحد 8
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="footer-column footer-column-three">
|
||
<h3>دسترسی های سریع</h3>
|
||
|
||
<ul>
|
||
<li><a href="">صفحه اصلی</a></li>
|
||
<li><a href="">نمونه کارها</a></li>
|
||
<li><a href="">درباره ما</a></li>
|
||
<li><a href="">تماس با ما</a></li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="footer-column footer-column-four">
|
||
<h3>مجوزها</h3>
|
||
|
||
<ul>
|
||
<li class="footer-icon-three">
|
||
<svg aria-hidden="true" width="30px" height="24px">
|
||
<use href="./src/assets/icons/portfolioP.svg#mojavez2"></use>
|
||
</svg>
|
||
<a href="" target="_blank"> دارای مجوز رسمی از نظام صنفی رایانهای </a>
|
||
</li>
|
||
|
||
<li class="footer-icon-three">
|
||
<svg aria-hidden="true" width="30px" height="24px">
|
||
<use href="./src/assets/icons/portfolioP.svg#mojavez3"></use>
|
||
</svg>
|
||
<a href="" target="_blank"> عضو انجمن صنفی کسبوکارهای اینترنتی </a>
|
||
</li>
|
||
|
||
<li class="footer-icon-three">
|
||
<img
|
||
class="ershad-logo"
|
||
src="./public/images/DigitalPublish 1.png"
|
||
alt="ershad"
|
||
/>
|
||
<a href="" target="_blank"> دارای مجوز نشر برخط از وزارت ارشاد اسلامی </a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="footer-bottom">
|
||
© کلیه حقوق مادی و معنوی این وبسایت متعلق به
|
||
<span>شرکت پردازشگران بینشساز نگاه نو</span>
|
||
میباشد
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
</div>
|
||
</body>
|
||
</html>
|