پرش به محتوا

صفحهٔ اصلی - فراغیب

از فراغیب
→ تفاوت با ویرایش قدیمی‌تر
دیداریویکی‌متن
بدون خلاصۀ ویرایش
بدون خلاصۀ ویرایش
 
(۱۹ نسخهٔ میانیِ ایجادشده توسط همین کاربر نشان داده نشد)
خط ۱: خط ۱:
{{صفحه اصلی/عنوان}}
{{صفحه اصلی/ویدیو3}}
{{صفحه اصلی/دسته بندی}}
<html>
<html>
 
<a referrerpolicy='origin' target='_blank' href='https://trustseal.enamad.ir/?id=687037&Code=eVsgbI1qChlMKnFcfzSa5zWlNR79IALh'><img referrerpolicy='origin' src='https://trustseal.enamad.ir/logo.aspx?id=687037&Code=eVsgbI1qChlMKnFcfzSa5zWlNR79IALh' alt='' style='cursor:pointer' code='eVsgbI1qChlMKnFcfzSa5zWlNR79IALh'></a>
<div class="faraghaib-portal">
 
  <!-- Hero -->
  <section class="fg-hero-section">
    <div class="fg-hero-content">
      <h1 class="fg-hero-title">خدمات جامع فراغیب</h1>
      <p class="fg-hero-subtitle">
        درگاه ورود به پروژه‌ها، خدمات تخصصی و دنیای دیجیتال فراغیب
      </p>
    </div>
  </section>
 
  <!-- Video -->
  <section class="fg-video-section">
    <div class="fg-video-wrapper">
      <div class="fg-video-poster" id="fgVideoPoster" role="button" tabindex="0" aria-label="پخش ویدیوی معرفی فراغیب">
        <img
          src="https://dl.faraghaib.ir/bfa.png"
          alt="ویدیوی معرفی خدمات فراغیب"
          loading="eager"
        >
 
        <span class="fg-video-overlay"></span>
 
        <span class="fg-play-button" aria-hidden="true">
          <svg viewBox="0 0 24 24">
            <path d="M8 5v14l11-7z"></path>
          </svg>
        </span>
      </div>
 
      <video
        id="fgPortalVideo"
        controls
        preload="metadata"
        playsinline
      >
        <source src="https://dl.faraghaib.ir/faraghaib.mp4" type="video/mp4">
        مرورگر شما از پخش ویدیو پشتیبانی نمی‌کند.
      </video>
    </div>
  </section>
 
  <!-- Services -->
  <section class="fg-services-section">
    <div class="fg-section-heading">
      <span class="fg-section-label">خدمات و دسترسی‌ها</span>
      <h2>هرآنچه برای رشد کسب‌وکار نیاز دارید</h2>
    </div>
 
    <div class="fg-services-grid">
 
      <!-- Wiki -->
      <a class="fg-service-card fg-wiki-card" href="https://fa.faraghaib.ir/wiki/" target="_blank" rel="noopener">
        <div class="fg-card-icon">📚</div>
        <h3>ویکی شخصی</h3>
        <p>دانشنامه، یادداشت‌ها و مستندات شخصی و فنی فراغیب.</p>
        <span class="fg-card-arrow">←</span>
      </a>
 
      <!-- Online Cafe -->
      <div class="fg-service-card">
        <div class="fg-card-icon">🖥️</div>
        <h3>کافی‌نت آنلاین</h3>
        <p>انجام امور اینترنتی، ثبت‌نام‌ها و خدمات غیرحضوری با سرعت و دقت.</p>
      </div>
 
      <!-- Company Registration -->
      <div class="fg-service-card">
        <div class="fg-card-icon">🏢</div>
        <h3>ثبت شرکت</h3>
        <p>همراهی در مراحل ثبت شرکت و پیگیری امور اداری و حقوقی مرتبط.</p>
      </div>
 
      <!-- Brand Registration -->
      <div class="fg-service-card">
        <div class="fg-card-icon">🏷️</div>
        <h3>ثبت برند</h3>
        <p>ثبت نام و نشان تجاری برای حفاظت از هویت کسب‌وکار شما.</p>
      </div>
 
      <!-- Business Card -->
      <div class="fg-service-card">
        <div class="fg-card-icon">🎨</div>
        <h3>طراحی کارت ویزیت و تراکت</h3>
        <p>طراحی حرفه‌ای اقلام چاپی و تبلیغاتی متناسب با هویت برند شما.</p>
      </div>
 
      <!-- Photo Print -->
      <div class="fg-service-card">
        <div class="fg-card-icon">📸</div>
        <h3>چاپ عکس</h3>
        <p>سفارش چاپ تصاویر باکیفیت برای خاطرات، هدیه و کاربردهای حرفه‌ای.</p>
      </div>
 
      <!-- Irancell -->
      <div class="fg-service-card">
        <div class="fg-card-icon">📶</div>
        <h3>نماینده رسمی ایرانسل</h3>
        <p>ارائه خدمات سیم‌کارت، اینترنت، مودم و پشتیبانی محصولات ایرانسل.</p>
      </div>
 
      <!-- Website -->
      <div class="fg-service-card">
        <div class="fg-card-icon">🌐</div>
        <h3>طراحی وب‌سایت</h3>
        <p>طراحی وب‌سایت‌های مدرن، سریع، واکنش‌گرا و بهینه برای موتورهای جست‌وجو.</p>
      </div>
 
      <!-- Content -->
      <div class="fg-service-card">
        <div class="fg-card-icon">✍️</div>
        <h3>تولید محتوا</h3>
        <p>تولید محتوای متنی و خلاقانه برای سایت، بلاگ و شبکه‌های اجتماعی.</p>
      </div>
 
      <!-- Branding -->
      <div class="fg-service-card">
        <div class="fg-card-icon">✨</div>
        <h3>برندسازی</h3>
        <p>ساخت هویت یکپارچه، متمایز و قابل‌اعتماد برای کسب‌وکار شما.</p>
      </div>
 
      <!-- Google Ads -->
      <div class="fg-service-card">
        <div class="fg-card-icon">🔍</div>
        <h3>تبلیغات در گوگل</h3>
        <p>راه‌اندازی و مدیریت کمپین‌های هدفمند Google Ads برای افزایش فروش.</p>
      </div>
 
    </div>
  </section>
 
  <!-- Footer -->
  <footer class="fg-portal-footer">
    <div class="fg-footer-container">
 
      <div class="fg-footer-text">
        <strong>فراغیب</strong>
        <p>© ۱۴۰۵ پورتال فراغیب — تمامی حقوق محفوظ است.</p>
      </div>
 
      <div class="fg-trust-badges">
 
        <!-- Zarinpal -->
        <a
          class="fg-trust-badge fg-zarinpal-badge"
          href="https://www.zarinpal.com/"
          target="_blank"
          rel="nofollow noopener"
          aria-label="زرین‌پال"
        >
          <span class="fg-zarinpal-icon">Z</span>
          <span>زرین‌پال</span>
        </a>
 
        <!-- Enamad: Replace placeholder with official code -->
        <div class="fg-trust-badge fg-enamad-badge">
          <!-- کد رسمی اینماد را دقیقاً در این بخش قرار دهید -->
          <span>[کد رسمی اینماد را اینجا قرار دهید]</span>
        </div>
 
      </div>
    </div>
  </footer>
 
