RoshanPaudel/prabin-poudel-frontend-
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
Roshan476
2025-12-28 10:23:22 +05:45
parent 5512e0e8ed
commit 9ad039d147
19 changed files with 408 additions and 374 deletions
Download Patch File Download Diff File Expand all files Collapse all files

73
about.php
View File

@@ -1,6 +1,6 @@
<?php include("header.php") ?> <?php include("header.php") ?>
<!-- Page Title --> <!-- Page Title -->
<section class="page-title" style="background-image: url(assets/images/background/bg-3.jpg);"> <section class="page-title" style="background-image: url(assets/images/background/image.png);">
<div class="auto-container"> <div class="auto-container">
<h1>About</h1> <h1>About</h1>
<div class="text"> <div class="text">
@@ -72,8 +72,8 @@ As a managing director of the companies I am a true leader who inspire my team t
</div> </div>
</section> </section>
<!-- services Section --> <!-- certificate Section -->
<section class="services-section"> <!-- <section class="services-section">
<div class="auto-container"> <div class="auto-container">
<div class="sec-title text-center"> <div class="sec-title text-center">
<div class="sub-title">Certifications & Achievements</div> <div class="sub-title">Certifications & Achievements</div>
@@ -111,9 +111,72 @@ As a managing director of the companies I am a true leader who inspire my team t
</div> </div>
</div> </div>
</section> -->
<section class="testimonials-section-two">
<div class="auto-container">
<div class="sec-title text-center">
<div class="sub-title">Certifications & Achievements</div>
<h2>Certified expertise you can trust.</h2>
</div>
<div class="theme_carousel owl-theme owl-carousel" data-options='{"loop": true, "margin": 40, "autoheight":true, "lazyload":true, "nav": true, "dots": true, "autoplay": true, "autoplayTimeout": 6000, "smartSpeed": 1000, "responsive":{ "0" :{ "items": "1" }, "600" :{ "items" : "1" }, "768" :{ "items" : "2" } , "992":{ "items" : "2" }, "1200":{ "items" : "3" }}}'>
<div class="testimonial-block-two">
<div class="inner-box">
<div class="venture-card">
<a href="assets/images/resource/certificate.png" class="lightbox-image" data-fancybox="gallery">
<img src="assets/images/resource/certificate.png" alt="Venture 4">
</a>
</div>
</div>
</div>
<div class="testimonial-block-two">
<div class="inner-box">
<div class="venture-card">
<a href="assets/images/resource/certificate.png" class="lightbox-image" data-fancybox="gallery">
<img src="assets/images/resource/certificate.png" alt="Venture 3">
</a>
</div>
</div>
</div>
<div class="testimonial-block-two">
<div class="inner-box">
<div class="venture-card">
<a href="assets/images/resource/certificate.png" class="lightbox-image" data-fancybox="gallery">
<img src="assets/images/resource/certificate.png" alt="Venture 1">
</a>
</div>
</div>
</div>
<div class="testimonial-block-two">
<div class="inner-box">
<div class="venture-card">
<a href="assets/images/resource/certificate.png" class="lightbox-image" data-fancybox="gallery">
<img src="assets/images/resource/certificate.png" alt="Venture 2">
</a>
</div>
</div>
</div>
</div>
</div>
</section> </section>
<!-- video --> <!-- video -->
<!-- Video Section --> <!-- Video Section -->
<section class="video-section"> <section class="video-section">

2
article-detail.php
View File

@@ -1,6 +1,6 @@
<?php include("header.php") ?> <?php include("header.php") ?>
<!-- Page Title --> <!-- Page Title -->
<section class="page-title style-two" style="background-image: url(assets/images/background/bg-4.jpg);"> <section class="page-title style-two" style="background-image: url(assets/images/background/image.png);">
<div class="auto-container"> <div class="auto-container">
<h1>Including animation in your <br> design system</h1> <h1>Including animation in your <br> design system</h1>
<div class="text">By Eva Green - October 13, 2020</div> <div class="text">By Eva Green - October 13, 2020</div>

16
article-list.php
View File

