پرش به محتوا

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

از فراغیب
→ تفاوت با ویرایش قدیمی‌تر
دیداریویکی‌متن
بدون خلاصۀ ویرایش
بدون خلاصۀ ویرایش
 
(۱۷ نسخهٔ میانیِ ایجادشده توسط همین کاربر نشان داده نشد)
خط ۱: خط ۱:
<div class="portal-welcome-box"
{{صفحه اصلی/عنوان}}
    style="
{{صفحه اصلی/ویدیو3}}
      direction: rtl;
{{صفحه اصلی/دسته بندی}}
      margin: 0 0 22px;
      overflow: hidden;
      color: #19324a;
      border: 1px solid #c9e0f4;
      border-radius: 18px;
      background:
        radial-gradient(circle at 10% 10%, rgba(255,255,255,.82) 0%, transparent 32%),
        linear-gradient(135deg, #eaf6ff 0%, #d7edff 52%, #edf8ff 100%);
      box-shadow: 0 8px 24px rgba(42, 91, 128, .14);
    ">


  <!-- نوار بالایی -->
  <div style="
    height: 6px;
    background: linear-gradient(90deg, #1677bd, #37a6d8, #6cc6ba);
  "></div>
  <div style="
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    padding: 28px 24px;
    text-align: center;
  ">
 
    <!-- محتوا -->
    <div style="max-width: 760px;">
      <h2 style="
        margin: 0 0 12px;
        padding: 0;
        color: #125b94;
        border: none;
        font-size: 190%;
        font-weight: 800;
        line-height: 1.55;
      ">
        به [[فراغیب]] خوش آمدید
      </h2>
      <p style="
        margin: 0 auto 12px;
        color: #294d69;
        font-size: 112%;
        line-height: 2;
      ">
        مدرسه مجاری برای کسب و کارها وابسته به
        [[گروه برنامه نویسی فراغیب|گروه برنامه نویسی فراغیب]]
        <span style="white-space: nowrap;"></span>
      </p>
      <div style="
        display: inline-block;
        margin-top: 4px;
        padding: 8px 16px;
        color: #155f83;
        border: 1px solid #b7dcea;
        border-radius: 999px;
        background: rgba(255, 255, 255, .62);
        font-size: 102%;
        font-weight: bold;
        line-height: 1.7;
      ">
        با [[فراغیب:فهرست مقالات|{{NUMBEROFARTICLES}} مقاله]] به زبان فارسی
      </div>
    </div>
  </div>
</div>
<html>
<html>
<div class="faraghaib-portal">
<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>
  <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>
</html>
{{صفحه اصلی/دسته بندی موضوعی}}
{{#seo:
{{#seo:
|title= فراغیب | صفحه کسب و کار شما
|title= فراغیب | مدرسه مجازی شما
|title_mode=append
|title_mode=append
|keywords=فراغیب,دانشنامه
|keywords=فراغیب,دانشنامه

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

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

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

خدمات فراغیب

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

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