</div>
 
<style>
/* =========================================================
  Faraghaib Portal - Elementor HTML Widget
  فونت عمداً تعریف نشده تا فونت پیش‌فرض سایت استفاده شود.
========================================================= */
 
.faraghaib-portal {
  direction: rtl;
  text-align: right;
  color: #fff8f2;
  overflow: hidden;
  min-height: 100vh;
  border-radius: 24px;
  position: relative;
 
  /* پس‌زمینه گرم، ملایم و هماهنگ */
  background:
    radial-gradient(circle at 10% 8%, rgba(236, 143, 112, 0.28) 0%, transparent 33%),
    radial-gradient(circle at 90% 13%, rgba(205, 111, 137, 0.25) 0%, transparent 35%),
    radial-gradient(circle at 83% 83%, rgba(205, 150, 77, 0.22) 0%, transparent 34%),
    radial-gradient(circle at 16% 82%, rgba(171, 91, 78, 0.19) 0%, transparent 33%),
    radial-gradient(circle at 51% 48%, rgba(126, 71, 103, 0.16) 0%, transparent 40%),
    linear-gradient(135deg, #221719 0%, #352027 48%, #20171d 100%);
}
 
.faraghaib-portal *,
.faraghaib-portal *::before,
.faraghaib-portal *::after {
  box-sizing: border-box;
}
 
/* Hero */
.fg-hero-section {
  padding: clamp(54px, 8vw, 92px) 24px 28px;
  text-align: center;
}
 
.fg-hero-content {
  max-width: 900px;
  margin: 0 auto;
}
 
.fg-hero-title {
  margin: 0 0 14px;
  color: #fffaf6;
  font-size: clamp(2rem, 4.5vw, 3.5rem);
  font-weight: 800;
  line-height: 1.4;
  letter-spacing: -0.03em;
  text-shadow: 0 4px 25px rgba(0, 0, 0, 0.22);
}
 
.fg-hero-subtitle {
  max-width: 650px;
  margin: 0 auto;
  color: rgba(255, 239, 228, 0.82);
  font-size: clamp(0.98rem, 1.8vw, 1.18rem);
  line-height: 2;
}
 
/* Video */
.fg-video-section {
  display: flex;
  justify-content: center;
  padding: 22px 24px clamp(50px, 7vw, 76px);
}
 
.fg-video-wrapper {
  width: min(100%, 920px);
  aspect-ratio: 16 / 9;
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(255, 237, 222, 0.2);
  border-radius: 22px;
  background: #120d10;
  box-shadow: 0 22px 55px rgba(18, 7, 8, 0.45);
}
 
.fg-video-wrapper video {
  display: none;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background: #000;
}
 
.fg-video-poster {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  overflow: hidden;
}
 
.fg-video-poster img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.45s ease;
}
 
