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

commit

Browse Source
This commit is contained in:
Roshan476
2025-12-26 17:15:20 +05:45
parent 9c26fd68e3
commit 5512e0e8ed
26 changed files with 878 additions and 306 deletions
Download Patch File Download Diff File Expand all files Collapse all files

113
about.php
View File

@@ -71,7 +71,59 @@ As a managing director of the companies I am a true leader who inspire my team t
</div>
</div>
</section>
<!-- Fun facts section -->
<!-- services Section -->
<section class="services-section">
<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="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/certificate.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/certificate.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/certificate.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/certificate.png" alt="">
</div>
</div>
</div>
</div>
</div>
</section>
<!-- video -->
<!-- Video Section -->
<section class="video-section">
<div class="auto-container">
<div class="video-box" style="background-image: url(https://img.youtube.com/vi/j9QchBLrQWg/hqdefault.jpg);">
<div class="video-btn"><a href="https://www.youtube.com/watch?v=j9QchBLrQWg" class="overlay-link play-now ripple" data-fancybox="gallery" data-caption=""><span class="fas fa-play"></span> </a></div>
</div>
</div>
</section>
<!-- Fun facts section -->
<section class="funfacts-section" style="background-image: url(assets/images/background/bg-1.jpg);">
<div class="auto-container">
<div class="row">
@@ -118,18 +170,8 @@ As a managing director of the companies I am a true leader who inspire my team t
</div>
</div>
</section>
<!-- video -->
<!-- Video Section -->
<section class="video-section">
<div class="auto-container">
<div class="video-box" style="background-image: url(https://img.youtube.com/vi/j9QchBLrQWg/hqdefault.jpg);">
<div class="video-btn"><a href="https://www.youtube.com/watch?v=j9QchBLrQWg" class="overlay-link play-now ripple" data-fancybox="gallery" data-caption=""><span class="fas fa-play"></span> </a></div>
</div>
</div>
</section>
<!-- Testimonial Section -->
<section class="testimonials-section about">
<section class="testimonials-section abt11">
<div class="auto-container">
<div class="sec-title text-center">
<div class="sub-title">What They Say!</div>
@@ -139,19 +181,13 @@ As a managing director of the companies I am a true leader who inspire my team t
<div class="testimonial-block">
<div class="inner-box">
<div class="image">
<img src="assets/images/resource/author-2.jpg" alt="">
<img src="assets/images/resource/image.png" alt="">
</div>
<div class="rating">
<span class="fas fa-star"></span>
<span class="fas fa-star"></span>
<span class="fas fa-star"></span>
<span class="fas fa-star"></span>
<span class="fas fa-star"></span>
</div>
<div class="text">Accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo invent ore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur odit aut fugit.</div>
<div class="text">I've known Prabin Poudel for many years and can confidently state that he is one of the most generous and nicest people I've ever encountered. He is always prepared to assist a friend, coworker, or complete stranger. His sensitivity and compassion are truly remarkable, and he is an excellent role model for everyone who wishes to make a positive difference in the world. I consider myself fortunate to know him and call him a friend.</div>
<div class="author-info">
<h4>Mike Hardson</h4>
<div class="designation">New York</div>
<h4>Bibhuti Solution</h4>
<div class="designation">IT Company</div>
</div>
</div>
</div>
@@ -160,36 +196,25 @@ As a managing director of the companies I am a true leader who inspire my team t
<div class="image">
<img src="assets/images/resource/author-2.jpg" alt="">
</div>
<div class="rating">
<span class="fas fa-star"></span>
<span class="fas fa-star"></span>
<span class="fas fa-star"></span>
<span class="fas fa-star"></span>
<span class="fas fa-star"></span>
</div>
<div class="text">Accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo invent ore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur odit aut fugit.</div>
<div class="text">I have been a loyal customer of Prabin Paudel for several years now, he is always focused on delivering the best possible experience for his customers, and it shows in every aspect of the business. He is a great listener and is always willing to go above and beyond to ensure that we are satisfied with the products and services we receive. His dedication to excellence is truly inspiring.</div>
<div class="author-info">
<h4>Mike Hardson</h4>
<div class="designation">New York</div>
<h4>Roshan Mainali</h4>
<div class="designation">Teacher</div>
</div>
</div>
</div>
<div class="testimonial-block">
<div class="inner-box">
<div class="image">
<img src="assets/images/resource/author-2.jpg" alt="">
<img src="assets/images/resource/image.png" alt="">
</div>
<div class="rating">
<span class="fas fa-star"></span>
<span class="fas fa-star"></span>
<span class="fas fa-star"></span>
<span class="fas fa-star"></span>
<span class="fas fa-star"></span>
</div>
<div class="text">Accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo invent ore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur odit aut fugit.</div>
<div class="text">I have had the pleasure of collaborating with our managing director on several volunteer projects, and I am constantly amazed by his dedication to giving back to the community. He is always willing to roll up her sleeves and get involved, whether it's organizing a fundraiser, mentoring a young person, or serving on a board. His passion for social justice and equity is infectious, and he has inspired me to get more involved in my own community. He is a true leader and change maker, and I am grateful for the opportunity to work alongside him.
</div>
<div class="author-info">
<h4>Mike Hardson</h4>
<div class="designation">New York</div>
<h4>Lumbini Cafe</h4>
<div class="designation">Kathmandu</div>
</div>
</div>
</div>

30
article-detail.php
View File

