|
|
| خط ۷۰: |
خط ۷۰: |
| </div> | | </div> |
|
| |
|
| </div>
| |
| </div>
| |
| <html>
| |
| <div class="faraghaib-portal">
| |
| <section class="hero-section">
| |
| <div class="hero-content">
| |
| <h1 class="hero-title">خدمات جامع فراغیب</h1>
| |
| <p class="hero-subtitle">درگاه ورود به پروژهها، خدمات تخصصی فراغیب</p>
| |
| </div>
| |
| </section>
| |
|
| |
| <section class="video-section">
| |
| <div class="video-container-wrapper">
| |
| <div class="video-poster" id="videoPoster" onclick="playPortalVideo()">
| |
| <div class="play-btn">
| |
| <svg viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg>
| |
| </div>
| |
| <img src="https://dl.faraghaib.ir/bfa.png" alt="ویدیوی معرفی فراغیب">
| |
| </div>
| |
|
| |
| <video id="portalVideo" controls preload="none">
| |
| <source src="https://dl.faraghaib.ir/faraghaib.mp4" type="video/mp4">
| |
| مرورگر شما از پخش ویدیو پشتیبانی نمیکند.
| |
| </video>
| |
| </div>
| |
| </section>
| |
|
| |
| <section class="services-section">
| |
| <h2 class="section-title">خدمات فراغیب</h2>
| |
|
| |
| <div class="services-grid">
| |
| <a href="https://fa.faraghaib.ir/wiki/" class="service-card wiki-card">
| |
| <div class="card-icon">📚</div>
| |
| <h3>ویکی شخصی</h3>
| |
| <p>دانشنامه، یادداشتها و مستندات فنی من در حوزههای مختلف.</p>
| |
| </a>
| |
|
| |
| <div class="service-card">
| |
| <div class="card-icon">🏢</div>
| |
| <h3>ثبت شرکت</h3>
| |
| <p>انجام تمام مراحل ثبت شرکت و امور حقوقی مربوطه به صورت آنلاین.</p>
| |
| </div>
| |
|
| |
| <div class="service-card">
| |
| <div class="card-icon">🏷️</div>
| |
| <h3>ثبت برند</h3>
| |
| <p>تثبیت مالکیت معنوی، لوگو و نشان تجاری کسبوکار شما.</p>
| |
| </div>
| |
|
| |
| <div class="service-card">
| |
| <div class="card-icon">🖨️</div>
| |
| <h3>طراحی کارت ویزیت و تراکت</h3>
| |
| <p>طراحی هویت بصری، اقلام تبلیغاتی و فایلهای آماده چاپ.</p>
| |
| </div>
| |
|
| |
| <div class="service-card">
| |
| <div class="card-icon">📸</div>
| |
| <h3>چاپ عکس</h3>
| |
| <p>سفارش آنلاین چاپ تصاویر روی انواع کاغذهای عکاسی باکیفیت.</p>
| |
| </div>
| |
|
| |
| <div class="service-card">
| |
| <div class="card-icon">📶</div>
| |
| <h3>نماینده رسمی ایرانسل</h3>
| |
| <p>خدمات سیمکارت، مودم، بستههای اینترنتی و پشتیبانی رسمی.</p>
| |
| </div>
| |
|
| |
| <div class="service-card">
| |
| <div class="card-icon">🌐</div>
| |
| <h3>طراحی وبسایت</h3>
| |
| <p>توسعه سایتهای مدرن، ریسپانسیو و بهینهسازی شده برای گوگل.</p>
| |
| </div>
| |
|
| |
| <div class="service-card">
| |
| <div class="card-icon">✍️</div>
| |
| <h3>تولید محتوا</h3>
| |
| <p>تولید مقالات متنی، سناریونویسی و محتوای جذاب شبکههای اجتماعی.</p>
| |
| </div>
| |
|
| |
| <div class="service-card">
| |
| <div class="card-icon">⚡</div>
| |
| <h3>برندسازی</h3>
| |
| <p>ایجاد استراتژی هویت برند و رشد آگاهی از کسبوکار در بازار.</p>
| |
| </div>
| |
|
| |
| <div class="service-card">
| |
| <div class="card-icon">🔍</div>
| |
| <h3>تبلیغات در گوگل</h3>
| |
| <p>راهاندازی و مدیریت کمپینهای تبلیغاتی Google Ads جهت افزایش فروش.</p>
| |
| </div>
| |
|
| |
| <div class="service-card">
| |
| <div class="card-icon">🖥️</div>
| |
| <h3>کافینت آنلاین</h3>
| |
| <p>انجام کلیه خدمات اینترنتی، ثبتنامهای دولتی و دانشجویی به صورت غیرحضوری.</p>
| |
| </div>
| |
| </div>
| |
| </section>
| |
|
| |
| <footer class="portal-footer">
| |
| <div class="footer-container">
| |
| <div class="footer-right">
| |
| <p>© ۱۴۰۵ پورتال فراغیب. تمامی حقوق محفوظ است.</p>
| |
| </div>
| |
|
| |
| <div class="footer-left">
| |
| <div class="trust-badges">
| |
| <div class="badge-item" id="zarinpal-wrapper">
| |
| <a href="https://zarinpal.com" target="_blank" rel="nofollow">
| |
| <img src="https://cdn.zarinpal.com/brand/logo-zarinpal-icon.svg" alt="زرینپال">
| |
| </a>
| |
| </div>
| |
|
| |
| <div class="badge-item" id="enemad-wrapper">
| |
| <span>[محل کد اینماد]</span>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </footer>
| |
| </div>
| |
|
| |
| <style>
| |
| .faraghaib-portal {
| |
| color: #eef4ff;
| |
| padding: 0;
| |
| margin: 0;
| |
| direction: rtl;
| |
| text-align: right;
| |
| min-height: 100vh;
| |
| background:
| |
| radial-gradient(circle at 10% 8%, rgba(31, 111, 235, 0.38) 0%, transparent 34%),
| |
| radial-gradient(circle at 90% 18%, rgba(130, 80, 223, 0.32) 0%, transparent 36%),
| |
| radial-gradient(circle at 78% 84%, rgba(0, 184, 148, 0.25) 0%, transparent 34%),
| |
| radial-gradient(circle at 18% 78%, rgba(255, 140, 66, 0.18) 0%, transparent 32%),
| |
| linear-gradient(135deg, #080d1b 0%, #111936 48%, #071b22 100%);
| |
| background-attachment: fixed;
| |
| border-radius: 24px;
| |
| overflow: hidden;
| |
| }
| |
|
| |
| .hero-section {
| |
| padding: 72px 24px 32px;
| |
| display: flex;
| |
| justify-content: center;
| |
| align-items: center;
| |
| background: transparent;
| |
| }
| |
|
| |
| .hero-content {
| |
| width: 100%;
| |
| max-width: 860px;
| |
| text-align: center;
| |
| }
| |
|
| |
| .hero-title {
| |
| font-size: clamp(2rem, 4vw, 3.2rem);
| |
| font-weight: 800;
| |
| color: #ffffff;
| |
| margin: 0 0 16px;
| |
| line-height: 1.4;
| |
| }
| |
|
| |
| .hero-subtitle {
| |
| font-size: clamp(1rem, 2vw, 1.2rem);
| |
| color: #c8d3e6;
| |
| margin: 0;
| |
| line-height: 1.9;
| |
| }
| |
|
| |
| .video-section {
| |
| padding: 24px 24px 56px;
| |
| display: flex;
| |
| justify-content: center;
| |
| }
| |
|
| |
| .video-container-wrapper {
| |
| width: min(100%, 920px);
| |
| position: relative;
| |
| border-radius: 22px;
| |
| overflow: hidden;
| |
| background: rgba(10, 17, 35, 0.72);
| |
| border: 1px solid rgba(255, 255, 255, 0.12);
| |
| box-shadow: 0 20px 50px rgba(0, 0, 0, 0.35);
| |
| backdrop-filter: blur(10px);
| |
| -webkit-backdrop-filter: blur(10px);
| |
| aspect-ratio: 16 / 9;
| |
| }
| |
|
| |
| .video-container-wrapper video {
| |
| width: 100%;
| |
| height: 100%;
| |
| display: none;
| |
| object-fit: cover;
| |
| background: #000;
| |
| }
| |
|
| |
| .video-poster {
| |
| position: absolute;
| |
| inset: 0;
| |
| cursor: pointer;
| |
| z-index: 5;
| |
| display: flex;
| |
| align-items: center;
| |
| justify-content: center;
| |
| }
| |
|
| |
| .video-poster img {
| |
| width: 100%;
| |
| height: 100%;
| |
| object-fit: cover;
| |
| opacity: 0.72;
| |
| transition: opacity 0.3s ease;
| |
| }
| |
|
| |
| .video-poster:hover img {
| |
| opacity: 0.88;
| |
| }
| |
|
| |
| .play-btn {
| |
| position: absolute;
| |
| width: clamp(58px, 7vw, 78px);
| |
| height: clamp(58px, 7vw, 78px);
| |
| background: rgba(35, 134, 54, 0.92);
| |
| border-radius: 50%;
| |
| display: flex;
| |
| align-items: center;
| |
| justify-content: center;
| |
| z-index: 10;
| |
| transition: transform 0.3s ease, background 0.3s ease;
| |
| box-shadow: 0 0 24px rgba(0, 0, 0, 0.45);
| |
| }
| |
|
| |
| .play-btn svg {
| |
| width: 34px;
| |
| height: 34px;
| |
| fill: #fff;
| |
| margin-right: -4px;
| |
| }
| |
|
| |
| .video-poster:hover .play-btn {
| |
| transform: scale(1.08);
| |
| background: #2ea043;
| |
| }
| |
|
| |
| .services-section {
| |
| max-width: 1200px;
| |
| margin: 0 auto;
| |
| padding: 0 24px 80px;
| |
| }
| |
|
| |
| .section-title {
| |
| font-size: clamp(1.6rem, 3vw, 2.2rem);
| |
| font-weight: 800;
| |
| color: #ffffff;
| |
| margin: 0 0 36px;
| |
| text-align: center;
| |
| }
| |
|
| |
| .services-grid {
| |
| display: grid;
| |
| grid-template-columns: repeat(4, minmax(0, 1fr));
| |
| gap: clamp(12px, 1.8vw, 20px);
| |
| }
| |
|
| |
| .service-card {
| |
| background: rgba(13, 20, 39, 0.68);
| |
| border: 1px solid rgba(255, 255, 255, 0.14);
| |
| border-radius: 18px;
| |
| padding: clamp(16px, 2vw, 24px);
| |
| text-decoration: none;
| |
| color: #dce7f8;
| |
| transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
| |
| display: flex;
| |
| flex-direction: column;
| |
| min-height: clamp(170px, 20vw, 220px);
| |
| backdrop-filter: blur(10px);
| |
| -webkit-backdrop-filter: blur(10px);
| |
| }
| |
|
| |
| .service-card:hover {
| |
| transform: translateY(-5px);
| |
| border-color: #58a6ff;
| |
| box-shadow: 0 12px 30px rgba(0, 0, 0, 0.28);
| |
| }
| |
|
| |
| .wiki-card {
| |
| border-color: rgba(46, 160, 67, 0.7);
| |
| }
| |
|
| |
| .wiki-card:hover {
| |
| border-color: #2ea043;
| |
| }
| |
|
| |
| .card-icon {
| |
| font-size: clamp(1.7rem, 2.5vw, 2.2rem);
| |
| margin-bottom: 14px;
| |
| line-height: 1;
| |
| }
| |
|
| |
| .service-card h3 {
| |
| font-size: clamp(1rem, 1.6vw, 1.22rem);
| |
| font-weight: 700;
| |
| color: #ffffff;
| |
| margin: 0 0 10px;
| |
| line-height: 1.7;
| |
| }
| |
|
| |
| .service-card p {
| |
| font-size: clamp(0.88rem, 1.2vw, 0.96rem);
| |
| color: #c8d3e6;
| |
| line-height: 1.9;
| |
| margin: 0;
| |
| }
| |
|
| |
| .portal-footer {
| |
| border-top: 1px solid rgba(255, 255, 255, 0.1);
| |
| background: rgba(5, 9, 20, 0.62);
| |
| padding: 28px 24px;
| |
| backdrop-filter: blur(10px);
| |
| -webkit-backdrop-filter: blur(10px);
| |
| }
| |
|
| |
| .footer-container {
| |
| max-width: 1200px;
| |
| margin: 0 auto;
| |
| display: flex;
| |
| justify-content: space-between;
| |
| align-items: center;
| |
| gap: 16px;
| |
| }
| |
|
| |
| .footer-right p {
| |
| font-size: 0.92rem;
| |
| color: #c8d3e6;
| |
| margin: 0;
| |
| }
| |
|
| |
| .trust-badges {
| |
| display: flex;
| |
| align-items: center;
| |
| gap: 12px;
| |
| flex-wrap: wrap;
| |
| }
| |
|
| |
| .badge-item {
| |
| background: rgba(22, 27, 34, 0.75);
| |
| border: 1px solid rgba(255, 255, 255, 0.11);
| |
| padding: 8px 14px;
| |
| border-radius: 12px;
| |
| display: flex;
| |
| align-items: center;
| |
| justify-content: center;
| |
| min-height: 58px;
| |
| min-width: 78px;
| |
| }
| |
|
| |
| #zarinpal-wrapper img {
| |
| width: 45px;
| |
| height: 45px;
| |
| filter: grayscale(1) invert(1);
| |
| }
| |
|
| |
| #enemad-wrapper span {
| |
| color: #aeb9cb;
| |
| font-size: 11px;
| |
| }
| |
|
| |
| @media (max-width: 1024px) {
| |
| .services-grid {
| |
| grid-template-columns: repeat(2, minmax(0, 1fr));
| |
| }
| |
|
| |
| .hero-section {
| |
| padding-top: 60px;
| |
| }
| |
| }
| |
|
| |
| @media (max-width: 767px) {
| |
| .faraghaib-portal {
| |
| background-attachment: scroll;
| |
| border-radius: 18px;
| |
| }
| |
|
| |
| .hero-section {
| |
| padding: 48px 16px 24px;
| |
| }
| |
|
| |
| .video-section {
| |
| padding: 12px 16px 40px;
| |
| }
| |
|
| |
| .services-section {
| |
| padding: 0 16px 56px;
| |
| }
| |
|
| |
| .services-grid {
| |
| grid-template-columns: 1fr;
| |
| gap: 12px;
| |
| }
| |
|
| |
| .service-card,
| |
| .video-container-wrapper,
| |
| .portal-footer {
| |
| backdrop-filter: none;
| |
| -webkit-backdrop-filter: none;
| |
| }
| |
|
| |
| .service-card {
| |
| min-height: auto;
| |
| padding: 16px;
| |
| border-radius: 16px;
| |
| }
| |
|
| |
| .footer-container {
| |
| flex-direction: column-reverse;
| |
| text-align: center;
| |
| }
| |
|
| |
| .trust-badges {
| |
| justify-content: center;
| |
| }
| |
| }
| |
| </style>
| |
|
| |
| <script>
| |
| function playPortalVideo() {
| |
| var video = document.getElementById("portalVideo");
| |
| var poster = document.getElementById("videoPoster");
| |
|
| |
| poster.style.display = "none";
| |
| video.style.display = "block";
| |
| video.play();
| |
| }
| |
| </script>
| |
|
| |
|
| |
| </html>
| |
| {{صفحه اصلی/دسته بندی موضوعی}}
| |
| {{#seo: | | {{#seo: |
| |title= فراغیب | صفحه کسب و کار شما | | |title= فراغیب | صفحه کسب و کار شما |