.fg-video-overlay {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(135deg, rgba(65, 25, 28, 0.34), rgba(38, 17, 25, 0.1)),
    rgba(0, 0, 0, 0.16);
  transition: background 0.3s ease;
}
 
.fg-video-poster:hover img {
  transform: scale(1.035);
}
 
.fg-video-poster:hover .fg-video-overlay {
  background: rgba(0, 0, 0, 0.1);
}
 
.fg-play-button {
  width: clamp(58px, 7vw, 80px);
  height: clamp(58px, 7vw, 80px);
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.42);
  border-radius: 50%;
  background: rgba(193, 103, 78, 0.94);
  box-shadow: 0 10px 30px rgba(30, 9, 8, 0.42);
  transition: transform 0.25s ease, background 0.25s ease;
}
 
.fg-play-button svg {
  width: 34px;
  height: 34px;
  margin-right: -4px;
  fill: #fff;
}
 
.fg-video-poster:hover .fg-play-button {
  background: #d4775a;
  transform: scale(1.1);
}
 
/* Services */
.fg-services-section {
  width: min(100%, 1240px);
  margin: 0 auto;
  padding: 0 24px clamp(54px, 7vw, 84px);
}
 
.fg-section-heading {
  margin-bottom: 30px;
  text-align: center;
}
 
.fg-section-label {
  display: inline-block;
  margin-bottom: 8px;
  color: #f3b69d;
  font-size: 0.9rem;
  font-weight: 700;
}
 
.fg-section-heading h2 {
  margin: 0;
  color: #fffaf5;
  font-size: clamp(1.45rem, 3vw, 2.2rem);
  font-weight: 800;
  line-height: 1.6;
}
 
.fg-services-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(12px, 1.8vw, 20px);
}
 
.fg-service-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: clamp(175px, 20vw, 220px);
  padding: clamp(16px, 2vw, 24px);
  overflow: hidden;
  color: #ffede3;
  border: 1px solid rgba(255, 234, 218, 0.14);
  border-radius: 18px;
  background: linear-gradient(
    145deg,
    rgba(75, 43, 49, 0.72),
    rgba(37, 24, 31, 0.66)
  );
  box-shadow: 0 10px 25px rgba(24, 8, 11, 0.14);
  text-decoration: none;
  transition:
    transform 0.25s ease,
    border-color 0.25s ease,
    background 0.25s ease,
    box-shadow 0.25s ease;
}
 
.fg-service-card::before {
  content: "";
  position: absolute;
  top: -45px;
  left: -35px;
  width: 110px;
  height: 110px;
  border-radius: 50%;
  background: rgba(241, 164, 123, 0.07);
  pointer-events: none;
}
 
.fg-service-card:hover {
  transform: translateY(-6px);
  border-color: rgba(243, 176, 137, 0.65);
  background: linear-gradient(
    145deg,
    rgba(93, 51, 54, 0.84),
    rgba(47, 26, 33, 0.78)
  );
  box-shadow: 0 18px 35px rgba(23, 6, 9, 0.28);
}
 
.fg-wiki-card {
  border-color: rgba(238, 161, 105, 0.58);
}
 
.fg-wiki-card:hover {
  border-color: #f0ad78;
}
 
.fg-card-icon {
  position: relative;
  z-index: 1;
  margin-bottom: 14px;
  font-size: clamp(1.7rem, 2.5vw, 2.25rem);
  line-height: 1;
}
 
.fg-service-card h3 {
  position: relative;
  z-index: 1;
  margin: 0 0 9px;
  color: #fffaf5;
  font-size: clamp(1rem, 1.6vw, 1.2rem);
  font-weight: 750;
  line-height: 1.7;
}
 
.fg-service-card p {
  position: relative;
  z-index: 1;
  margin: 0;
  color: rgba(255, 231, 217, 0.78);
  font-size: clamp(0.84rem, 1.2vw, 0.94rem);
  line-height: 1.9;
}
 