@@ -22,7 +22,7 @@
<li>Ratione voluptatem.</li>
<li>Ratione voluptatem sequi.</li>
</ul>
<div class="image-block"><img src="assets/images/resource/news-28.jpg" alt=""></div>
<div class="image-block"><img src="assets/images/resource/abt.jpg" alt=""></div>
<div class="text">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua enim ad minim veniam quis nostrud exercition ullamco labo ris nis ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem.</p>
<p>Rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit sed quia consequuntur.</p>
@@ -48,16 +48,7 @@
<div class="col-lg-4 sidebar-side">
<aside class="sidebar">
<!-- Search -->
<div class="sidebar-widget search-box">
<h3 class="sidebar-title">Search</h3>
<form method="post" action="contact.php">
<div class="form-group">
<input type="search" name="search-field" value="" placeholder="Search..." required="">
<button type="submit"><span class="icon flaticon-search-1"></span></button>
</div>
</form>
</div>
<!-- Category Widget -->
@@ -68,29 +59,30 @@
<div class="widget-content">
<!--News Post-->
<div class="news-post">
<div class="post-thumb"><a href="blog-details.html"><img src="assets/images/resource/news-4.jpg" alt=""></a></div>
<div class="post-thumb"><a href="article-detail.php"><img src="assets/images/resource/abt.jpg" alt=""></a></div>
<div class="date">April 18, 2020</div>
<h4><a href="blog-details.html">Consequntur eos magni dolore. </a></h4>
<h4><a href="article-detail.php">Consequntur eos magni dolore. </a></h4>
</div>
<!--News Post-->
<div class="news-post">
<div class="post-thumb"><a href="blog-details.html"><img src="assets/images/resource/news-5.jpg" alt=""></a></div>
<div class="post-thumb"><a href="article-detail.php"><img src="assets/images/resource/abt.jpg" alt=""></a></div>
<div class="date">April 18, 2020</div>
<h4><a href="blog-details.html">Magni dolore qui ratione seque.</a></h4>
<h4><a href="article-detail.php">Magni dolore qui ratione seque.</a></h4>
</div>
<!--News Post-->
<div class="news-post">
<div class="post-thumb"><a href="blog-details.html"><img src="assets/images/resource/news-6.jpg" alt=""></a></div>
<div class="post-thumb"><a href="article-detail.php"><img src="assets/images/resource/abt.jpg" alt=""></a></div>
<div class="date">April 18, 2020</div>
<h4><a href="blog-details.html">Raton magni sed dolore eos.</a></h4>
<h4><a href="article-detail.php">Raton magni sed dolore eos.</a></h4>
</div>
</div>
</div>
<!-- Offer widget -->
<div class="offer-widget">
<div class="offer-widget">
<div class="image"><img src="assets/images/resource/image-12.jpg" alt=""></div>
<h3>Lets <br>Explore<br>All</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>
</aside>

73
article-list.php
View File

@@ -16,7 +16,7 @@
<div class="news-block-one gallery-item">
<div class="inner-box">
<div class="image col-md-6"><a href="blog-details.html">
<img src="assets/images/resource/news-21.jpg" alt=""></a>
<img src="assets/images/resource/img3.jpg" alt=""></a>
</div>
<div class="lower-content col-md-6">
<h4><a href="article-detail.php">Including animation in your design system</a></h4>
@@ -27,7 +27,7 @@
</div>
<div class="news-block-one gallery-item">
<div class="inner-box">
<div class="image col-md-6"><a href="article-detail.php"><img src="assets/images/resource/news-22.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">
<h4><a href="blog-details.html">Including animation in your design system</a></h4>
<div class="text">Lorem ipsum dolor sit amet consectur adip sed eiusmod tempor.</div>
@@ -37,41 +37,7 @@
</div>
<div class="news-block-one gallery-item">
<div class="inner-box">
<div class="image col-md-6"><a href="blog-details.html"><img src="assets/images/resource/news-23.jpg" alt=""></a></div>
<div class="lower-content col-md-6">
<h4><a href="blog-details.html">Including animation in your design system</a></h4>
<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>
</div>
</div>
<div class="news-block-one gallery-item">
<div class="inner-box">
<div class="image col-md-6"><a href="blog-details.html"><img src="assets/images/resource/news-24.jpg" alt=""></a></div>
<div class="lower-content col-md-6">
<div class="category">Lifestyle</div>
<h4><a href="blog-details.html">Including animation in your design system</a></h4>
<div class="post-meta">By <a href="#"><span> Eva Green</span></a> - <a href="#">October 13, 2020</a></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>
</div>
</div>
<div class="news-block-one gallery-item">
<div class="inner-box">
<div class="image col-md-6"><a href="blog-details.html"><img src="assets/images/resource/news-25.jpg" alt=""></a></div>
<div class="lower-content col-md-6">
<h4><a href="blog-details.html">Including animation in your design system</a></h4>
<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>
</div>
</div>
<div class="news-block-one gallery-item">
<div class="inner-box">
<div class="image col-md-6"><a href="blog-details.html"><img src="assets/images/resource/news-26.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">
<h4><a href="blog-details.html">Including animation in your design system</a></h4>
<div class="text">Lorem ipsum dolor sit amet consectur adip sed eiusmod tempor.</div>
@@ -81,11 +47,11 @@
</div>
<div class="news-block-one gallery-item">
<div class="inner-box">
<div class="image col-md-6"><a href="blog-details.html"><img src="assets/images/resource/news-27.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-contentcol-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="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>
@@ -99,15 +65,7 @@
<aside class="sidebar">
<!-- Search -->
<div class="sidebar-widget search-box">
<h3 class="sidebar-title">Search</h3>
<form method="post" action="https://html.tonatheme.com/2020/Pestico/contact.html">
<div class="form-group">
<input type="search" name="search-field" value="" placeholder="Search..." required="">
<button type="submit"><span class="icon flaticon-search-1"></span></button>
</div>
</form>
</div>
@@ -117,29 +75,30 @@
<div class="widget-content">
<!--News Post-->
<div class="news-post">
<div class="post-thumb"><a href="blog-details.html"><img src="assets/images/resource/news-4.jpg" alt=""></a></div>
<div class="post-thumb"><a href="article-detail.php"><img src="assets/images/resource/abt.jpg" alt=""></a></div>
<div class="date">April 18, 2020</div>
<h4><a href="blog-details.html">Consequntur eos magni dolore. </a></h4>
<h4><a href="article-detail.php">Consequntur eos magni dolore. </a></h4>
</div>
<!--News Post-->
<div class="news-post">
<div class="post-thumb"><a href="blog-details.html"><img src="assets/images/resource/news-5.jpg" alt=""></a></div>
<div class="post-thumb"><a href="article-detail.php"><img src="assets/images/resource/abt.jpg" alt=""></a></div>
<div class="date">April 18, 2020</div>
<h4><a href="blog-details.html">Magni dolore qui ratione seque.</a></h4>
<h4><a href="article-detail.php">Magni dolore qui ratione seque.</a></h4>
</div>
<!--News Post-->
<div class="news-post">
<div class="post-thumb"><a href="blog-details.html"><img src="assets/images/resource/news-6.jpg" alt=""></a></div>
<div class="post-thumb"><a href="article-detail.php"><img src="assets/images/resource/abt.jpg" alt=""></a></div>
<div class="date">April 18, 2020</div>
<h4><a href="blog-details.html">Raton magni sed dolore eos.</a></h4>
<h4><a href="article-detail.php">Raton magni sed dolore eos.</a></h4>
</div>
</div>
</div>
<!-- Offer widget -->
<div class="offer-widget">
<div class="image"><img src="assets/images/resource/image-12.jpg" alt=""></div>
<h3>Lets<br>Explore <br> All</h3>
<div class="image"><img src="assets/images/resource/abt.jpg" alt=""></div>
<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>
</aside>

