blog page and gallery page added

This commit is contained in:
sujan
2024-09-29 15:56:27 +05:45
parent 4d55aaf4fd
commit 0c0151b77d
8 changed files with 411 additions and 244 deletions

View File

@ -1,135 +1,239 @@
<!--Testimonial One Start-->
<section class="testimonial-one">
<section class="testimonial-two about-page-testimonial">
<div class="about-page-testimonial__bg-1" style="background-image: url('assets/images/backgrounds/about-page-testimonial-bg-1.jpg');"></div>
<div class="about-page-testimonial__bg-2" style="background-image: url('assets/images/backgrounds/about-page-testimonial-bg-2.png');"></div>
<div class="container">
<div class="testimonial-one__wrap">
<div class="testimonial-one__bg"
style="background-image: url('assets/images/backgrounds/testimonial-one-bg.png');"></div>
<div class="testimonial-one__carousel owl-carousel owl-theme thm-owl__carousel" data-owl-options='{
"loop": true,
"autoplay": true,
"margin": 30,
"nav": true,
"dots": false,
"smartSpeed": 500,
"autoplayTimeout": 10000,
"navText": ["<span class=\"icon-right-arrow\"></span>","<span class=\"icon-right-arrow\"></span>"],
"responsive": {
"0": {
"items": 1
<div class="section-title text-center">
<div class="section-title__tagline-box"> <span class="section-title__tagline">Our feedbacks</span>
<div class="section-title__border-box"></div>
</div>
<h2 class="section-title__title">What Theyre <br>
Talking About Treck</h2>
</div>
<div class="testimonial-two__bottom">
<div class="testimonial-two__carousel owl-carousel owl-theme thm-owl__carousel owl-loaded owl-drag" data-owl-options="{
&quot;loop&quot;: true,
&quot;autoplay&quot;: true,
&quot;margin&quot;: 30,
&quot;nav&quot;: false,
&quot;dots&quot;: false,
&quot;smartSpeed&quot;: 500,
&quot;autoplayTimeout&quot;: 10000,
&quot;navText&quot;: [&quot;<span class=\&quot;icon-right-arrow\&quot;></span>&quot;,&quot;<span class=\&quot;icon-right-arrow\&quot;></span>&quot;],
&quot;responsive&quot;: {
&quot;0&quot;: {
&quot;items&quot;: 1
},
"768": {
"items": 1
&quot;768&quot;: {
&quot;items&quot;: 1
},
"992": {
"items": 1
&quot;992&quot;: {
&quot;items&quot;: 2
},
"1200": {
"items": 1
&quot;1200&quot;: {
&quot;items&quot;: 2
}
}
}'>
<!--Testimonial one Single Start-->
<div class="item">
<div class="testimonial-one__single">
<div class="testimonial-one__img-1"> <img src="assets/images/testimonial/testimonial-one-img-1.png" alt="">
<div class="testimonial-one__shape-1"> <img src="assets/images/shapes/testimonial-one-shape-1.png" alt=""> </div>
</div>
<div class="testimonial-one__inner">
<div class="testimonial-one__icon-and-ratting">
<div class="testimonial-one__icon"> <img src="assets/images/icon/testimonial-one-chatting-icon.png" alt=""> </div>
<div class="testimonial-one__ratting"> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> </div>
}">
<!--Testimonial Two Single Start-->
<!--Testimonial Two Single End-->
<!--Testimonial Two Single Start-->
<!--Testimonial Two Single End-->
<!--Testimonial Two Single Start-->
<!--Testimonial Two Single End-->
<!--Testimonial Two Single Start-->
<!--Testimonial Two Single End-->
<div class="owl-stage-outer">
<div class="owl-stage" style="transform: translate3d(-2400px, 0px, 0px); transition: 0.5s; width: 4800px;">
<div class="owl-item cloned" style="width: 570px; margin-right: 30px;">
<div class="item">
<div class="testimonial-two__single">
<div class="testimonial-two__inner">
<div class="testimonial-two__img"> <img src="assets/images/testimonial/testimonial-2-3.jpg" alt="">
<div class="testimonial-two__shape-1"> <img src="assets/images/shapes/testimonial-two-shape-1.png" alt=""> </div>
</div>
<div class="testimonial-two__client-details-and-quote">
<div class="testimonial-two__client-details">
<div class="testimonial-two__client-rate"> <span class="fa fa-star"></span> <span class="fa fa-star"></span> <span class="fa fa-star"></span> <span class="fa fa-star"></span> <span class="fa fa-star"></span> </div>
<h4 class="testimonial-two__client-name">Nikolo Hardson</h4>
<p class="testimonial-two__client-sub-title">Co Founder</p>
</div>
<div class="testimonial-two__quote"> <span class="icon-chat"></span> </div>
</div>
<p class="testimonial-two__text">There are many variations of passages of available
but
the free majority have suffered alteration in some form believable.</p>
</div>
</div>
</div>
<p class="testimonial-one__text">Thank you for making the process of getting a
Canada
visa
so easy. Your phone and email response was prompt and courteous. I received my
passport
with the visa one day earlier than I had anticipated.</p>
<div class="testimonial-one__client-name-box">
<h4 class="testimonial-one__client-name">Michale Albert</h4>
<p class="testimonial-one__client-sub-title">Happy Customer</p>
</div>
<div class="owl-item cloned" style="width: 570px; margin-right: 30px;">
<div class="item">
<div class="testimonial-two__single">
<div class="testimonial-two__inner">
<div class="testimonial-two__img"> <img src="assets/images/testimonial/testimonial-2-4.jpg" alt="">
<div class="testimonial-two__shape-1"> <img src="assets/images/shapes/testimonial-two-shape-1.png" alt=""> </div>
</div>
<div class="testimonial-two__client-details-and-quote">
<div class="testimonial-two__client-details">
<div class="testimonial-two__client-rate"> <span class="fa fa-star"></span> <span class="fa fa-star"></span> <span class="fa fa-star"></span> <span class="fa fa-star"></span> <span class="fa fa-star"></span> </div>
<h4 class="testimonial-two__client-name">Alisha Martin</h4>
<p class="testimonial-two__client-sub-title">Co Founder</p>
</div>
<div class="testimonial-two__quote"> <span class="icon-chat"></span> </div>
</div>
<p class="testimonial-two__text">There are many variations of passages of available
but
the free majority have suffered alteration in some form believable.</p>
</div>
</div>
</div>
</div>
<div class="owl-item" style="width: 570px; margin-right: 30px;">
<div class="item">
<div class="testimonial-two__single">
<div class="testimonial-two__inner">
<div class="testimonial-two__img"> <img src="assets/images/testimonial/testimonial-2-1.jpg" alt="">
<div class="testimonial-two__shape-1"> <img src="assets/images/shapes/testimonial-two-shape-1.png" alt=""> </div>
</div>
<div class="testimonial-two__client-details-and-quote">
<div class="testimonial-two__client-details">
<div class="testimonial-two__client-rate"> <span class="fa fa-star"></span> <span class="fa fa-star"></span> <span class="fa fa-star"></span> <span class="fa fa-star"></span> <span class="fa fa-star"></span> </div>
<h4 class="testimonial-two__client-name">Jessica Brown</h4>
<p class="testimonial-two__client-sub-title">Co Founder</p>
</div>
<div class="testimonial-two__quote"> <span class="icon-chat"></span> </div>
</div>
<p class="testimonial-two__text">There are many variations of passages of available
but
the free majority have suffered alteration in some form believable.</p>
</div>
</div>
</div>
</div>
<div class="owl-item" style="width: 570px; margin-right: 30px;">
<div class="item">
<div class="testimonial-two__single">
<div class="testimonial-two__inner">
<div class="testimonial-two__img"> <img src="assets/images/testimonial/testimonial-2-2.jpg" alt="">
<div class="testimonial-two__shape-1"> <img src="assets/images/shapes/testimonial-two-shape-1.png" alt=""> </div>
</div>
<div class="testimonial-two__client-details-and-quote">
<div class="testimonial-two__client-details">
<div class="testimonial-two__client-rate"> <span class="fa fa-star"></span> <span class="fa fa-star"></span> <span class="fa fa-star"></span> <span class="fa fa-star"></span> <span class="fa fa-star"></span> </div>
<h4 class="testimonial-two__client-name">Mike Hardson</h4>
<p class="testimonial-two__client-sub-title">Co Founder</p>
</div>
<div class="testimonial-two__quote"> <span class="icon-chat"></span> </div>
</div>
<p class="testimonial-two__text">There are many variations of passages of available
but
the free majority have suffered alteration in some form believable.</p>
</div>
</div>
</div>
</div>
<div class="owl-item active" style="width: 570px; margin-right: 30px;">
<div class="item">
<div class="testimonial-two__single">
<div class="testimonial-two__inner">
<div class="testimonial-two__img"> <img src="assets/images/testimonial/testimonial-2-3.jpg" alt="">
<div class="testimonial-two__shape-1"> <img src="assets/images/shapes/testimonial-two-shape-1.png" alt=""> </div>
</div>
<div class="testimonial-two__client-details-and-quote">
<div class="testimonial-two__client-details">
<div class="testimonial-two__client-rate"> <span class="fa fa-star"></span> <span class="fa fa-star"></span> <span class="fa fa-star"></span> <span class="fa fa-star"></span> <span class="fa fa-star"></span> </div>
<h4 class="testimonial-two__client-name">Nikolo Hardson</h4>
<p class="testimonial-two__client-sub-title">Co Founder</p>
</div>
<div class="testimonial-two__quote"> <span class="icon-chat"></span> </div>
</div>
<p class="testimonial-two__text">There are many variations of passages of available
but
the free majority have suffered alteration in some form believable.</p>
</div>
</div>
</div>
</div>
<div class="owl-item active" style="width: 570px; margin-right: 30px;">
<div class="item">
<div class="testimonial-two__single">
<div class="testimonial-two__inner">
<div class="testimonial-two__img"> <img src="assets/images/testimonial/testimonial-2-4.jpg" alt="">
<div class="testimonial-two__shape-1"> <img src="assets/images/shapes/testimonial-two-shape-1.png" alt=""> </div>
</div>
<div class="testimonial-two__client-details-and-quote">
<div class="testimonial-two__client-details">
<div class="testimonial-two__client-rate"> <span class="fa fa-star"></span> <span class="fa fa-star"></span> <span class="fa fa-star"></span> <span class="fa fa-star"></span> <span class="fa fa-star"></span> </div>
<h4 class="testimonial-two__client-name">Alisha Martin</h4>
<p class="testimonial-two__client-sub-title">Co Founder</p>
</div>
<div class="testimonial-two__quote"> <span class="icon-chat"></span> </div>
</div>
<p class="testimonial-two__text">There are many variations of passages of available
but
the free majority have suffered alteration in some form believable.</p>
</div>
</div>
</div>
</div>
<div class="owl-item cloned" style="width: 570px; margin-right: 30px;">
<div class="item">
<div class="testimonial-two__single">
<div class="testimonial-two__inner">
<div class="testimonial-two__img"> <img src="assets/images/testimonial/testimonial-2-1.jpg" alt="">
<div class="testimonial-two__shape-1"> <img src="assets/images/shapes/testimonial-two-shape-1.png" alt=""> </div>
</div>
<div class="testimonial-two__client-details-and-quote">
<div class="testimonial-two__client-details">
<div class="testimonial-two__client-rate"> <span class="fa fa-star"></span> <span class="fa fa-star"></span> <span class="fa fa-star"></span> <span class="fa fa-star"></span> <span class="fa fa-star"></span> </div>
<h4 class="testimonial-two__client-name">Jessica Brown</h4>
<p class="testimonial-two__client-sub-title">Co Founder</p>
</div>
<div class="testimonial-two__quote"> <span class="icon-chat"></span> </div>
</div>
<p class="testimonial-two__text">There are many variations of passages of available
but
the free majority have suffered alteration in some form believable.</p>
</div>
</div>
</div>
</div>
<div class="owl-item cloned" style="width: 570px; margin-right: 30px;">
<div class="item">
<div class="testimonial-two__single">
<div class="testimonial-two__inner">
<div class="testimonial-two__img"> <img src="assets/images/testimonial/testimonial-2-2.jpg" alt="">
<div class="testimonial-two__shape-1"> <img src="assets/images/shapes/testimonial-two-shape-1.png" alt=""> </div>
</div>
<div class="testimonial-two__client-details-and-quote">
<div class="testimonial-two__client-details">
<div class="testimonial-two__client-rate"> <span class="fa fa-star"></span> <span class="fa fa-star"></span> <span class="fa fa-star"></span> <span class="fa fa-star"></span> <span class="fa fa-star"></span> </div>
<h4 class="testimonial-two__client-name">Mike Hardson</h4>
<p class="testimonial-two__client-sub-title">Co Founder</p>
</div>
<div class="testimonial-two__quote"> <span class="icon-chat"></span> </div>
</div>
<p class="testimonial-two__text">There are many variations of passages of available
but
the free majority have suffered alteration in some form believable.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!--Testimonial one Single End-->
<!--Testimonial one Single Start-->
<div class="item">
<div class="testimonial-one__single">
<div class="testimonial-one__img-1"> <img src="assets/images/testimonial/testimonial-one-img-2.png" alt="">
<div class="testimonial-one__shape-1"> <img src="assets/images/shapes/testimonial-one-shape-1.png" alt=""> </div>
</div>
<div class="testimonial-one__inner">
<div class="testimonial-one__icon-and-ratting">
<div class="testimonial-one__icon"> <img src="assets/images/icon/testimonial-one-chatting-icon.png" alt=""> </div>
<div class="testimonial-one__ratting"> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> </div>
</div>
<p class="testimonial-one__text">Thank you for making the process of getting a
Canada
visa
so easy. Your phone and email response was prompt and courteous. I received my
passport
with the visa one day earlier than I had anticipated.</p>
<div class="testimonial-one__client-name-box">
<h4 class="testimonial-one__client-name">Jessica Brown</h4>
<p class="testimonial-one__client-sub-title">Happy Customer</p>
</div>
</div>
</div>
<div class="owl-nav disabled">
<button type="button" role="presentation" class="owl-prev"><span class="icon-right-arrow"></span></button>
<button type="button" role="presentation" class="owl-next"><span class="icon-right-arrow"></span></button>
</div>
<!--Testimonial one Single End-->
<!--Testimonial one Single Start-->
<div class="item">
<div class="testimonial-one__single">
<div class="testimonial-one__img-1"> <img src="assets/images/testimonial/testimonial-one-img-3.png" alt="">
<div class="testimonial-one__shape-1"> <img src="assets/images/shapes/testimonial-one-shape-1.png" alt=""> </div>
</div>
<div class="testimonial-one__inner">
<div class="testimonial-one__icon-and-ratting">
<div class="testimonial-one__icon"> <img src="assets/images/icon/testimonial-one-chatting-icon.png" alt=""> </div>
<div class="testimonial-one__ratting"> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> </div>
</div>
<p class="testimonial-one__text">Thank you for making the process of getting a
Canada
visa
so easy. Your phone and email response was prompt and courteous. I received my
passport
with the visa one day earlier than I had anticipated.</p>
<div class="testimonial-one__client-name-box">
<h4 class="testimonial-one__client-name">Sarah Albert</h4>
<p class="testimonial-one__client-sub-title">Happy Customer</p>
</div>
</div>
</div>
</div>
<!--Testimonial one Single End-->
<!--Testimonial one Single Start-->
<div class="item">
<div class="testimonial-one__single">
<div class="testimonial-one__img-1"> <img src="assets/images/testimonial/testimonial-one-img-4.png" alt="">
<div class="testimonial-one__shape-1"> <img src="assets/images/shapes/testimonial-one-shape-1.png" alt=""> </div>
</div>
<div class="testimonial-one__inner">
<div class="testimonial-one__icon-and-ratting">
<div class="testimonial-one__icon"> <img src="assets/images/icon/testimonial-one-chatting-icon.png" alt=""> </div>
<div class="testimonial-one__ratting"> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> </div>
</div>
<p class="testimonial-one__text">Thank you for making the process of getting a
Canada
visa
so easy. Your phone and email response was prompt and courteous. I received my
passport
with the visa one day earlier than I had anticipated.</p>
<div class="testimonial-one__client-name-box">
<h4 class="testimonial-one__client-name">Christine Eve</h4>
<p class="testimonial-one__client-sub-title">Happy Customer</p>
</div>
</div>
</div>
</div>
<!--Testimonial one Single End-->
<div class="owl-dots disabled"></div>
</div>
</div>
</div>
</section>
<!--Testimonial One End-->
<!--Testimonial One End-->