.fg-card-arrow {
  position: absolute;
  bottom: 17px;
  left: 18px;
  color: #f6bd9b;
  font-size: 1.25rem;
  font-weight: 700;
  opacity: 0;
  transform: translateX(7px);
  transition: opacity 0.25s ease, transform 0.25s ease;
}
 
.fg-wiki-card:hover .fg-card-arrow {
  opacity: 1;
  transform: translateX(0);
}
 
/* Footer */
.fg-portal-footer {
  padding: 26px 24px;
  border-top: 1px solid rgba(255, 234, 218, 0.12);
  background: rgba(27, 15, 20, 0.52);
}
 
.fg-footer-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  width: min(100%, 1200px);
  margin: 0 auto;
}
 
.fg-footer-text strong {
  color: #fff8f2;
  font-size: 1rem;
}
 
.fg-footer-text p {
  margin: 5px 0 0;
  color: rgba(255, 227, 212, 0.7);
  font-size: 0.86rem;
  line-height: 1.8;
}
 
.fg-trust-badges {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
 
.fg-trust-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  padding: 8px 13px;
  color: #ffeade;
  border: 1px solid rgba(255, 233, 218, 0.14);
  border-radius: 12px;
  background: rgba(80, 45, 47, 0.46);
  font-size: 0.8rem;
  text-decoration: none;
}
 
.fg-zarinpal-badge {
  gap: 7px;
  transition: border-color 0.25s ease, background 0.25s ease;
}
 
.fg-zarinpal-badge:hover {
  border-color: rgba(255, 200, 67, 0.7);
  background: rgba(121, 83, 44, 0.44);
}
 
.fg-zarinpal-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 27px;
  height: 27px;
  color: #3a2803;
  border-radius: 8px;
  background: #ffc83d;
  font-weight: 800;
  direction: ltr;
}
 
.fg-enamad-badge {
  min-width: 112px;
  color: rgba(255, 230, 214, 0.65);
  font-size: 0.68rem;
  text-align: center;
}
 
/* Tablet */
@media (max-width: 1024px) {
  .fg-services-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
 
/* Mobile */
@media (max-width: 767px) {
  .faraghaib-portal {
    border-radius: 18px;
  }
 
  .fg-hero-section {
    padding: 50px 16px 22px;
  }
 
  .fg-video-section {
    padding: 14px 16px 42px;
  }
 
  .fg-video-wrapper {
    border-radius: 16px;
  }
 
  .fg-services-section {
    padding: 0 16px 56px;
  }
 
  .fg-section-heading {
    margin-bottom: 22px;
  }
 
  .fg-services-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }
 
  .fg-service-card {
    min-height: auto;
    padding: 17px;
    border-radius: 16px;
  }
 
  .fg-card-arrow {
    opacity: 1;
    transform: none;
  }
 
  .fg-portal-footer {
    padding: 24px 16px;
  }
 
  .fg-footer-container {
    flex-direction: column-reverse;
    text-align: center;
  }
 
  .fg-trust-badges {
    justify-content: center;
  }
}
</style>
 
<script>
(function () {
  const poster = document.getElementById("fgVideoPoster");
  const video = document.getElementById("fgPortalVideo");
 
  function playPortalVideo() {
    if (!poster || !video) return;
 
    poster.style.display = "none";
    video.style.display = "block";
    video.play().catch(function () {
      /* اگر مرورگر پخش را محدود کند، کنترل‌های ویدیو همچنان در دسترس‌اند. */
    });
  }
 
  if (poster) {
    poster.addEventListener("click", playPortalVideo);
 
    poster.addEventListener("keydown", function (event) {
      if (event.key === "Enter" || event.key === " ") {
        event.preventDefault();
        playPortalVideo();
      }
    });
  }
})();
</script>
 




</html>
</html>
{{صفحه اصلی/دسته بندی موضوعی}}
{{#seo:
{{#seo:
|title= فراغیب | صفحه کسب و کار شما
|title= فراغیب | مدرسه مجازی شما
|title_mode=append
|title_mode=append
|keywords=فراغیب,دانشنامه
|keywords=فراغیب,دانشنامه

نسخهٔ کنونی تا ‏۱۰ اوت ۲۰۲۶، ساعت ۱۶:۱۹

به فراغیب خوش آمدید

مدرسه مجازی برای توسعه شخصی و مهارتی و کاری شما وابسته به گروه برنامه نویسی فراغیب

خدمات فراغیب

آموزشگاه دوره های آموزشی مشاغل موسیقی کتابخانه ویدیو عکس بازی سینما ورزش خبرگزاری اپلیکیشن کافی نت کاریابی اینستاگرام کانال های اجتماعی

برگرفته از «https://fa.faraghaib.ir/w/index.php?title=صفحهٔ_اصلی&oldid=6204»