182
assets/css/style.css
View File

@@ -509,7 +509,7 @@ img {
.header-top {
position: relative;
background-color: #0c1529;
padding: 20.5px 0;
padding: 5.5px 0;
}
.header-top .inner-container {
@@ -569,8 +569,17 @@ img {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 0;
}
.header-top .right-column ul{
display: flex;
gap: 20px;
margin-bottom: 0;
}
.header-top .right-column ul li a{
color: white;
transition: 0.3s all ease-out;
}
.header-top ul.contact-info li {
margin-right: 25px;
color: rgba(255, 255, 255, 0.7);
@@ -2039,9 +2048,9 @@ a{
.sec-title h2 {
position: relative;
font-size: 27px;
line-height: 65px;
font-family: 'Abril Fatface', cursive;
font-size: 20px;
line-height: 0px;
font-family: "Poppins", sans-serif;;
letter-spacing: -1px;
}
@@ -2729,10 +2738,17 @@ a{
.testimonial-block .image img {
border-radius: 50%;
width: auto;
width: 200px;
margin: 0 auto;
height: 200px;
border: 2px solid var(--primary-color1);
}
.testimonials-section.abt11
{
position: relative;
padding: 120px 0 120px !important;
/* background-color: #e9f7f2; */
}
.testimonial-block .rating {
position: relative;
color: #ffab01;
@@ -3099,7 +3115,7 @@ a{
.newsletter-section .sec-bg {
position: absolute;
top: -45px;
top: 5px;
left: 0;
bottom: 0;
right: 0;
@@ -4430,12 +4446,13 @@ gap: 8px;
font-size: 16px;
line-height: 28px;
margin-bottom: 20px;
text-align: justify;
}
.testimonial-block-two .author-info {
position: relative;
display: flex;
justify-content: space-around;
justify-content: space-between;
}
.testimonial-block-two .author-info h4 {
@@ -4444,12 +4461,19 @@ gap: 8px;
font-weight: 600;
margin-bottom: 5px;
}
.swiper-button-next, .swiper-button-prev {
background-color: white;
padding: 36px;
border-radius: 50px;
}
.testimonial-block-two .author-info .designation {
position: relative;
font-size: 16px;
}
.ajax-sub-form.cnt{
display: flex;
justify-content: flex-end;
}
.testimonials-section-two .owl-dots {
text-align: center;
display: flex;
@@ -4555,11 +4579,11 @@ gap: 8px;
/* Gallery Section */
.gallery-section {
position: relative;
padding: 150px 0 120px;
padding: 120px 0 120px;
}
.video-section {
position: relative;
padding: 120px 0 0px;
padding: 120px 0 120px;
}
.gallery-section .filters {
@@ -4600,8 +4624,11 @@ gap: 8px;
.gallery-block .image img {
width: 100%;
transition: .5s;
height: 400px;
object-fit: cover;
}
.gallery-block .inner-box:hover img {
transform: scale(1.05);
}
@@ -4774,12 +4801,17 @@ gap: 8px;
position: relative;
padding: 28px 0 0px;
background-color: #e5f8f1;
border-radius: 10px;
}
.contact-form-section .contact-form {
position: relative;
max-width: 970px;
margin: 0 auto;
padding: 0px 57px;
}
.popup .contact-form-section .contact-form {
padding: 0px !important;
}
/*Error Section*/
@@ -5235,7 +5267,7 @@ gap: 8px;
}
.contact-info-section-two.home.popup{
position: relative;
padding-bottom: 0px !important;
padding: 0px !important;
}
/* Pagination */
@@ -5594,3 +5626,125 @@ gap: 8px;
}
/* raffle video */
.mySwiper-video {
width: 100%;
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: 500%;
overflow: hidden;
border-radius: 10px;
cursor: pointer;
border-radius: 30px;
}
.contact-btn1{
position: absolute !important;
top: 349px;
left: 87px;
}
.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%;
}
.wrapper11{
/* gap: 20px; */
}
.video-container .name h4 {
color: var(--primary-color1);
}
.raffle .auto-container{
}
.video-container video {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 30px;
border: 2px solid var(--primary-color1);
}
.video-section.rafflee{
/* padding: 40px !important; */
}
.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;
}

BIN
assets/images/resource/certificate.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 281 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 19 KiB

BIN
assets/images/resource/prabinpoudel_video.mp4 Normal file
View File

Binary file not shown.

54
assets/js/raffle-video.js Normal file
View File

@@ -0,0 +1,54 @@
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

26
blog-detail.php
View File

@@ -22,7 +22,7 @@
<li>Ratione voluptatem.</li>
<li>Ratione voluptatem sequi.</li>
</ul>
<div class="image-block"><img src="assets/images/resource/news-28.jpg" alt=""></div>
<div class="image-block"><img src="assets/images/resource/abt.jpg" alt=""></div>
<div class="text">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua enim ad minim veniam quis nostrud exercition ullamco labo ris nis ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem.</p>
<p>Rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit sed quia consequuntur.</p>
@@ -30,10 +30,7 @@
<blockquote>
<div class="text">“Enim ad minim veniam quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat duis.” </div>
</blockquote>
<div class="text">
<p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem.</p>
<p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem.</p>
</div>
</div>
<div class="post-share-link">
<h4>Share this post:</h4>
@@ -49,15 +46,7 @@
<aside class="sidebar">
<!-- Search -->
<div class="sidebar-widget search-box">
<h3 class="sidebar-title">Search</h3>
<form method="post" action="contact.php">
<div class="form-group">
<input type="search" name="search-field" value="" placeholder="Search..." required="">
<button type="submit"><span class="icon flaticon-search-1"></span></button>
</div>
</form>
</div>
<!-- Category Widget -->
@@ -68,19 +57,19 @@
<div class="widget-content">
<!--News Post-->
<div class="news-post">
<div class="post-thumb"><a href="blog-details.html"><img src="assets/images/resource/news-4.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>
<h4><a href="blog-details.html">Consequntur eos magni dolore. </a></h4>
</div>
<!--News Post-->
<div class="news-post">
<div class="post-thumb"><a href="blog-details.html"><img src="assets/images/resource/news-5.jpg" alt=""></a></div>
<div class="post-thumb"><a href="blog-details.html"><img src="assets/images/resource/abt.jpg" alt=""></a></div>
<div class="date">April 18, 2020</div>
<h4><a href="blog-details.html">Magni dolore qui ratione seque.</a></h4>
</div>
<!--News Post-->
<div class="news-post">
<div class="post-thumb"><a href="blog-details.html"><img src="assets/images/resource/news-6.jpg" alt=""></a></div>
<div class="post-thumb"><a href="blog-details.html"><img src="assets/images/resource/abt.jpg" alt=""></a></div>
<div class="date">April 18, 2020</div>
<h4><a href="blog-details.html">Raton magni sed dolore eos.</a></h4>
</div>
@@ -90,7 +79,8 @@
<!-- Offer widget -->
<div class="offer-widget">
<div class="image"><img src="assets/images/resource/image-12.jpg" alt=""></div>
<h3>Lets <br>Explore<br>All</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>
</aside>

72
blog-list.php
View File

@@ -15,81 +15,81 @@
<div class="col-lg-8">
<div class="news-block-one list-style gallery-item">
<div class="inner-box">
<div class="image col-md-6"><a href="blog-details.php"><img src="assets/images/resource/news-21.jpg" alt=""></a></div>
<div class="image col-md-6"><a href="blog-detail.php"><img src="assets/images/resource/abt.jpg" alt=""></a></div>
<div class="lower-content col-md-6 ">
<div class="post-meta">By <a href="#"><span> Eva Green</span></a> - <a href="#">October 13, 2020</a></div>
<h4><a href="blog-details.html">Including animation in your design system</a></h4>
<h4><a href="blog-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="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="blog-detail.php" class="theme-btn btn-style-one style-two"><span> Learn More</span></a></div>
</div>
</div>
</div>
<div class="news-block-one list-style gallery-item">
<div class="inner-box">
<div class="image col-md-6"><a href="blog-details.php"><img src="assets/images/resource/news-22.jpg" alt=""></a></div>
<div class="image col-md-6"><a href="blog-detail.php"><img src="assets/images/resource/img3.jpg" alt=""></a></div>
<div class="lower-content col-md-6">
<div class="post-meta">By <a href="#"><span> Eva Green</span></a> - <a href="#">October 13, 2020</a></div>
<h4><a href="blog-details.html">Including animation in your design system</a></h4>
<h4><a href="blog-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="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="blog-detail.php" class="theme-btn btn-style-one style-two"><span> Learn More</span></a></div>
</div>
</div>
</div>
<div class="news-block-one list-style gallery-item">
<div class="inner-box">
<div class="image col-md-6"><a href="blog-details.php"><img src="assets/images/resource/news-23.jpg" alt=""></a></div>
<div class="image col-md-6"><a href="blog-detail.php"><img src="assets/images/resource/img1.jpg" alt=""></a></div>
<div class="lower-content col-md-6">
<div class="post-meta">By <a href="#"><span> Eva Green</span></a> - <a href="#">October 13, 2020</a></div>
<h4><a href="blog-details.html">Including animation in your design system</a></h4>
<div class="post-meta">By <a href="blog-details.php"><span> Eva Green</span></a> - <a href="#">October 13, 2020</a></div>
<h4><a href="blog-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="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="blog-detail.php" class="theme-btn btn-style-one style-two"><span> Learn More</span></a></div>
</div>
</div>
</div>
<div class="news-block-one list-style gallery-item">
<div class="inner-box">
<div class="image col-md-6"><a href="blog-details.html"><img src="assets/images/resource/news-24.jpg" alt=""></a></div>
<div class="image col-md-6"><a href="blog-detail.php"><img src="assets/images/resource/news-24.jpg" alt=""></a></div>
<div class="lower-content col-md-6">
<div class="post-meta">By <a href="#"><span> Eva Green</span></a> - <a href="#">October 13, 2020</a></div>
<h4><a href="blog-details.html">Including animation in your design system</a></h4>
<h4><a href="blog-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="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="blog-detail.php" class="theme-btn btn-style-one style-two"><span> Learn More</span></a></div>
</div>
</div>
</div>
<div class="news-block-one list-style gallery-item">
<div class="inner-box">
<div class="image col-md-6"><a href="blog-details.html"><img src="assets/images/resource/news-25.jpg" alt=""></a></div>
<div class="image col-md-6"><a href="blog-detail.php"><img src="assets/images/resource/news-25.jpg" alt=""></a></div>
<div class="lower-content col-md-6">
<div class="post-meta">By <a href="#"><span> Eva Green</span></a> - <a href="#">October 13, 2020</a></div>
<h4><a href="blog-details.html">Including animation in your design system</a></h4>
<h4><a href="blog-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="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="blog-detail.php" class="theme-btn btn-style-one style-two"><span> Learn More</span></a></div>
</div>
</div>
</div>
<div class="news-block-one list-style gallery-item">
<div class="inner-box">
<div class="image col-md-6"><a href="blog-details.html"><img src="assets/images/resource/news-26.jpg" alt=""></a></div>
<div class="image col-md-6"><a href="blog-detail.php"><img src="assets/images/resource/news-26.jpg" alt=""></a></div>
<div class="lower-content col-md-6">
<div class="post-meta">By <a href="#"><span> Eva Green</span></a> - <a href="#">October 13, 2020</a></div>
<h4><a href="blog-details.html">Including animation in your design system</a></h4>
<h4><a href="blog-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="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="blog-detail.php" class="theme-btn btn-style-one style-two"><span> Learn More</span></a></div>
</div>
</div>
</div>
<div class="news-block-one list-style gallery-item">
<div class="inner-box">
<div class="image col-md-6"><a href="blog-details.html"><img src="assets/images/resource/news-27.jpg" alt=""></a></div>
<div class="image col-md-6"><a href="blog-detail.php"><img src="assets/images/resource/news-27.jpg" alt=""></a></div>
<div class="lower-content col-md-6">
<div class="post-meta">By <a href="#"><span> Eva Green</span></a> - <a href="#">October 13, 2020</a></div>
<h4><a href="blog-details.html">Including animation in your design system</a></h4>
<h4><a href="blog-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="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="blog-detail.php" class="theme-btn btn-style-one style-two"><span> Learn More</span></a></div>
</div>
</div>
</div>
@@ -97,16 +97,7 @@
<div class="col-lg-4 sidebar-side">
<aside class="sidebar">
<!-- Search -->
<div class="sidebar-widget search-box">
<h3 class="sidebar-title">Search</h3>
<form method="post" action="https://html.tonatheme.com/2020/Pestico/contact.html">
<div class="form-group">
<input type="search" name="search-field" value="" placeholder="Search..." required="">
<button type="submit"><span class="icon flaticon-search-1"></span></button>
</div>
</form>
</div>
@@ -116,29 +107,30 @@
<div class="widget-content">
<!--News Post-->
<div class="news-post">
<div class="post-thumb"><a href="blog-details.html"><img src="assets/images/resource/news-4.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>
<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>
<!--News Post-->
<div class="news-post">
<div class="post-thumb"><a href="blog-details.html"><img src="assets/images/resource/news-5.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>
<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>
<!--News Post-->
<div class="news-post">
<div class="post-thumb"><a href="blog-details.html"><img src="assets/images/resource/news-6.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>
<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>
<!-- Offer widget -->
<div class="offer-widget">
<div class="offer-widget">
<div class="image"><img src="assets/images/resource/image-12.jpg" alt=""></div>
<h3>Lets<br>Explore <br> All</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>
</aside>

4
contact.php
View File

@@ -16,7 +16,7 @@
<section class="contact-form-section">
<div class="auto-container">
<div class="sec-title text-center">
<h2>Don’t Hesitate to <span>Message Mw</span> <br> Any Time</h2>
<h2>Don’t Hesitate to <span>Message Me</span> <br> Any Time</h2>
</div>
<!--Contact Form-->
<div class="contact-form">
@@ -49,7 +49,7 @@
<div class="col-lg-4">
<div class="sec-title mb-30">
<div class="sub-title">Let's Get IN Touch</div>
<h2>My Contacts & <br> Location</h2>
</div>
<div class="info-wrapper">
<div class="info-block">

48
footer.php
View File

@@ -47,11 +47,11 @@
<div class="footer-bottom">
<div class="auto-container">
<div class="content">
<div class="logo"><a href="index.html"><img src="assets/images/image11.png" alt=""></a></div>
<div class="logo"><a href="./index.php"><img src="assets/images/image11.png" alt=""></a></div>
<ul class="social-icon">
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
<li><a href="#"><i class="fab fa-google-plus-g"></i></a></li>
<li><a href="https://www.facebook.com/Prabinpaudel48"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="https://www.linkedin.com/in/prabin-paudel-a85a46146"><i class="fa-brands fa-linkedin"></i></a></li>
<li><a href="https://www.instagram.com/paudelprabin/?hl=en"><i class="fa-brands fa-instagram"></i></a></li>
<li><a href="#"><i class="fab fa-youtube"></i></a></li>
</ul>
<div class="footer-menu">
@@ -73,7 +73,7 @@
<div class="modal-content">
<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>
</div>
@@ -84,12 +84,12 @@
<div class="auto-container">
<div class="row">
<div class="col-lg-8">
<div class="col-lg-">
<!-- Contact form section -->
<section class="contact-form-section">
<div class="auto-container">
<div class="sec-title text-center">
<h2>Don’t Hesitate to <span>Message Me</span> <br> Any Time</h2>
<h2>Lets Get In<span>Touch</span> </h2>
</div>
<div class="contact-form">
@@ -128,36 +128,6 @@
</section>
</div>
<div class="col-lg-4">
<div class="sec-title mb-30">
<div class="sub-title">Let's Get In Touch</div>
<!-- <h2>My Contacts & <br> Location</h2> -->
</div>
<div class="info-wrapper">
<div class="info-block">
<h4>Phone</h4>
<div class="text">+977-9802360413</div>
</div>
<div class="info-block">
<h4>Email</h4>
<div class="email">
<a href="mailto:mail@paudelprabin.com">mail@paudelprabin.com</a>
</div>
</div>
<div class="info-block">
<h4>Social contact</h4>
<ul class="social-links modalform">
<li><a href="#" class="facebook"><span class="fab fa-facebook-f"></span></a></li>
<li><a href="#" class="google-plus"><span class="fab fa-google-plus-g"></span></a></li>
<li><a href="#" class="twitter"><span class="fab fa-twitter"></span></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
@@ -169,6 +139,9 @@
</div>
<!--Scroll to top-->
<div class="scroll-to-top scroll-to-target" data-target="html"><span class="flaticon-right-arrow-4"></span></div>
<script src="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.js"></script>
<script src="assets/js/jquery.js"></script>
<script src="assets/js/popper.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
@@ -188,6 +161,7 @@
<script src="assets/js/script.js"></script>
<script src="assets/js/pagination.js"></script>
<script src="assets/js/video.js"></script>
<script src="assets/js/raffle-video.js"></script>
</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 -->

122
header.php
View File

@@ -4,8 +4,103 @@
<!-- Mirrored from html.tonatheme.com/2020/Pestico/index.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 24 Dec 2025 06:14:57 GMT -->
<head>
<meta charset="utf-8">
<title>Prabin Poudel</title>
<meta name="description" content="hello">
<title>
- Prabin Paudel - Managing Director & Overseas Education Advisor
</title>
<meta name="description" content=" I am Prabin Paudel, a Visionary Managing Director and Overseas Education Advisor with expertise in executive management, corporate leadership, youth development, hospitality administration, and study abroad counselling. Trusted global education consultant guiding students toward international opportunities.">
<meta name="keywords" content="overseas education advisor, study abroad counsellor, managing director, executive management, corporate leadership, youth development, international education consultant, hospitality administration, global education expert, student career guidance">
<meta property="og:title" content=" Prabin Paudel - Managing Director & Overseas Education Advisor " >
<meta property="og:title" content=" Prabin Paudel - Managing Director & Overseas Education Advisor " >
<meta property="og:description" content="Executive leader and international education consultant specializing in study abroad guidance, youth development, and strategic corporate management.">
<meta property="og:type" content="profile">
<meta property="og:site_name" content="Prabin Paudel - Managing Director & Overseas Education Advisor ">
<meta property = “og:image” name content = “ http://localhost/prabin_poudel/assets/images/resource/abt.jpg”>
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content=" Prabin Paudel - Managing Director & Overseas Education Advisor ">
<meta name="twitter:description" content="Executive leader and international education consultant specializing in study abroad guidance, youth development, and strategic corporate management.">
<meta name = “twitter:image“ content= “http://localhost/prabin_poudel/assets/images/resource/abt.jpg”>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@graph": [
{
"@type": "WebPage",
"@id": "#webpage",
"url": "https://yourwebsite.com/prabin-paudel",
"name": "Prabin Paudel – Managing Director & Overseas Education Advisor",
"description": "Official profile of Prabin Paudel, Managing Director and Overseas Education Advisor, specializing in study abroad counseling, executive leadership, youth development, and overseas education guidance.",
"inLanguage": "en",
"mainEntity": {
"@id": "#person"
}
},
{
"@type": "Person",
"@id": "#person",
"name": "Prabin Paudel",
"alternateName": [
"Prabin Paudel Managing Director",
"Prabin Paudel Overseas Education Advisor",
"Prabin Paudel Study Abroad Consultant"
],
"jobTitle": [
"Managing Director",
"Overseas Education Advisor"
],
"description": "Prabin Paudel is a Managing Director and Overseas Education Advisor known for leadership in overseas education counseling, executive management, youth development, and corporate management. He is dedicated to guiding students toward the right academic pathways and global opportunities.",
"knowsAbout": [
"Overseas Education Counseling",
"Study Abroad Guidance",
"International Education",
"Executive Management",
"Corporate Leadership",
"Youth Development",
"Hospitality Administration",
"Strategic Management"
],
"hasOccupation": [
{
"@type": "Occupation",
"name": "Overseas Education Advisor",
"occupationLocation": {
"@type": "Country",
"name": "Nepal"
}
},
{
"@type": "Occupation",
"name": "Managing Director"
}
],
"worksFor": {
"@type": "Organization",
"name": "Rosetta Education International",
"description": "Education consultancy providing overseas education and study abroad counseling services."
},
"nationality": {
"@type": "Country",
"name": "Nepal"
},
"sameAs": [
"https://www.linkedin.com/in/prabin-paudel-a85a46146",
"https://www.facebook.com/Prabinpaudel48/",
"https://twitter.com/prabinpaudel",
"https://www.instagram.com/paudelprabin/?hl=en"
]
}
]
}
</script>
<!-- Stylesheets -->
<link href="assets/css/bootstrap.css" rel="stylesheet">
<link href="assets/css/style.css" rel="stylesheet">
@@ -27,7 +122,8 @@
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/ui/dist/fancybox.css" />
<script src="https://cdn.jsdelivr.net/npm/@fancyapps/ui/dist/fancybox.umd.js"></script>
<!-- swiper -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.css" />
<!-- Responsive -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
@@ -54,15 +150,19 @@
<div class="auto-container">
<div class="inner-container">
<div class="left-column">
<div class="location"><i class="flaticon-placeholder"></i> Find A Location</div>
</div>
<div class="right-column">
<div class="search-btn"><button type="button" class="theme-btn search-toggler"><span class="flaticon-search-1
"></span></button></div>
<ul class="contact-info">
<ul class="contact-info">
<li><a href="tel:2107636992"><i class="flaticon-call"></i>210-763-6992</a></li>
<li><a href="mailto:info@example.com"><i class="flaticon-email-1"></i>info@example.com </a></li>
</ul>
</ul>
</div>
<div class="right-column">
<ul class="social-icon">
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
<li><a href="#"><i class="fab fa-google-plus-g"></i></a></li>
<li><a href="#"><i class="fab fa-youtube"></i></a></li>
</ul>
</div>
</div>
</div>
@@ -117,7 +217,7 @@
<div class="inner-container">
<!--Logo-->
<div class="logo-box">
<div class="logo"><a href="index.html"><img src="assets/images/image11.png" alt=""></a></div>
<div class="logo"><a href="./index.php"><img src="assets/images/image11.png" alt=""></a></div>
</div>
<!--Nav Box-->
<div class="nav-outer">

12
home-parts/article.php
View File

@@ -8,9 +8,9 @@
<div class="row">
<div class="col-lg-4 news-block-one">
<div class="inner-box wow fadeInDown article" data-wow-duration="1500ms">
<div class="image"><a href="blog-details.html"><img src="assets/images/resource/news-1.jpg" alt=""></a></div>
<div class="image"><a href="article-detail.php"><img src="assets/images/resource/img3.jpg" alt=""></a></div>
<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="link-btn"><a href="/artice-detail.php" class="theme-btn btn-style-one style-two"><span> Learn More</span></a></div>
@@ -18,9 +18,9 @@
</div>
<div class="col-lg-4 news-block-one">
<div class="inner-box wow fadeInUp article" data-wow-duration="1500ms">
<div class="image"><a href="blog-details.html"><img src="assets/images/resource/news-2.jpg" alt=""></a></div>
<div class="image"><a href="article-detail.php"><img src="assets/images/resource/abt.jpg" alt=""></a></div>
<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="link-btn"><a href="./artice-detail.php" class="theme-btn btn-style-one style-two"><span> Learn More</span></a></div>
@@ -28,9 +28,9 @@
</div>
<div class="col-lg-4 news-block-one">
<div class="inner-box wow fadeInDown article" data-wow-duration="1500ms">
<div class="image"><a href="blog-details.html"><img src="assets/images/resource/news-3.jpg" alt=""></a></div>
<div class="image"><a href="article-detail.php"><img src="assets/images/resource/img1.jpg" alt=""></a></div>
<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="link-btn"><a href="./artice-detail.php" class="theme-btn btn-style-one style-two"><span> Learn More</span></a></div>

0
home-parts/banner.php
View File

12
home-parts/blog-list.php
View File

@@ -7,7 +7,7 @@
</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">
<a href="#">
<a href="./blog-detail.php">
<div class="inner-box">
<div class="image">
@@ -23,7 +23,7 @@
</a>
</div>
<div class="testimonial-block-two">
<a href="#">
<a href="./blog-detail.php">
<div class="inner-box">
<div class="image">
@@ -39,7 +39,7 @@
</a>
</div>
<div class="testimonial-block-two">
<a href="#">
<a href="./blog-detail.php">
<div class="inner-box">
<div class="image">
@@ -55,7 +55,7 @@
</a>
</div>
<div class="testimonial-block-two">
<a href="#">
<a href="./blog-detail.php">
<div class="inner-box">
<div class="image">
@@ -71,7 +71,7 @@
</a>
</div>
<div class="testimonial-block-two">
<a href="#">
<a href="./blog-detail.php">
<div class="inner-box">
<div class="image">
@@ -87,7 +87,7 @@
</a>
</div>
<div class="testimonial-block-two">
<a href="#">
<a href="./blog-detail.php">
<div class="inner-box">
<div class="image">

6
home-parts/contact-form.php
View File

@@ -40,16 +40,16 @@
<div class="col-lg-4">
<div class="sec-title mb-30">
<div class="sub-title">Let's Get IN Touch</div>
<h2>My Contacts & <br> Location</h2>
</div>
<div class="info-wrapper">
<div class="info-block">
<h4>Phone</h4>
<div class="text">+977-9841*****</div>
<div class="text">+977-9802360413</div>
</div>
<div class="info-block">
<h4>Email</h4>
<div class="email"><a href="mailto:example@pestico.com">example@pestico.com</a></div>
<div class="email"><a href="mailto:mail@paudelprabin.com">mail@paudelprabin.com</a></div>
</div>
<div class="info-block">
<h4>Social contact</h4>

2
home-parts/contact.php
View File

@@ -10,7 +10,7 @@
</div>
<div class="col-lg-6">
<div class="newsletter-form">
<form class="ajax-sub-form" method="post">
<form class="ajax-sub-form cnt" method="post">
<div class="link-btn"><a href="#contact" class="theme-btn btn-style-one"><span>Message Me</span></a></div>
</form>
</div>

8
home-parts/gallery.php
View File

@@ -13,7 +13,7 @@
<!-- Gallery Block -->
<div class="col-lg-4 col-md-6 gallery-block masonry-item all cat-2">
<div class="inner-box">
<div class="image"><img src="assets/images/resource/gallery-1.jpg" alt=""></div>
<div class="image"><img src="assets/images/resource/img1.jpg" alt=""></div>
<div class="overlay">
<div class="zoom-btn">
<a href="assets/images/resource/gallery-1.jpg" class="lightbox-image" data-fancybox="gallery">
@@ -27,10 +27,10 @@
<!-- gallery Block -->
<div class="col-lg-4 col-md-6 gallery-block masonry-item all cat-4">
<div class="inner-box">
<div class="image"><img src="assets/images/resource/gallery-2.jpg" alt=""></div>
<div class="image"><img src="assets/images/resource/abt.jpg" alt=""></div>
<div class="overlay">
<div class="zoom-btn">
<a href="assets/images/resource/gallery-2.jpg" class="lightbox-image" data-fancybox="gallery">
<a href="assets/images/resource/abt.jpg" class="lightbox-image" data-fancybox="gallery">
<img src="assets/images/icons/icon-5.png" alt="">
</a>
</div>
@@ -41,7 +41,7 @@
<!-- gallery Block -->
<div class="col-lg-4 col-md-6 gallery-block masonry-item all cat-2 cat-3">
<div class="inner-box">
<div class="image"><img src="assets/images/resource/gallery-3.jpg" alt=""></div>
<div class="image"><img src="assets/images/resource/img3.jpg" alt=""></div>
<div class="overlay">
<div class="zoom-btn">
<a href="assets/images/resource/gallery-3.jpg" class="lightbox-image" data-fancybox="gallery">

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

@@ -5,7 +5,7 @@
<div class="content-outer">
<div class="content-box">
<div class="col-md-6 inner">
<h1>Hi, I'm <br> Prabin Poudel</h1>
<h1>You Trusted<br>Study Abroad Advisor</h1>
<div class="text">
A dedicated study abroad counsellor committed to guiding students toward the right academic pathways and global opportunities with clarity and confidence.
</div>

59
home-parts/raffle-video.php Normal file
View File

@@ -0,0 +1,59 @@
<section class="video-section rafflee">
<div class="container">
<div class="sec-title text-center">
<div class="sub-title">Videos</div>
<h2>Explore my video</h2>
</div>
<div class="swiper mySwiper-video">
<div class="swiper-wrapper wrapper11">
<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>
</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>
</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>
</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>
</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>
</div>
</div>
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
</div>
</div>
</section>

49
home-parts/testimonial.php
View File

@@ -9,57 +9,40 @@
<div class="testimonial-block">
<div class="inner-box">
<div class="image">
<img src="assets/images/resource/author-2.jpg" alt="">
<img src="assets/images/resource/image.png" alt="">
</div>
<div class="rating">
<span class="fas fa-star"></span>
<span class="fas fa-star"></span>
<span class="fas fa-star"></span>
<span class="fas fa-star"></span>
<span class="fas fa-star"></span>
</div>
<div class="text">Accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo invent ore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur odit aut fugit.</div>
<div class="text">I've known Prabin Poudel for many years and can confidently state that he is one of the most generous and nicest people I've ever encountered. He is always prepared to assist a friend, coworker, or complete stranger. His sensitivity and compassion are truly remarkable, and he is an excellent role model for everyone who wishes to make a positive difference in the world. I consider myself fortunate to know him and call him a friend.</div>
<div class="author-info">
<h4>Mike Hardson</h4>
<div class="designation">New York</div>
<h4>Bibhuti Solution</h4>
<div class="designation">IT Company</div>
</div>
</div>
</div>
<div class="testimonial-block">
<div class="inner-box">
<div class="image">
<img src="assets/images/resource/author-2.jpg" alt="">
<img src="assets/images/resource/image.png" alt="">
</div>
<div class="rating">
<span class="fas fa-star"></span>
<span class="fas fa-star"></span>
<span class="fas fa-star"></span>
<span class="fas fa-star"></span>
<span class="fas fa-star"></span>
</div>
<div class="text">Accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo invent ore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur odit aut fugit.</div>
<div class="text">I have been a loyal customer of Prabin Paudel for several years now, he is always focused on delivering the best possible experience for his customers, and it shows in every aspect of the business. He is a great listener and is always willing to go above and beyond to ensure that we are satisfied with the products and services we receive. His dedication to excellence is truly inspiring.</div>
<div class="author-info">
<h4>Mike Hardson</h4>
<div class="designation">New York</div>
<h4>Roshan Mainali</h4>
<div class="designation">Teacher</div>
</div>
</div>
</div>
<div class="testimonial-block">
<div class="inner-box">
<div class="image">
<img src="assets/images/resource/author-2.jpg" alt="">
<img src="assets/images/resource/image.png" alt="">
</div>
<div class="rating">
<span class="fas fa-star"></span>
<span class="fas fa-star"></span>
<span class="fas fa-star"></span>
<span class="fas fa-star"></span>
<span class="fas fa-star"></span>
</div>
<div class="text">Accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo invent ore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur odit aut fugit.</div>
<div class="text">I have had the pleasure of collaborating with our managing director on several volunteer projects, and I am constantly amazed by his dedication to giving back to the community. He is always willing to roll up her sleeves and get involved, whether it's organizing a fundraiser, mentoring a young person, or serving on a board. His passion for social justice and equity is infectious, and he has inspired me to get more involved in my own community. He is a true leader and change maker, and I am grateful for the opportunity to work alongside him.
</div>
<div class="author-info">
<h4>Mike Hardson</h4>
<div class="designation">New York</div>
<h4>Lumbini Cafe</h4>
<div class="designation">Kathmandu</div>
</div>
</div>
</div>

2
home-parts/video.php
View File

@@ -32,7 +32,7 @@
<div class="video-item" onclick="changeVideo('j9QchBLrQWg')">
<img src="https://img.youtube.com/vi/j9QchBLrQWg/hqdefault.jpg" alt="Video Title 2">
<h6>Video Title 2</h6>
<h6>Video Title 2</h6>`
</div>
<div class="video-item" onclick="changeVideo('j9QchBLrQWg')">

16
image.php
View File

@@ -17,10 +17,10 @@
<!-- 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/gallery-1.jpg" alt=""></div>
<div class="image"><img src="assets/images/resource/img3.jpg" alt=""></div>
<div class="overlay">
<div class="zoom-btn">
<a href="assets/images/resource/gallery-1.jpg" class="lightbox-image" data-fancybox="gallery">
<a href="assets/images/resource/img3.jpg" class="lightbox-image" data-fancybox="gallery">
<img src="assets/images/icons/icon-5.png" alt="">
</a>
</div>
@@ -31,10 +31,10 @@
<!-- gallery Block -->
<div class="col-lg-4 col-md-6 gallery-block gallery-item masonry-item all cat-4">
<div class="inner-box">
<div class="image"><img src="assets/images/resource/gallery-2.jpg" alt=""></div>
<div class="image"><img src="assets/images/resource/img3.jpg" alt=""></div>
<div class="overlay">
<div class="zoom-btn">
<a href="assets/images/resource/gallery-2.jpg" class="lightbox-image" data-fancybox="gallery">
<a href="assets/images/resource/img3.jpg" class="lightbox-image" data-fancybox="gallery">
<img src="assets/images/icons/icon-5.png" alt="">
</a>
</div>
@@ -45,10 +45,10 @@
<!-- gallery Block -->
<div class="col-lg-4 col-md-6 gallery-block gallery-item masonry-item all cat-2 cat-3">
<div class="inner-box">
<div class="image"><img src="assets/images/resource/gallery-3.jpg" alt=""></div>
<div class="image"><img src="assets/images/resource/img3.jpg" alt=""></div>
<div class="overlay">
<div class="zoom-btn">
<a href="assets/images/resource/gallery-3.jpg" class="lightbox-image" data-fancybox="gallery">
<a href="assets/images/resource/img3.jpg" class="lightbox-image" data-fancybox="gallery">
<img src="assets/images/icons/icon-5.png" alt="">
</a>
</div>
@@ -59,10 +59,10 @@
<!-- 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/gallery-4.jpg" alt=""></div>
<div class="image"><img src="assets/images/resource/img3.jpg" alt=""></div>
<div class="overlay">
<div class="zoom-btn">
<a href="assets/images/resource/gallery-1.jpg" class="lightbox-image" data-fancybox="gallery">
<a href="assets/images/resource/img3.jpg" class="lightbox-image" data-fancybox="gallery">
<img src="assets/images/icons/icon-5.png" alt="">
</a>
</div>

2
index.php
View File

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

290
video.html Normal file
View File

@@ -0,0 +1,290 @@
<!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>