contact page changes and index page

This commit is contained in:
sujan
2024-09-29 17:07:13 +05:45
parent 0c0151b77d
commit 8b54452d1c
9 changed files with 384 additions and 199 deletions

View File

@ -1,7 +1,5 @@
<!--Countries One Start-->
<section class="countries-one">
<div class="countries-one__bg"
style="background-image: url('assets/images/backgrounds/countries-one-bg.png');"></div>
<!--Countries Two Start -->
<section class="countries-two blog-bg section-pd">
<div class="container">
<div class="section-title text-center">
<div class="section-title__tagline-box"> <span class="section-title__tagline">Our countries list</span>
@ -10,92 +8,161 @@
<h2 class="section-title__title">Select the Country of <br>
Your Choice</h2>
</div>
<div class="row">
<!--Countries One Single Start-->
<div class="col-xl-2 col-lg-4 col-md-6">
<div class="countries-one__single">
<div class="countries-one__img-box">
<div class="countries-one__img"> <img src="assets/images/countries/countries-1-1.jpg" alt=""> </div>
<div class="countries-two__bottom">
<div class="countries-two__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=\"fa fa-angle-left\"></span>","<span class=\"fa fa-angle-right\"></span>"],
"responsive": {
"0": {
"items": 1
},
"768": {
"items": 2
},
"992": {
"items": 3
},
"1200": {
"items": 4
}
}
}'>
<!--Countries Two Single Start-->
<div class="item">
<div class="countries-two__single">
<div class="countries-two__name-and-img">
<div class="countries-two__name">
<h3><a href="countries-details.html">Australia</a></h3>
</div>
<div class="countries-two__img"> <img src="assets/images/countries/countries-2-1.jpg" alt=""> </div>
</div>
<ul class="countries-two__points list-unstyled">
<li>
<div class="icon"> <span class="icon-check"></span> </div>
<div class="text">
<p>5 Years Business Visa</p>
</div>
</li>
<li>
<div class="icon"> <span class="icon-check"></span> </div>
<div class="text">
<p>Apply via Online</p>
</div>
</li>
<li>
<div class="icon"> <span class="icon-check"></span> </div>
<div class="text">
<p>Student Visa</p>
</div>
</li>
</ul>
</div>
<h3 class="countries-one__title"><a href="countries-details.html">Germany</a></h3>
<p class="countries-one__text">Nulla ut elemen
tum sapien</p>
<div class="countries-one__arrow-box"> <a href="countries-details.html" class="countries-one__arrow"><i
class="icon-right-arrow"></i></a> </div>
</div>
</div>
<!--Countries One Single End-->
<!--Countries One Single Start-->
<div class="col-xl-2 col-lg-4 col-md-6">
<div class="countries-one__single">
<div class="countries-one__img-box">
<div class="countries-one__img"> <img src="assets/images/countries/countries-1-2.jpg" alt=""> </div>
<!--Countries Two Single End-->
<!--Countries Two Single Start-->
<div class="item">
<div class="countries-two__single">
<div class="countries-two__name-and-img">
<div class="countries-two__name">
<h3><a href="countries-details.html">Dubai</a></h3>
</div>
<div class="countries-two__img"> <img src="assets/images/countries/countries-2-2.jpg" alt=""> </div>
</div>
<ul class="countries-two__points list-unstyled">
<li>
<div class="icon"> <span class="icon-check"></span> </div>
<div class="text">
<p>5 Years Business Visa</p>
</div>
</li>
<li>
<div class="icon"> <span class="icon-check"></span> </div>
<div class="text">
<p>Apply via Online</p>
</div>
</li>
<li>
<div class="icon"> <span class="icon-check"></span> </div>
<div class="text">
<p>Student Visa</p>
</div>
</li>
</ul>
</div>
<h3 class="countries-one__title"><a href="countries-details.html">London</a></h3>
<p class="countries-one__text">Nulla ut elemen
tum sapien</p>
<div class="countries-one__arrow-box"> <a href="countries-details.html" class="countries-one__arrow"><i
class="icon-right-arrow"></i></a> </div>
</div>
</div>
<!--Countries One Single End-->
<!--Countries One Single Start-->
<div class="col-xl-2 col-lg-4 col-md-6">
<div class="countries-one__single">
<div class="countries-one__img-box">
<div class="countries-one__img"> <img src="assets/images/countries/countries-1-3.jpg" alt=""> </div>
<!--Countries Two Single End-->
<!--Countries Two Single Start-->
<div class="item">
<div class="countries-two__single">
<div class="countries-two__name-and-img">
<div class="countries-two__name">
<h3><a href="countries-details.html">United States</a></h3>
</div>
<div class="countries-two__img"> <img src="assets/images/countries/countries-2-3.jpg" alt=""> </div>
</div>
<ul class="countries-two__points list-unstyled">
<li>
<div class="icon"> <span class="icon-check"></span> </div>
<div class="text">
<p>5 Years Business Visa</p>
</div>
</li>
<li>
<div class="icon"> <span class="icon-check"></span> </div>
<div class="text">
<p>Apply via Online</p>
</div>
</li>
<li>
<div class="icon"> <span class="icon-check"></span> </div>
<div class="text">
<p>Student Visa</p>
</div>
</li>
</ul>
</div>
<h3 class="countries-one__title"><a href="countries-details.html">Italy</a></h3>
<p class="countries-one__text">Nulla ut elemen
tum sapien</p>
<div class="countries-one__arrow-box"> <a href="countries-details.html" class="countries-one__arrow"><i
class="icon-right-arrow"></i></a> </div>
</div>
</div>
<!--Countries One Single End-->
<!--Countries One Single Start-->
<div class="col-xl-2 col-lg-4 col-md-6">
<div class="countries-one__single">
<div class="countries-one__img-box">
<div class="countries-one__img"> <img src="assets/images/countries/countries-1-4.jpg" alt=""> </div>
<!--Countries Two Single End-->
<!--Countries Two Single Start-->
<div class="item">
<div class="countries-two__single">
<div class="countries-two__name-and-img">
<div class="countries-two__name">
<h3><a href="countries-details.html">Paris</a></h3>
</div>
<div class="countries-two__img"> <img src="assets/images/countries/countries-2-4.jpg" alt=""> </div>
</div>
<ul class="countries-two__points list-unstyled">
<li>
<div class="icon"> <span class="icon-check"></span> </div>
<div class="text">
<p>5 Years Business Visa</p>
</div>
</li>
<li>
<div class="icon"> <span class="icon-check"></span> </div>
<div class="text">
<p>Apply via Online</p>
</div>
</li>
<li>
<div class="icon"> <span class="icon-check"></span> </div>
<div class="text">
<p>Student Visa</p>
</div>
</li>
</ul>
</div>
<h3 class="countries-one__title"><a href="countries-details.html">Australia</a></h3>
<p class="countries-one__text">Nulla ut elemen
tum sapien</p>
<div class="countries-one__arrow-box"> <a href="countries-details.html" class="countries-one__arrow"><i
class="icon-right-arrow"></i></a> </div>
</div>
<!--Countries Two Single End-->
</div>
<!--Countries One Single End-->
<!--Countries One Single Start-->
<div class="col-xl-2 col-lg-4 col-md-6">
<div class="countries-one__single">
<div class="countries-one__img-box">
<div class="countries-one__img"> <img src="assets/images/countries/countries-1-5.jpg" alt=""> </div>
</div>
<h3 class="countries-one__title"><a href="countries-details.html">Canada</a></h3>
<p class="countries-one__text">Nulla ut elemen
tum sapien</p>
<div class="countries-one__arrow-box"> <a href="countries-details.html" class="countries-one__arrow"><i
class="icon-right-arrow"></i></a> </div>
</div>
</div>
<!--Countries One Single End-->
<!--Countries One Single Start-->
<div class="col-xl-2 col-lg-4 col-md-6">
<div class="countries-one__single">
<div class="countries-one__img-box">
<div class="countries-one__img"> <img src="assets/images/countries/countries-1-6.jpg" alt=""> </div>
</div>
<h3 class="countries-one__title"><a href="countries-details.html">Turkey</a></h3>
<p class="countries-one__text">Nulla ut elemen
tum sapien</p>
<div class="countries-one__arrow-box"> <a href="countries-details.html" class="countries-one__arrow"><i
class="icon-right-arrow"></i></a> </div>
</div>
</div>
<!--Countries One Single End-->
</div>
</div>
</section>
<!--Countries One End-->
<!--Countries Two End -->