@@ -1,7 +1,7 @@
<?php include("header.php") ?> <?php include("header.php") ?>
<!-- Page Title --> <!-- Page Title -->
<section class="page-title" style="background-image: url(assets/images/background/bg-3.jpg);"> <section class="page-title" style="background-image: url(assets/images/background/image.png);">
<div class="auto-container"> <div class="auto-container">
<h1>Article List</h1> <h1>Article List</h1>
<div class="text">Explore my educational articles</div> <div class="text">Explore my educational articles</div>
@@ -15,13 +15,13 @@
<div class="col-lg-8"> <div class="col-lg-8">
<div class="news-block-one gallery-item"> <div class="news-block-one gallery-item">
<div class="inner-box"> <div class="inner-box">
<div class="image col-md-6"><a href="blog-details.html"> <div class="image col-md-6"><a href="article-detail.php">
<img src="assets/images/resource/img3.jpg" alt=""></a> <img src="assets/images/resource/img3.jpg" alt=""></a>
</div> </div>
<div class="lower-content col-md-6"> <div class="lower-content col-md-6">
<h4><a href="article-detail.php">Including animation in your design system</a></h4> <h4><a href="article-detail.php">Including animation in your design system</a></h4>
<div class="text">Lorem ipsum dolor sit amet consectur adip sed eiusmod tempor.</div> <div class="text">Lorem ipsum dolor sit amet consectur adip sed eiusmod tempor.</div>
<div class="link-btn"><a href="blog-details.html" class="theme-btn btn-style-one style-two"><span> Learn More</span></a></div> <div class="link-btn"><a href="article-detail.php" class="theme-btn btn-style-one style-two"><span> Learn More</span></a></div>
</div> </div>
</div> </div>
</div> </div>
@@ -29,9 +29,9 @@
<div class="inner-box"> <div class="inner-box">
<div class="image col-md-6"><a href="article-detail.php"><img src="assets/images/resource/img1.jpg" alt=""></a></div> <div class="image col-md-6"><a href="article-detail.php"><img src="assets/images/resource/img1.jpg" alt=""></a></div>
<div class="lower-content col-md-6"> <div class="lower-content col-md-6">
<h4><a href="blog-details.html">Including animation in your design system</a></h4> <h4><a href="article-detail.php">Including animation in your design system</a></h4>
<div class="text">Lorem ipsum dolor sit amet consectur adip sed eiusmod tempor.</div> <div class="text">Lorem ipsum dolor sit amet consectur adip sed eiusmod tempor.</div>
<div class="link-btn"><a href="blog-details.html" class="theme-btn btn-style-one style-two"><span> Learn More</span></a></div> <div class="link-btn"><a href="article-detail.php" class="theme-btn btn-style-one style-two"><span> Learn More</span></a></div>
</div> </div>
</div> </div>
</div> </div>
@@ -39,9 +39,9 @@
<div class="inner-box"> <div class="inner-box">
<div class="image col-md-6"><a href="article-detail.php"><img src="assets/images/resource/abt.jpg" alt=""></a></div> <div class="image col-md-6"><a href="article-detail.php"><img src="assets/images/resource/abt.jpg" alt=""></a></div>
<div class="lower-content col-md-6"> <div class="lower-content col-md-6">
<h4><a href="blog-details.html">Including animation in your design system</a></h4> <h4><a href="article-detail.php">Including animation in your design system</a></h4>
<div class="text">Lorem ipsum dolor sit amet consectur adip sed eiusmod tempor.</div> <div class="text">Lorem ipsum dolor sit amet consectur adip sed eiusmod tempor.</div>
<div class="link-btn"><a href="blog-details.html" class="theme-btn btn-style-one style-two"><span> Learn More</span></a></div> <div class="link-btn"><a href="article-detail.php" class="theme-btn btn-style-one style-two"><span> Learn More</span></a></div>
</div> </div>
</div> </div>
</div> </div>
@@ -96,7 +96,7 @@
<!-- Offer widget --> <!-- Offer widget -->
<div class="offer-widget"> <div class="offer-widget">
<div class="image"><img src="assets/images/resource/abt.jpg" alt=""></div> <div class="image"><img src="assets/images/resource/image-12.jpg" alt=""></div>
<h3>Feel <br> Free To<br> Message Me</h3> <h3>Feel <br> Free To<br> Message Me</h3>
<div class="link-btn contact-btn1"><a href="contact.php" class="theme-btn btn-style-one style-two"><span> Click Here</span></a></div> <div class="link-btn contact-btn1"><a href="contact.php" class="theme-btn btn-style-one style-two"><span> Click Here</span></a></div>
</div> </div>

48
assets/css/responsive.css
View File

