admin/37048-vm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Aaaaaaaaa 2

Browse Source
This commit is contained in:
Flatlogic Bot 2025-12-08 14:31:09 +00:00
parent 41e2f42e41
commit f28a0493a0
2 changed files with 46 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
assets/css/custom.css
View File

@ -528,3 +528,39 @@
font-weight: 500;
}
/* --- Hero Video Section --- */
.hero-video-background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
z-index: -1; /* Changed from 1 to -1 */
}
.hero-video-background video {
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
object-fit: cover;
}
.hero-video-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 1;
}
.hero-section .container {
z-index: 2;
}

19
index.php
View File

@ -11,17 +11,18 @@ require_once 'db/config.php';
?>
<!-- Hero Section -->
<section class="hero-section vh-100 d-flex align-items-center">
<div class="video-background-wrapper">
<div class="video-overlay"></div>
<video playsinline="playsinline" autoplay="autoplay" muted="muted" loop="loop">
<source src="https://static.pexels.com/lib/videos/free-videos.mp4" type="video/mp4">
<section class="hero-section vh-100 d-flex justify-content-center align-items-center position-relative text-white text-center">
<div class="hero-video-background">
<video playsinline autoplay muted loop poster="assets/images/pexels/about-us-34942790.jpg">
<source src="https://videos.pexels.com/video-files/8065365/8065365-hd_1920_1080_25fps.mp4" type="video/mp4">
ویدیوی شما توسط مرورگر پشتیبانی نمی‌شود.
</video>
<div class="hero-video-overlay"></div>
</div>
<div class="container position-relative text-center">
<h1 class="display-3 hero-title" data-aos="zoom-in-out" data-aos-delay="100">اصالت در هر نگاه</h1>
<p class="lead fs-4 mb-4 hero-subtitle" data-aos="fade-up" data-aos-delay="300">محصولات چرمی دست‌دوز، آفریده برای ماندگاری.</p>
<a href="shop.php" class="btn btn-primary btn-lg" data-aos="fade-up" data-aos-delay="500">کاوش در مجموعه</a>
<div class="container position-relative">
<h1 class="display-3 fw-bold" data-aos="fade-down">اصالت در هر نگاه</h1>
<p class="lead fs-4 mb-4" data-aos="fade-up" data-aos-delay="200">محصولات چرمی دست‌دوز، آفریده برای ماندگاری.</p>
<a href="shop.php" class="btn btn-primary btn-lg" data-aos="fade-up" data-aos-delay="400">مشاهده محصولات</a>
</div>
</section>