351 lines
14 KiB
HTML
351 lines
14 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/footer.css" />
|
|
<link rel="stylesheet" href="./src/assets/css/footer-responsive.css" />
|
|
<script type="module" src="./src/assets/js/header.js" defer></script>
|
|
|
|
<title></title>
|
|
</head>
|
|
<body>
|
|
<div id="root">
|
|
<header class="header">
|
|
<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-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>
|
|
</header>
|
|
|
|
<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>
|