@@ -153,6 +153,7 @@
visibility:hidden; visibility:hidden;
opacity:0; opacity:0;
} }
} }
@media only screen and (max-width: 767px){ @media only screen and (max-width: 767px){
@@ -173,7 +174,7 @@
width: 100%; width: 100%;
} }
.sec-title h2 { .sec-title h2 {
font-size: 40px; font-size: 26px;
line-height: 50px; line-height: 50px;
} }
.footer-bottom .content { .footer-bottom .content {
@@ -299,6 +300,51 @@
} }
@media only screen and (max-width: 350px) { @media only screen and (max-width: 350px) {
}
@media (min-width: 768px) and (max-width: 1024px) {
.banner-section-two .content-box .image img {
height: 500px;
position: relative;
margin-top: 230px;
object-fit: cover;
}
.banner-section-two .video-box,.banner-section-two .contact-number {
display: none;
}
.banner-section-two .content-box .image-wrapper {
display: block;
}
.about-us-section {
margin-bottom: 80px;
}
.mySwiper-video .swiper-slide {
width: 232.667px !important;
}
}
@media (max-width: 576px) {
.venture-card {
height: 220px;
}
.mySwiper-video .swiper-slide {
width: 100% !important;
}
}
@media (min-width: 768px) {
.venture-card {
height: 260px;
}
}
@media (min-width: 992px) {
.venture-card {
height: 300px;
}
} }

109
assets/css/style.css
View File

@@ -2716,7 +2716,7 @@ a{
.testimonials-section { .testimonials-section {
position: relative; position: relative;
padding: 0px 0 120px; /* padding: 0px 0 120px; */
/* background-color: #e9f7f2; */ /* background-color: #e9f7f2; */
} }
.testimonials-section.about{ .testimonials-section.about{
@@ -4803,6 +4803,10 @@ gap: 8px;
background-color: #e5f8f1; background-color: #e5f8f1;
border-radius: 10px; border-radius: 10px;
} }
.contact-form-section.popupp{
padding: 0px !important;
}
.contact-form-section .contact-form { .contact-form-section .contact-form {
position: relative; position: relative;
@@ -5624,15 +5628,37 @@ gap: 8px;
.mobile-menu .nav-logo img { .mobile-menu .nav-logo img {
max-width: 175px; max-width: 175px;
} }
.modal-header .btn-close {
padding: 0px !important;
}
.modal-header {
background-color: whitesmoke;
}
.modal-dialog-scrollable .modal-body {
background-color: #e5f8f1;
padding: 0px !important;
}
.modal-header .btn-close {
color:white;
}
.modal-header {
justify-content: flex-end;
}
/* raffle video */ /* raffle video */
.mySwiper-video { .mySwiper-video {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
.modal-header{
padding: 10px 10px !important;
}
.modal-header button i{
font-size: 21px;
}
.mySwiper-video .swiper-slide { .mySwiper-video .swiper-slide {
width: 376.667px !important;
text-align: center; text-align: center;
font-size: 18px; font-size: 18px;
/* background: #fff; */ /* background: #fff; */
@@ -5660,11 +5686,12 @@ gap: 8px;
.video-container { .video-container {
position: relative; position: relative;
width: 100%; width: 100%;
height: 500%; height: 400px;
overflow: hidden; overflow: hidden;
border-radius: 10px; border-radius: 10px;
cursor: pointer; cursor: pointer;
border-radius: 30px; aspect-ratio: 16 / 9; /* same as most videos */
} }
.contact-btn1{ .contact-btn1{
position: absolute !important; position: absolute !important;
@@ -5711,10 +5738,11 @@ gap: 8px;
.video-container video { .video-container video {
width: 100%; width: 100%;
height: 100%; height: 100%;
object-fit: cover; object-fit: contain;
border-radius: 30px; border-radius: 30px;
border: 2px solid var(--primary-color1); border: 2px solid var(--primary-color1);
} object-position: center;
}
.video-section.rafflee{ .video-section.rafflee{
/* padding: 40px !important; */ /* padding: 40px !important; */
@@ -5748,3 +5776,72 @@ gap: 8px;
border-radius: 30px; border-radius: 30px;
} }
/* venture */
/* Section */
.ventures-section {
padding: 80px 0;
background: #e9f7f2;
}
.ventures-container {
max-width: 1200px;
margin: auto;
padding: 0 15px;
}
/* Header */
.ventures-header {
margin-bottom: 50px;
}
.ventures-subtitle {
display: block;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 2px;
color: #ff6600;
margin-bottom: 10px;
}
.ventures-title {
font-size: 36px;
font-weight: 700;
color: #222;
}
/* Card */
.venture-card {
width: 100%;
height: 280px;
background: #fff;
border-radius: 12px;
padding: 30px;
text-align: center;
box-shadow: 0 10px 25px rgba(0,0,0,0.08);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.venture-card img {
width: 100%;
height: 100%;
object-fit: contain; /* Keeps aspect ratio, no compression */
object-position: center;
display: block;
}
.venture-card:hover {
transform: translateY(-10px);
box-shadow: 0 20px 35px rgba(0,0,0,0.12);
}
/* Swiper Controls */
.swiper-button-next,
.swiper-button-prev {
color: #ff6600;
}
.swiper-pagination-bullet {
background: #ff6600;
}

BIN
assets/images/background/image.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 952 KiB

32
assets/js/venture.js Normal file
View File

@@ -0,0 +1,32 @@
new Swiper(".ventures-swiper", {
slidesPerView: 4,
spaceBetween: 30,
loop: true,
autoplay: {
delay: 2500,
disableOnInteraction: false,
},
pagination: {
el: ".swiper-pagination",
clickable: true,
},
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
breakpoints: {
0: {
slidesPerView: 1,
},
576: {
slidesPerView: 2,
},
992: {
slidesPerView: 3,
},
1200: {
slidesPerView: 4,
}
}
});

12
blog-detail.php
View File

@@ -1,6 +1,6 @@
<?php include("header.php") ?> <?php include("header.php") ?>
<!-- Page Title --> <!-- Page Title -->
<section class="page-title style-two" style="background-image: url(assets/images/background/bg-4.jpg);"> <section class="page-title style-two" style="background-image: url(assets/images/background/image.png);">
<div class="auto-container"> <div class="auto-container">
<h1>Including animation in your <br> design system</h1> <h1>Including animation in your <br> design system</h1>
<div class="text">By Eva Green - October 13, 2020</div> <div class="text">By Eva Green - October 13, 2020</div>
@@ -59,19 +59,19 @@
<div class="news-post"> <div class="news-post">
<div class="post-thumb"><a href="blog-detail.php"><img src="assets/images/resource/abt.jpg" alt=""></a></div> <div class="post-thumb"><a href="blog-detail.php"><img src="assets/images/resource/abt.jpg" alt=""></a></div>
<div class="date">April 18, 2020</div> <div class="date">April 18, 2020</div>
<h4><a href="blog-details.html">Consequntur eos magni dolore. </a></h4> <h4><a href="blog-detail.php">Consequntur eos magni dolore. </a></h4>
</div> </div>
<!--News Post--> <!--News Post-->
<div class="news-post"> <div class="news-post">
<div class="post-thumb"><a href="blog-details.html"><img src="assets/images/resource/abt.jpg" alt=""></a></div> <div class="post-thumb"><a href="blog-detail.php"><img src="assets/images/resource/abt.jpg" alt=""></a></div>
<div class="date">April 18, 2020</div> <div class="date">April 18, 2020</div>
<h4><a href="blog-details.html">Magni dolore qui ratione seque.</a></h4> <h4><a href="blog-detail.php">Magni dolore qui ratione seque.</a></h4>
</div> </div>
<!--News Post--> <!--News Post-->
<div class="news-post"> <div class="news-post">
<div class="post-thumb"><a href="blog-details.html"><img src="assets/images/resource/abt.jpg" alt=""></a></div> <div class="post-thumb"><a href="blog-detail.php"><img src="assets/images/resource/abt.jpg" alt=""></a></div>
<div class="date">April 18, 2020</div> <div class="date">April 18, 2020</div>
<h4><a href="blog-details.html">Raton magni sed dolore eos.</a></h4> <h4><a href="blog-detail.php">Raton magni sed dolore eos.</a></h4>
</div> </div>
</div> </div>
</div> </div>

3
blog-list.php
View File

@@ -1,7 +1,6 @@
<?php include("header.php") ?> <?php include("header.php") ?>
<!-- Page Title --> <!-- Page Title -->
<section class="page-title" style="background-image: url(assets/images/background/bg-3.jpg);"> <section class="page-title" style="background-image: url(assets/images/background/image.png);">
<div class="auto-container"> <div class="auto-container">
<h1>Blog List</h1> <h1>Blog List</h1>
<div class="text">Explore my favourate blogs</div> <div class="text">Explore my favourate blogs</div>

2
contact.php
View File

@@ -1,6 +1,6 @@
<?php include("header.php") ?> <?php include("header.php") ?>
<!-- Page Title --> <!-- Page Title -->
<section class="page-title" style="background-image: url(assets/images/background/bg-3.jpg);"> <section class="page-title" style="background-image: url(assets/images/background/image.png);">
<div class="auto-container"> <div class="auto-container">
<h1>Contact Us</h1> <h1>Contact Us</h1>
<div class="text">Treating Customers Like Family Since 2008</div> <div class="text">Treating Customers Like Family Since 2008</div>

17
footer.php
View File

@@ -6,7 +6,7 @@
<div class="col-lg-4 col-md-4"> <div class="col-lg-4 col-md-4">
<div class="widget about-widget"> <div class="widget about-widget">
<h4 class="widget_title">About Me.</h4> <h4 class="widget_title">About Me.</h4>
<div class="text">I am an Overseas Education Advisor with experience supporting students in planning and applying for overseas education.</div> <div class="text">An experienced Overseas Education Advisor, specializing in supporting students with planning and applying for overseas education.</div>
<div class="copyright"><a href="index.php">Prabin</a> © 2025 All Right Reserved</div> <div class="copyright"><a href="index.php">Prabin</a> © 2025 All Right Reserved</div>
</div> </div>
</div> </div>
@@ -15,10 +15,10 @@
<h4 class="widget_title">Usefull Link</h4> <h4 class="widget_title">Usefull Link</h4>
<div class="widget-content"> <div class="widget-content">
<ul class="list"> <ul class="list">
<li><a href="#">About</a></li> <li><a href="./about.php">About</a></li>
<li><a href="#">Article</a></li> <li><a href="./article-list.php">Article</a></li>
<li><a href="#">Our Blog </a></li> <li><a href="blog-list.php">Our Blog </a></li>
<li><a href="#">Contact Us</a></li> <li><a href="./contact.php">Contact Us</a></li>
</ul> </ul>
</div> </div>
</div> </div>
@@ -74,7 +74,9 @@
<div class="modal-header"> <div class="modal-header">
<!-- <h5 class="modal-title">Get In Touch</h5> --> <!-- <h5 class="modal-title">Get In Touch</h5> -->
<button type="button" class="btn-close" data-bs-dismiss="modal"></button> <button type="button" class="btn-close1" data-bs-dismiss="modal">
<i class="fa-solid fa-xmark"></i>
</button>
</div> </div>
<div class="modal-body"> <div class="modal-body">
@@ -86,7 +88,7 @@
<div class="col-lg-"> <div class="col-lg-">
<!-- Contact form section --> <!-- Contact form section -->
<section class="contact-form-section"> <section class="contact-form-section popupp">
<div class="auto-container"> <div class="auto-container">
<div class="sec-title text-center"> <div class="sec-title text-center">
<h2>Lets Get In<span>Touch</span> </h2> <h2>Lets Get In<span>Touch</span> </h2>
@@ -162,6 +164,7 @@
<script src="assets/js/pagination.js"></script> <script src="assets/js/pagination.js"></script>
<script src="assets/js/video.js"></script> <script src="assets/js/video.js"></script>
<script src="assets/js/raffle-video.js"></script> <script src="assets/js/raffle-video.js"></script>
<script src="assets/js/venture.js"></script>
</body> </body>
<!-- Mirrored from html.tonatheme.com/2020/Pestico/index.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 24 Dec 2025 06:15:19 GMT --> <!-- Mirrored from html.tonatheme.com/2020/Pestico/index.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 24 Dec 2025 06:15:19 GMT -->

4
home-parts/hero-section.php
View File

@@ -1,11 +1,11 @@
<!-- Bnner Section --> <!-- Bnner Section -->
<section class="banner-section-two"> <section class="banner-section-two">
<div class="sec-bg" style="background-image: url(assets/images/main-slider/shape-1.png);"></div> <div class="sec-bg" style="background-image: url(assets/images/main-slider/shape-1.png); height: 706px;"></div>
<div class="shape-one"></div> <div class="shape-one"></div>
<div class="content-outer"> <div class="content-outer">
<div class="content-box"> <div class="content-box">
<div class="col-md-6 inner"> <div class="col-md-6 inner">
<h1>You Trusted<br>Study Abroad Advisor</h1> <h1>Your Trusted<br>Study Abroad Advisor</h1>
<div class="text"> <div class="text">
A dedicated study abroad counsellor committed to guiding students toward the right academic pathways and global opportunities with clarity and confidence. A dedicated study abroad counsellor committed to guiding students toward the right academic pathways and global opportunities with clarity and confidence.
</div> </div>

2
home-parts/raffle-video.php
View File

@@ -1,5 +1,5 @@
<section class="video-section rafflee"> <section class="video-section rafflee">
<div class="container"> <div class="auto-container">
<div class="sec-title text-center"> <div class="sec-title text-center">
<div class="sub-title">Videos</div> <div class="sub-title">Videos</div>

65
home-parts/venture-list.php Normal file
View File

@@ -0,0 +1,65 @@
<!-- Venture Section Two -->
<section class="testimonials-section-two">
<div class="auto-container">
<div class="sec-title text-center">
<div class="sub-title">Business Ventures</div>
<h2>Some of My Business Ventures</h2>
</div>
<div class="theme_carousel owl-theme owl-carousel" data-options='{"loop": true, "margin": 40, "autoheight":true, "lazyload":true, "nav": true, "dots": true, "autoplay": true, "autoplayTimeout": 6000, "smartSpeed": 1000, "responsive":{ "0" :{ "items": "1" }, "600" :{ "items" : "1" }, "768" :{ "items" : "2" } , "992":{ "items" : "2" }, "1200":{ "items" : "3" }}}'>
<div class="testimonial-block-two">
<div class="inner-box">
<div class="venture-card">
<a href="assets/images/resource/venture4.png" class="lightbox-image" data-fancybox="gallery">
<img src="assets/images/resource/venture4.png" alt="Venture 4">
</a>
</div>
</div>
</div>
<div class="testimonial-block-two">
<div class="inner-box">
<div class="venture-card">
<a href="assets/images/resource/venture3.png" class="lightbox-image" data-fancybox="gallery">
<img src="assets/images/resource/venture3.png" alt="Venture 3">
</a>
</div>
</div>
</div>
<div class="testimonial-block-two">
<div class="inner-box">
<div class="venture-card">
<a href="assets/images/resource/venture1.png"" class="lightbox-image" data-fancybox="gallery">
<img src="assets/images/resource/venture1.png" alt="Venture 1">
</a>
</div>
</div>
</div>
<div class="testimonial-block-two">
<div class="inner-box">
<div class="venture-card">
<a href="assets/images/resource/venture2.png" class="lightbox-image" data-fancybox="gallery">
<img src="assets/images/resource/venture2.png" alt="Venture 2">
</a>
</div>
</div>
</div>
</div>
</div>
</section>

84
home-parts/venture.php
View File

@@ -1,41 +1,47 @@
<!-- Business Ventures Section -->
<section class="ventures-section">
<div class="ventures-container">
<!-- services Section --> <div class="ventures-header text-center">
<section class="services-section"> <span class="ventures-subtitle">Business Ventures</span>
<div class="auto-container"> <h2 class="ventures-title">Some of My Business Ventures</h2>
<div class="sec-title text-center">
<div class="sub-title">Business ventures</div>
<h2>Here are my some business ventures.</h2>
</div>
<div class="wrapper-box">
<div class="row">
<div class="col-lg-3 col-md-6 service-block-one">
<div class="inner-box wow fadeInDown" data-wow-duration="1500ms">
<img src="assets/images/resource/venture1.png" alt="">
</div>
</div>
<div class="col-lg-3 col-md-6 service-block-one">
<div class="inner-box wow fadeInDown" data-wow-duration="1500ms">
<img src="assets/images/resource/venture2.png" alt="">
</div>
</div>
<div class="col-lg-3 col-md-6 service-block-one">
<div class="inner-box wow fadeInDown" data-wow-duration="1500ms">
<img src="assets/images/resource/venture3.png" alt="">
</div>
</div>
<div class="col-lg-3 col-md-6 service-block-one">
<div class="inner-box wow fadeInDown" data-wow-duration="1500ms">
<img src="assets/images/resource/venture4.png" alt="">
</div>
</div>
</div>
</div>
</div> </div>
</section>
<!-- Swiper -->
<div class="swiper ventures-swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="venture-card">
<img src="assets/images/resource/venture1.png" alt="Venture 1">
</div>
</div>
<div class="swiper-slide">
<div class="venture-card">
<img src="assets/images/resource/venture2.png" alt="Venture 2">
</div>
</div>
<div class="swiper-slide">
<div class="venture-card">
<img src="assets/images/resource/venture3.png" alt="Venture 3">
</div>
</div>
<div class="swiper-slide">
<div class="venture-card">
<img src="assets/images/resource/venture4.png" alt="Venture 4">
</div>
</div>
</div>
<!-- Controls -->
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
<div class="swiper-pagination"></div>
</div>
</div>
</section>

15
image.php
View File

@@ -1,6 +1,6 @@
<?php include("header.php") ?> <?php include("header.php") ?>
<!-- Page Title --> <!-- Page Title -->
<section class="page-title" style="background-image: url(assets/images/background/bg-3.jpg);"> <section class="page-title" style="background-image: url(assets/images/background/image.png);">
<div class="auto-container"> <div class="auto-container">
<h1>Images</h1> <h1>Images</h1>
<div class="text">My Memorable Clicks</div> <div class="text">My Memorable Clicks</div>
@@ -57,6 +57,19 @@
</div> </div>
<!-- gallery Block --> <!-- gallery Block -->
<div class="col-lg-4 col-md-6 gallery-block gallery-item masonry-item all cat-2">
<div class="inner-box">
<div class="image"><img src="assets/images/resource/img3.jpg" alt=""></div>
<div class="overlay">
<div class="zoom-btn">
<a href="assets/images/resource/img3.jpg" class="lightbox-image" data-fancybox="gallery">
<img src="assets/images/icons/icon-5.png" alt="">
</a>
</div>
</div>
</div>
</div>
<!-- gallery Block -->
<div class="col-lg-4 col-md-6 gallery-block gallery-item masonry-item all cat-2"> <div class="col-lg-4 col-md-6 gallery-block gallery-item masonry-item all cat-2">
<div class="inner-box"> <div class="inner-box">
<div class="image"><img src="assets/images/resource/img3.jpg" alt=""></div> <div class="image"><img src="assets/images/resource/img3.jpg" alt=""></div>

6
index.php
View File

@@ -2,14 +2,14 @@
<?php include("./home-parts/hero-section.php")?> <?php include("./home-parts/hero-section.php")?>
<?php include("./home-parts/about.php")?> <?php include("./home-parts/about.php")?>
<?php include("./home-parts/fun-facts.php")?> <?php include("./home-parts/fun-facts.php")?>
<?php include("./home-parts/article.php")?>
<?php include("./home-parts/blog-list.php")?>
<?php include("./home-parts/video.php")?> <?php include("./home-parts/video.php")?>
<?php include("./home-parts/venture-list.php")?>
<?php include("./home-parts/article.php")?>
<?php include("./home-parts/cta.php")?> <?php include("./home-parts/cta.php")?>
<?php include("./home-parts/testimonial.php")?> <?php include("./home-parts/testimonial.php")?>
<?php include("./home-parts/raffle-video.php")?> <?php include("./home-parts/raffle-video.php")?>
<?php include("./home-parts/contact.php")?> <?php include("./home-parts/contact.php")?>
<?php include("./home-parts/gallery.php")?> <?php include("./home-parts/gallery.php")?>
<?php include("./home-parts/venture.php")?> <?php include("./home-parts/blog-list.php")?>
<?php include("./home-parts/contact-form.php")?> <?php include("./home-parts/contact-form.php")?>
<?php include("footer.php")?> <?php include("footer.php")?>

290
video.html
View File

@@ -1,290 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Cost Calculator</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.css" />
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
/* .video-section{
padding: 40px;
} */
/* testimonial video */
.mySwiper-video {
width: 80%;
height: 100%;
}
.mySwiper-video .swiper-slide {
text-align: center;
font-size: 18px;
/* background: #fff; */
display: flex;
justify-content: center;
align-items: center;
/* margin-right: 10px !important; */
}
.mySwiper-video .swiper-button-next::after,
.mySwiper-video .swiper-button-prev::after {
color: #1856A6 !important;
font-size: 20px !important;
font-weight: bold;
padding: 10px 15px;
background-color: rgba(255, 255, 255, 0.37);
border-radius: 100%;
}
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
bottom: -9px !important;
}
.video-container {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
border-radius: 10px;
cursor: pointer;
border-radius: 30px;
}
.video-container .text {
position: absolute;
bottom: 40px;
left: 0;
background-color: white;
padding: 20px 20px;
border-radius: 30px;
margin: 0 5px;
width: 97%;
}
.video-container .text p {
color: #A259FF;
}
.video-container .name {
position: absolute;
bottom: 0;
left: 0;
background-color: white;
display: flex;
justify-content: space-between;
padding: 20px 20px;
border-radius: 0 0 30px 30px;
border-top: 1px solid #483286;
margin: 0 5px;
width: 97%;
}
.video-container .name h4 {
color: #A259FF;
}
.video-container video {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 30px;
}
.play-button {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 30px;
color: #A259FF;
background: rgb(255, 255, 255);
border-radius: 50%;
width: 70px;
height: 70px;
display: flex;
align-items: center;
justify-content: center;
transition: opacity 0.3s ease-in-out;
}
.video-container:hover .play-button,
.video-container:hover .text {
opacity: 0;
/* Hide play button on hover */
}
.video-container:hover .name {
border: 0;
border-radius: 30px;
}
</style>
</head>
<body>
<section class="video-section">
<div class="container">
<div class="swiper mySwiper-video">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="video-container">
<video id="hoverVideo" src="assets/images/resource/prabinpoudel_video.mp4" playsinline loop
preload="auto"></video>
<div class="play-button" id="playBtn">▶</div>
<div class="text">
<p class="text-black text-14 ">Prabin Poudel</p>
</div>
<div class="name">
<h4 class="text-14">Prabin Poudel</h4>
<img class="w-100" src="" alt="">
</div>
</div>
</div>
<div class="swiper-slide">
<div class="video-container">
<video id="hoverVideo" src="assets/images/resource/prabinpoudel_video.mp4" playsinline loop
preload="auto"></video>
<div class="play-button" id="playBtn">▶</div>
<div class="text">
<p class="text-black text-14 ">Prabin Poudel</p>
</div>
<div class="name">
<h4 class="text-14">Prabin Poudel</h4>
<img class="w-100" src="" alt="">
</div>
</div>
</div>
<div class="swiper-slide">
<div class="video-container">
<video id="hoverVideo" src="assets/images/resource/prabinpoudel_video.mp4" playsinline loop
preload="auto"></video>
<div class="play-button" id="playBtn">▶</div>
<div class="text">
<p class="text-black text-14 ">Prabin Poudel</p>
</div>
<div class="name">
<h4 class="text-14">Prabin Poudel</h4>
<img class="w-100" src="" alt="">
</div>
</div>
</div>
<div class="swiper-slide">
<div class="video-container">
<video id="hoverVideo" src="assets/images/resource/prabinpoudel_video.mp4" playsinline loop
preload="auto"></video>
<div class="play-button" id="playBtn">▶</div>
<div class="text">
<p class="text-black text-14 ">Prabin Poudel</p>
</div>
<div class="name">
<h4 class="text-14">Prabin Poudel</h4>
<img class="w-100" src="" alt="">
</div>
</div>
</div>
<div class="swiper-slide">
<div class="video-container">
<video id="hoverVideo" src="assets/images/resource/prabinpoudel_video.mp4" playsinline loop
preload="auto"></video>
<div class="play-button" id="playBtn">▶</div>
<div class="text">
<p class="text-black text-14 ">Prabin Poudel</p>
</div>
<div class="name">
<h4 class="text-14">Prabin Poudel</h4>
<img class="w-100" src="" alt="">
</div>
</div>
</div>
<div class="swiper-slide">
<div class="video-container">
<video id="hoverVideo" src="assets/images/resource/prabinpoudel_video.mp4" playsinline loop
preload="auto"></video>
<div class="play-button" id="playBtn">▶</div>
<div class="text">
<p class="text-black text-14 ">Prabin Poudel</p>
</div>
<div class="name">
<h4 class="text-14">Prabin Poudel</h4>
<img class="w-100" src="" alt="">
</div>
</div>
</div>
</div>
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
</div>
</div>
</section>
<script src="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.js"></script>
<script>
var swiper = new Swiper(".mySwiper-video", {
slidesPerView: 3,
spaceBetween: 20,
loop: true,
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
pagination: {
el: ".swiper-pagination",
clickable: true,
},
breakpoints: {
0: {
slidesPerView: 1
},
576: {
slidesPerView: 2
},
992: {
slidesPerView: 3
},
},
});
document.querySelectorAll(".video-container").forEach(container => {
let video = container.querySelector("video");
let playBtn = container.querySelector(".play-button");
function playVideo() {
video.play().catch(error => console.log("Autoplay prevented:", error));
playBtn.style.opacity = "0"; // Hide play button
}
function pauseVideo() {
setTimeout(() => {
if (!video.matches(":hover")) {
video.pause();
playBtn.style.opacity = "1"; // Show play button again
}
}, 30);
}
container.addEventListener("mouseover", playVideo);
container.addEventListener("mouseout", pauseVideo);
});
setTimeout(() => {
document.querySelector(".line").classList.add("animate");
}, 1000); // 1000ms = 1 second delay
setTimeout(() => {
document.querySelector(".uni-img").classList.add("animate");
}, 1500); // 1000ms = 1 second delay
</script>
</body>
</html>

2
video.php
View File

@@ -1,6 +1,6 @@
<?php include("header.php") ?> <?php include("header.php") ?>
<!-- Page Title --> <!-- Page Title -->
<section class="page-title" style="background-image: url(assets/images/background/bg-3.jpg);"> <section class="page-title" style="background-image: url(assets/images/background/image.png);">
<div class="auto-container"> <div class="auto-container">
<h1>Videos</h1> <h1>Videos</h1>
<div class="text">My Memorable Clicks</div> <div class="text">My Memorable Clicks</div>