first change
This commit is contained in:
Aashishad
commit
5e6dc128fa
38
LICENSE.txt
Normal file
38
LICENSE.txt
Normal file
@ -0,0 +1,38 @@
|
|||||||
|
|
||||||
|
|
||||||
|
=> FREE HTML TEMPLATE LICENSE BY HTML Codex
|
||||||
|
|
||||||
|
All free HTML templates by HTML Codex are licensed under a Creative Commons Attribution 4.0 International License which means you are not allowed to remove the author’s credit link/attribution link/backlink.
|
||||||
|
|
||||||
|
When you download or use our free HTML templates, it will attribute the following conditions.
|
||||||
|
|
||||||
|
|
||||||
|
=> YOU ARE ALLOWED
|
||||||
|
|
||||||
|
1. You are allowed to use for your personal and commercial purposes.
|
||||||
|
|
||||||
|
2. You are allowed to modify/customize however you like.
|
||||||
|
|
||||||
|
3. You are allowed to convert/port for use for any CMS.
|
||||||
|
|
||||||
|
4. You are allowed to share/distribute under the HTML Codex brand name.
|
||||||
|
|
||||||
|
5. You are allowed to put a screenshot or a link on your blog posts or any other websites.
|
||||||
|
|
||||||
|
|
||||||
|
=> YOU ARE NOT ALLOWED
|
||||||
|
|
||||||
|
1. You are not allowed to remove the author’s credit link/attribution link/backlink without purchasing Credit Removal License ( https://htmlcodex.com/credit-removal ).
|
||||||
|
|
||||||
|
2. You are not allowed to sell, resale, rent, lease, license, or sub-license.
|
||||||
|
|
||||||
|
3. You are not allowed to upload on your template websites or template collection websites or any other third party websites without our permission.
|
||||||
|
|
||||||
|
|
||||||
|
=> If the template contains premium stock photos which are only for demo purposes and not distributed with the template. You need to purchase them separately from the corresponding stock photo website. You are responsible for adhering to the original license of them if necessary.
|
||||||
|
|
||||||
|
|
||||||
|
=> This license can be terminated if you breach any of these conditions.
|
||||||
|
|
||||||
|
|
||||||
|
=> PURCHASE CREDIT REMOVAL LICENSE ( https://htmlcodex.com/credit-removal )
|
||||||
9
READ-ME.txt
Normal file
9
READ-ME.txt
Normal file
@ -0,0 +1,9 @@
|
|||||||
|
=> Template Name : Travisa - Visa & Immigration Website Template
|
||||||
|
|
||||||
|
=> Template Link : https://htmlcodex.com/visa-immigration-website-template
|
||||||
|
|
||||||
|
=> Template License : https://htmlcodex.com/license (or read the LICENSE.txt file)
|
||||||
|
|
||||||
|
=> Template Author : HTML Codex
|
||||||
|
|
||||||
|
=> Author Website : https://htmlcodex.com
|
||||||
172
aboutus.php
Normal file
172
aboutus.php
Normal file
@ -0,0 +1,172 @@
|
|||||||
|
<?php include ('header.php'); ?>
|
||||||
|
|
||||||
|
<div class="container-fluid bg-breadcrumb">
|
||||||
|
<div class="container text-center py-5" style="max-width: 900px;">
|
||||||
|
<h3 class="text-white display-3 mb-4 wow fadeInDown" data-wow-delay="0.1s">About Us</h1>
|
||||||
|
<ol class="breadcrumb justify-content-center text-white mb-0 wow fadeInDown" data-wow-delay="0.3s">
|
||||||
|
<li class="breadcrumb-item"><a href="index.php" class="text-white">Home</a></li>
|
||||||
|
<li class="breadcrumb-item"><a href="#" class="text-white">About</a></li>
|
||||||
|
</ol>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="container-fluid overflow-hidden py-5">
|
||||||
|
<div class="container py-5">
|
||||||
|
<div class="row g-5">
|
||||||
|
<div class="col-xl-5 wow fadeInLeft" data-wow-delay="0.1s">
|
||||||
|
<div class="bg-light rounded text-center">
|
||||||
|
<img src="img/profile.png" class="img-fluid " style="margin: 10px; height:300px; " alt="Image">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-xl-7 wow fadeInRight" data-wow-delay="0.3s">
|
||||||
|
<h3 class="sub-title display-5 pe-3 text-lg b">Company Profile</h3>
|
||||||
|
<p class="mb-4">Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt architecto consectetur iusto
|
||||||
|
perferendis blanditiis assumenda dignissimos, commodi fuga culpa earum explicabo libero sint est mollitia
|
||||||
|
saepe! Sequi asperiores rerum nemo!
|
||||||
|
Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt architecto consectetur iusto perferendis
|
||||||
|
blanditiis assumenda dignissimos, commodi fuga culpa earum explicabo libero sint est mollitia saepe! Sequi
|
||||||
|
asperiores rerum nemo!</p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container-fluid counter-facts py-5">
|
||||||
|
<div class="container py-5">
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-12 col-sm-6 col-md-6 col-xl-3 wow fadeInUp" data-wow-delay="0.1s">
|
||||||
|
<div class="counter">
|
||||||
|
<div class="counter-icon">
|
||||||
|
<i class="fas fa-passport"></i>
|
||||||
|
</div>
|
||||||
|
<div class="counter-content">
|
||||||
|
<h3>Visa Categories</h3>
|
||||||
|
<div class="d-flex align-items-center justify-content-center">
|
||||||
|
<span class="counter-value" data-toggle="counter-up">31</span>
|
||||||
|
<h4 class="text-secondary mb-0" style="font-weight: 600; font-size: 25px;">+</h4>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 col-sm-6 col-md-6 col-xl-3 wow fadeInUp" data-wow-delay="0.3s">
|
||||||
|
<div class="counter">
|
||||||
|
<div class="counter-icon">
|
||||||
|
<i class="fas fa-users"></i>
|
||||||
|
</div>
|
||||||
|
<div class="counter-content">
|
||||||
|
<h3>Team Members</h3>
|
||||||
|
<div class="d-flex align-items-center justify-content-center">
|
||||||
|
<span class="counter-value" data-toggle="counter-up">377</span>
|
||||||
|
<h4 class="text-secondary mb-0" style="font-weight: 600; font-size: 25px;">+</h4>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 col-sm-6 col-md-6 col-xl-3 wow fadeInUp" data-wow-delay="0.5s">
|
||||||
|
<div class="counter">
|
||||||
|
<div class="counter-icon">
|
||||||
|
<i class="fas fa-user-check"></i>
|
||||||
|
</div>
|
||||||
|
<div class="counter-content">
|
||||||
|
<h3>Visa Process</h3>
|
||||||
|
<div class="d-flex align-items-center justify-content-center">
|
||||||
|
<span class="counter-value" data-toggle="counter-up">4.9</span>
|
||||||
|
<h4 class="text-secondary mb-0" style="font-weight: 600; font-size: 25px;">K</h4>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 col-sm-6 col-md-6 col-xl-3 wow fadeInUp" data-wow-delay="0.7s">
|
||||||
|
<div class="counter">
|
||||||
|
<div class="counter-icon">
|
||||||
|
<i class="fas fa-handshake"></i>
|
||||||
|
</div>
|
||||||
|
<div class="counter-content">
|
||||||
|
<h3>Success Rates</h3>
|
||||||
|
<div class="d-flex align-items-center justify-content-center">
|
||||||
|
<span class="counter-value" data-toggle="counter-up">98</span>
|
||||||
|
<h4 class="text-secondary mb-0" style="font-weight: 600; font-size: 25px;">%</h4>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container-fluid country overflow-hidden py-5"
|
||||||
|
style="background-image: url('img/testibg.png'); object-fit: cover;">
|
||||||
|
<div class="container py-5">
|
||||||
|
<div class="section-title text-center wow fadeInUp" data-wow-delay="0.1s" style="margin-bottom: 70px;">
|
||||||
|
<div class="sub-style">
|
||||||
|
<h3 class="sub-title display-5 mb-4 px-3">Mission, Vision & Objectives</h3>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<p class="mb-0">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat deleniti amet at atque sequi
|
||||||
|
quibusdam cumque itaque repudiandae temporibus, eius nam mollitia voluptas maxime veniam necessitatibus saepe in
|
||||||
|
ab? Repellat!</p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
|
||||||
|
<h2 class=" mb-4">Mission
|
||||||
|
</h2>
|
||||||
|
<p class="mb-4">At Orient Consultancy, our mission is to empower aspiring students to achieve their educational
|
||||||
|
and career goals by providing comprehensive and personalized guidance for studying abroad. We aim to simplify
|
||||||
|
the complexities of international education through expert advice, ethical practices, and unwavering support,
|
||||||
|
ensuring each student finds the right academic path and destination to realize their fullest potential. With a
|
||||||
|
commitment to integrity, excellence, and innovation, we offer tailored services that cover everything from
|
||||||
|
educational counseling and application assistance to visa guidance and post-arrival support. Our vision is to be
|
||||||
|
a leading global education consultancy recognized for our dedication to student success and our contribution to
|
||||||
|
international education, celebrating and promoting cultural diversity and global understanding every step of the
|
||||||
|
way.</p>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
|
||||||
|
<h2 class=" mb-4">Vision
|
||||||
|
</h2>
|
||||||
|
<p class="mb-4">At Orient Consultancy, our vision is to be a leading global education consultancy renowned for our
|
||||||
|
commitment to student success, excellence in service, and impactful contributions to the field of international
|
||||||
|
education. We aspire to empower students from diverse backgrounds to achieve their academic and career
|
||||||
|
aspirations by providing them with unparalleled support and guidance. By fostering a culture of integrity,
|
||||||
|
innovation, and inclusivity, we aim to bridge the gap between dreams and reality, creating a world where
|
||||||
|
education knows no boundaries and every student can thrive in a globalized environment. Through our dedication
|
||||||
|
to ethical practices and personalized services, we envision a future where Orient Consultancy is synonymous with
|
||||||
|
trust, quality, and transformative educational experiences.</p>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
|
||||||
|
<h2 class=" mb-4">Objectives
|
||||||
|
</h2>
|
||||||
|
<p class="mb-4">At Orient Consultancy, our primary objectives are to provide personalized and comprehensive
|
||||||
|
guidance to students, ensuring their academic and career aspirations are met with the highest standards of
|
||||||
|
excellence. We aim to offer tailored advice, expert consultation, and end-to-end support, from initial
|
||||||
|
counseling and application assistance to visa guidance and post-arrival services. By leveraging strong global
|
||||||
|
networks with reputable educational institutions, we present diverse and high-quality study options to our
|
||||||
|
students. Committed to ethical practices and transparency, we build trust with students and their families,
|
||||||
|
fostering their academic and personal growth. We strive to make international education accessible and celebrate
|
||||||
|
cultural diversity, helping students embrace global perspectives and thrive in a globalized environment.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container-fluid country overflow-hidden py-5">
|
||||||
|
<div class="container py-5">
|
||||||
|
<div class="section-title text-center wow fadeInUp" data-wow-delay="0.1s" style="margin-bottom: 70px;">
|
||||||
|
<div class="sub-style">
|
||||||
|
<h3 class="sub-title display-5 mb-4 px-3">Our Network</h3>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<p class="mb-0">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat deleniti amet at atque sequi
|
||||||
|
quibusdam cumque itaque repudiandae temporibus, eius nam mollitia voluptas maxime veniam necessitatibus saepe in
|
||||||
|
ab? Repellat!</p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<?php include ('footer.php'); ?>
|
||||||
90
australia.php
Normal file
90
australia.php
Normal file
@ -0,0 +1,90 @@
|
|||||||
|
<?php include ('header.php'); ?>
|
||||||
|
|
||||||
|
<div class="container-fluid bg-breadcrumb">
|
||||||
|
<div class="container text-center py-5" style="max-width: 900px;">
|
||||||
|
<h3 class="text-white display-3 mb-4 wow fadeInDown" data-wow-delay="0.1s">Study Abroad</h1>
|
||||||
|
<ol class="breadcrumb justify-content-center text-white mb-0 wow fadeInDown" data-wow-delay="0.3s">
|
||||||
|
<li class="breadcrumb-item"><a href="index.php" class="text-white">Home</a></li>
|
||||||
|
<li class="breadcrumb-item"><a href="#" class="text-white">Australia</a></li>
|
||||||
|
</ol>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div class="container-fluid py-5 bg-light">
|
||||||
|
<div class="container py-5">
|
||||||
|
<div class="row g-5">
|
||||||
|
<div class="col-xl-5 wow fadeInLeft" data-wow-delay="0.1s">
|
||||||
|
<div class="bg-light rounded">
|
||||||
|
<img src="img/about-2.png" class="img-fluid w-100"
|
||||||
|
style="margin-bottom: -100px; height: 350px; object-fit: cover;" alt="Image">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-xl-7 wow fadeInRight" data-wow-delay="0.3s">
|
||||||
|
<h5 class="sub-title pe-3">Australia</h5>
|
||||||
|
<h1 class="display-5 mb-4">Why Study in Australia?
|
||||||
|
</h1>
|
||||||
|
<p class="mb-4">Australia is a top destination for international students due to its high-quality education,
|
||||||
|
diverse culture, and beautiful landscapes. Here are some key reasons why students choose Australia:</p>
|
||||||
|
<div class="mb-4">
|
||||||
|
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i> World-Class Education: Australia has several
|
||||||
|
universities ranked among the top 100 globally, offering a wide range of courses and degrees.</p>
|
||||||
|
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i> Cultural Diversity: With students from all over
|
||||||
|
the world, you'll experience a multicultural environment that enriches your educational and personal
|
||||||
|
experience.</p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<h1 class="display-5 mb-4">Top Universities
|
||||||
|
</h1>
|
||||||
|
<p class="mb-4">Some of the top universities in Australia include:</p>
|
||||||
|
<div class="mb-4">
|
||||||
|
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i>Australian National University (ANU)</p>
|
||||||
|
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i> University of Melbourne</p>
|
||||||
|
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i> University of Melbourne</p>
|
||||||
|
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i>Work Opportunities: Australia allows
|
||||||
|
international
|
||||||
|
students to work part-time while studying and provides post-study work visa options.</p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 wow fadeInRight" data-wow-delay="0.3s">
|
||||||
|
<h1 class="display-5 mb-4 ">Application process</h1>
|
||||||
|
<div class="mb-4">
|
||||||
|
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i> Choose a Course and University: Research
|
||||||
|
courses and universities that suit your career goals and preferences.</p>
|
||||||
|
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i> Check Entry Requirements: Each course and
|
||||||
|
university has specific entry requirements, including academic qualifications and English language
|
||||||
|
proficiency</p>
|
||||||
|
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i>Apply: Submit your application directly through
|
||||||
|
the university's website or via an authorized representative.</p>
|
||||||
|
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i>Receive Offer Letter: If your application is
|
||||||
|
successful, you will receive an offer letter.</p>
|
||||||
|
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i>Apply for Visa: Apply for an Australian student
|
||||||
|
visa (subclass 500) once you accept your offer..</p>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<h1 class="display-5 mb-4">Scholarships
|
||||||
|
</h1>
|
||||||
|
<p class="mb-4">SThere are numerous scholarships available for international students, including:</p>
|
||||||
|
<div class="mb-4">
|
||||||
|
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i>Australia Awards Scholarships</p>
|
||||||
|
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i> Destination Australia Program</p>
|
||||||
|
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i> University-specific scholarships</p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<?php include ('footer.php'); ?>
|
||||||
106
blog.php
Normal file
106
blog.php
Normal file
@ -0,0 +1,106 @@
|
|||||||
|
<?php include ('header.php'); ?>
|
||||||
|
|
||||||
|
<div class="container-fluid bg-breadcrumb">
|
||||||
|
<div class="container text-center py-5" style="max-width: 900px;">
|
||||||
|
<h3 class="text-white display-3 mb-4 wow fadeInDown" data-wow-delay="0.1s">Blogs</h1>
|
||||||
|
<ol class="breadcrumb justify-content-center text-white mb-0 wow fadeInDown" data-wow-delay="0.3s">
|
||||||
|
<li class="breadcrumb-item"><a href="index.php" class="text-white">Home</a></li>
|
||||||
|
<li class="breadcrumb-item"><a href="#" class="text-white">Blogs</a></li>
|
||||||
|
</ol>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container-fluid service overflow-hidden py-5">
|
||||||
|
<div class="container py-5">
|
||||||
|
<div class="section-title text-center mb-5 wow fadeInUp" data-wow-delay="0.1s">
|
||||||
|
<h1 class="display-5 mb-4">Blogs</h1>
|
||||||
|
</div>
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-lg-6 col-xl-4 wow fadeInUp" data-wow-delay="0.1s">
|
||||||
|
<div class="service-item">
|
||||||
|
<div class="service-inner">
|
||||||
|
<div class="service-img">
|
||||||
|
<img src="img/service-1.jpg" class="img-fluid w-100 rounded" alt="Image">
|
||||||
|
</div>
|
||||||
|
<div class="service-title">
|
||||||
|
<div class="service-title-name">
|
||||||
|
<div class="bg-primary text-center rounded p-3 mx-5 mb-4">
|
||||||
|
<a href="#" class="h4 text-white mb-0">Top Benefits of Studying Abroad</a>
|
||||||
|
</div>
|
||||||
|
<a class="btn bg-light text-secondary rounded-pill py-3 px-5 mb-4" href="#">Read More</a>
|
||||||
|
</div>
|
||||||
|
<div class="service-content pb-4">
|
||||||
|
<a href="#">
|
||||||
|
<h4 class="text-white mb-4 py-3">Top Benefits of Studying Abroad</h4>
|
||||||
|
</a>
|
||||||
|
<div class="px-4">
|
||||||
|
<p class="mb-4">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Mollitia fugit dolores
|
||||||
|
nesciunt adipisci obcaecati veritatis cum, ratione aspernatur autem velit.</p>
|
||||||
|
<a class="btn btn-primary border-secondary rounded-pill py-3 px-5" href="#">Read More</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-6 col-xl-4 wow fadeInUp" data-wow-delay="0.3s">
|
||||||
|
<div class="service-item">
|
||||||
|
<div class="service-inner">
|
||||||
|
<div class="service-img">
|
||||||
|
<img src="img/service-2.jpg" class="img-fluid w-100 rounded" alt="Image">
|
||||||
|
</div>
|
||||||
|
<div class="service-title">
|
||||||
|
<div class="service-title-name">
|
||||||
|
<div class="bg-primary text-center rounded p-3 mx-5 mb-4">
|
||||||
|
<a href="#" class="h4 text-white mb-0">Top MBA Programs for International Students</a>
|
||||||
|
</div>
|
||||||
|
<a class="btn bg-light text-secondary rounded-pill py-3 px-5 mb-4" href="#">Read More</a>
|
||||||
|
</div>
|
||||||
|
<div class="service-content pb-4">
|
||||||
|
<a href="#">
|
||||||
|
<h4 class="text-white mb-4 py-3">Top MBA Programs for International Students</h4>
|
||||||
|
</a>
|
||||||
|
<div class="px-4">
|
||||||
|
<p class="mb-4">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Mollitia fugit dolores
|
||||||
|
nesciunt adipisci obcaecati veritatis cum, ratione aspernatur autem velit.</p>
|
||||||
|
<a class="btn btn-primary border-secondary rounded-pill text-white py-3 px-5" href="#">Read
|
||||||
|
More</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-6 col-xl-4 wow fadeInUp" data-wow-delay="0.5s">
|
||||||
|
<div class="service-item">
|
||||||
|
<div class="service-inner">
|
||||||
|
<div class="service-img">
|
||||||
|
<img src="img/service-3.jpg" class="img-fluid w-100 rounded" alt="Image">
|
||||||
|
</div>
|
||||||
|
<div class="service-title">
|
||||||
|
<div class="service-title-name">
|
||||||
|
<div class="bg-primary text-center rounded p-3 mx-5 mb-4">
|
||||||
|
<a href="#" class="h4 text-white mb-0">Top Study Abroad Destinations for 2024</a>
|
||||||
|
</div>
|
||||||
|
<a class="btn bg-light text-secondary rounded-pill py-3 px-5 mb-4" href="#">Read More</a>
|
||||||
|
</div>
|
||||||
|
<div class="service-content pb-4">
|
||||||
|
<a href="#">
|
||||||
|
<h4 class="text-white mb-4 py-3">Top Study Abroad Destinations for 2024</h4>
|
||||||
|
</a>
|
||||||
|
<div class="px-4">
|
||||||
|
<p class="mb-4">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Mollitia fugit dolores
|
||||||
|
nesciunt adipisci obcaecati veritatis cum, ratione aspernatur autem velit.</p>
|
||||||
|
<a class="btn btn-primary border-secondary rounded-pill text-white py-3 px-5" href="#">Read
|
||||||
|
More</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<?php include ('footer.php'); ?>
|
||||||
96
canada.php
Normal file
96
canada.php
Normal file
@ -0,0 +1,96 @@
|
|||||||
|
<?php include ('header.php'); ?>
|
||||||
|
|
||||||
|
<div class="container-fluid bg-breadcrumb">
|
||||||
|
<div class="container text-center py-5" style="max-width: 900px;">
|
||||||
|
<h3 class="text-white display-3 mb-4 wow fadeInDown" data-wow-delay="0.1s">Study Abroad</h1>
|
||||||
|
<ol class="breadcrumb justify-content-center text-white mb-0 wow fadeInDown" data-wow-delay="0.3s">
|
||||||
|
<li class="breadcrumb-item"><a href="index.php" class="text-white">Home</a></li>
|
||||||
|
<li class="breadcrumb-item"><a href="#" class="text-white">Canada</a></li>
|
||||||
|
</ol>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div class="container-fluid py-5 bg-light">
|
||||||
|
<div class="container py-5">
|
||||||
|
<div class="row g-5">
|
||||||
|
<div class="col-xl-5 wow fadeInLeft" data-wow-delay="0.1s">
|
||||||
|
<div class="bg-light rounded">
|
||||||
|
<img src="img/about-2.png" class="img-fluid w-100"
|
||||||
|
style="margin-bottom: -100px; height: 350px; object-fit: cover;" alt="Image">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-xl-7 wow fadeInRight" data-wow-delay="0.3s">
|
||||||
|
<h5 class="sub-title pe-3">Canada</h5>
|
||||||
|
<h1 class="display-5 mb-4">Why Study in Canada?
|
||||||
|
</h1>
|
||||||
|
<p class="mb-4">Canada is a popular destination for international students due to its high-quality education
|
||||||
|
system, multicultural environment, and beautiful natural landscapes. Here are some key reasons why students
|
||||||
|
choose Canada:</p>
|
||||||
|
<div class="mb-4">
|
||||||
|
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i> World-Class Education: Canada is home to several
|
||||||
|
top-ranked universities and offers a wide range of programs and courses.</p>
|
||||||
|
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i> Multicultural Society: Canada is known for its
|
||||||
|
welcoming and diverse society, providing a rich cultural experience for students.</p>
|
||||||
|
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i>Work Opportunities: International students in
|
||||||
|
Canada can work part-time during their studies and have access to post-graduation work permits.</p>
|
||||||
|
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i>Quality of Life: Canada is consistently ranked as
|
||||||
|
one of the best places to live due to its high standard of living, safety, and healthcare.</p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<h1 class="display-5 mb-4">Top Universities
|
||||||
|
</h1>
|
||||||
|
<p class="mb-4">Some of the top universities in Canada include:</p>
|
||||||
|
<div class="mb-4">
|
||||||
|
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i>University of Toronto</p>
|
||||||
|
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i> University of British Columbia (UBC)</p>
|
||||||
|
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i> McGill University</p>
|
||||||
|
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i>University of Alberta</p>
|
||||||
|
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i>University of Montreal</p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 wow fadeInRight" data-wow-delay="0.3s">
|
||||||
|
<h1 class="display-5 mb-4 ">Application process</h1>
|
||||||
|
<div class="mb-4">
|
||||||
|
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i> Choose a Course and University: Research courses and
|
||||||
|
universities that align with your career goals and interests.</p>
|
||||||
|
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i> Check Entry Requirements: Each course and university
|
||||||
|
has specific entry requirements, including academic qualifications and English/French language proficiency.
|
||||||
|
</p>
|
||||||
|
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i>Apply: Submit your application through the
|
||||||
|
university's website or via a centralized application service, such as Ontario Universities' Application
|
||||||
|
Centre (OUAC).</p>
|
||||||
|
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i>Receive Offer Letter: If your application is
|
||||||
|
successful, you will receive an offer letter.</p>
|
||||||
|
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i>Apply for Study Permit: Apply for a Canadian study
|
||||||
|
permit once you accept your offer.</p>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<h1 class="display-5 mb-4">Scholarships
|
||||||
|
</h1>
|
||||||
|
<p class="mb-4">Numerous scholarships are available for international students, including:</p>
|
||||||
|
<div class="mb-4">
|
||||||
|
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i>Vanier Canada Graduate Scholarships</p>
|
||||||
|
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i> Banting Postdoctoral Fellowships</p>
|
||||||
|
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i> Canada Graduate Scholarships – Master’s Program
|
||||||
|
</p>
|
||||||
|
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i>University-specific scholarships</p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<?php include ('footer.php'); ?>
|
||||||
119
contact.php
Normal file
119
contact.php
Normal file
@ -0,0 +1,119 @@
|
|||||||
|
<?php include ('header.php'); ?>
|
||||||
|
|
||||||
|
<div class="container-fluid bg-breadcrumb">
|
||||||
|
<div class="container text-center py-5" style="max-width: 900px;">
|
||||||
|
<h3 class="text-white display-3 mb-4 wow fadeInDown" data-wow-delay="0.1s">Contact Us</h1>
|
||||||
|
<ol class="breadcrumb justify-content-center text-white mb-0 wow fadeInDown" data-wow-delay="0.3s">
|
||||||
|
<li class="breadcrumb-item"><a href="index.php" class="text-white">Home</a></li>
|
||||||
|
<li class="breadcrumb-item"><a href="#" class="text-white">Contact</a></li>
|
||||||
|
</ol>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="container-fluid contact overflow-hidden py-5">
|
||||||
|
<div class="container py-5">
|
||||||
|
<div class="row g-5 mb-5">
|
||||||
|
<div class="col-lg-6 wow fadeInLeft" data-wow-delay="0.1s">
|
||||||
|
<div class="sub-style">
|
||||||
|
<h5 class="sub-title pe-3">Contact</h5>
|
||||||
|
</div>
|
||||||
|
<h1 class="display-5 mb-4">Have Questions? Don't Hesitate to Contact Us</h1>
|
||||||
|
<p class="mb-5">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quaerat totam deserunt tempora.
|
||||||
|
Tempore neque necessitatibus corporis error earum sint quae?</p>
|
||||||
|
<div class="d-flex border-bottom mb-4 pb-4">
|
||||||
|
<i class="fas fa-map-marked-alt fa-3x " style="color:#f1592a;"></i>
|
||||||
|
<div class="ps-3">
|
||||||
|
<h5 class="mb-3">Location</h5>
|
||||||
|
<a href="#" class="fs-5 text-primary">Kathmandu, Nepal</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="row g-3">
|
||||||
|
<div class="col-xl-6">
|
||||||
|
<div class="d-flex">
|
||||||
|
<i class="fas fa-tty fa-3x" style="color: #f1592a;"></i>
|
||||||
|
<div class="ps-3">
|
||||||
|
<h5 class="mb-3">Contact</h5>
|
||||||
|
<div class="mb-3">
|
||||||
|
<h6 class="mb-0">Phone:</h6>
|
||||||
|
<a href="#" class="fs-5 ">01-4238541</a>
|
||||||
|
</div>
|
||||||
|
<div class="mb-3">
|
||||||
|
<h6 class="mb-0">Email:</h6>
|
||||||
|
<a href="#" class="fs-5 text-primary">orientconsultancynepal@gmail.com</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-6 wow fadeInRight" data-wow-delay="0.3">
|
||||||
|
<div class="sub-style">
|
||||||
|
<h5 class="sub-title pe-3">Message Us</h5>
|
||||||
|
</div>
|
||||||
|
<h1 class="display-5 mb-4">Send Your Message</h1>
|
||||||
|
<form>
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-lg-12 col-xl-6">
|
||||||
|
<div class="form-floating">
|
||||||
|
<input type="text" class="form-control" id="name" placeholder="Your Name">
|
||||||
|
<label for="name">Your Name</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-12 col-xl-6">
|
||||||
|
<div class="form-floating">
|
||||||
|
<input type="email" class="form-control" id="email" placeholder="Your Email">
|
||||||
|
<label for="email">Your Email</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-12 col-xl-6">
|
||||||
|
<div class="form-floating">
|
||||||
|
<input type="phone" class="form-control" id="phone" placeholder="Phone">
|
||||||
|
<label for="phone">Your Phone</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-12 col-xl-6">
|
||||||
|
<div class="form-floating">
|
||||||
|
<input type="text" class="form-control" id="project" placeholder="Address">
|
||||||
|
<label for="address">Your Address</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-12">
|
||||||
|
<div class="form-floating">
|
||||||
|
<input type="text" class="form-control" id="subject" placeholder="Subject">
|
||||||
|
<label for="subject">Subject</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-12">
|
||||||
|
<div class="form-floating">
|
||||||
|
<textarea class="form-control" placeholder="Leave a message here" id="message"
|
||||||
|
style="height: 160px"></textarea>
|
||||||
|
<label for="message">Message</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-12">
|
||||||
|
<button class="btn btn-primary w-100 py-3">Send Message</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="office pt-5">
|
||||||
|
<div class="row g-4 justify-content-center">
|
||||||
|
|
||||||
|
<div class="col-12 pt-5 wow zoomIn" data-wow-delay="0.1s">
|
||||||
|
<div class="rounded h-100">
|
||||||
|
<iframe class="rounded w-100" style="height: 500px;"
|
||||||
|
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3532.371346175937!2d85.31763737525374!3d27.705818576183418!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x39eb19a7453bada1%3A0x6f8f5eed2ccfc49b!2sOrient%20Consultancy%20Pvt.Ltd!5e0!3m2!1sen!2snp!4v1718005222991!5m2!1sen!2snp"
|
||||||
|
loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<?php include ('footer.php'); ?>
|
||||||
6
css/bootstrap.min.css
vendored
Normal file
6
css/bootstrap.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
928
css/style.css
Normal file
928
css/style.css
Normal file
@ -0,0 +1,928 @@
|
|||||||
|
|
||||||
|
/*** Spinner Start ***/
|
||||||
|
/*** Spinner ***/
|
||||||
|
#spinner {
|
||||||
|
opacity: 0;
|
||||||
|
visibility: hidden;
|
||||||
|
transition: opacity .5s ease-out, visibility 0s linear .5s;
|
||||||
|
z-index: 99999;
|
||||||
|
}
|
||||||
|
|
||||||
|
#spinner.show {
|
||||||
|
transition: opacity .5s ease-out, visibility 0s linear 0s;
|
||||||
|
visibility: visible;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
/*** Spinner End ***/
|
||||||
|
|
||||||
|
|
||||||
|
h1{
|
||||||
|
color: #f1592a;
|
||||||
|
}
|
||||||
|
h2{
|
||||||
|
color: #f1592a;
|
||||||
|
}
|
||||||
|
h3{
|
||||||
|
color: #f1592a;
|
||||||
|
}
|
||||||
|
h4{
|
||||||
|
color: #f1592a;
|
||||||
|
}
|
||||||
|
h5{
|
||||||
|
color: #f1592a;
|
||||||
|
}
|
||||||
|
|
||||||
|
h6{
|
||||||
|
color: #f1592a;
|
||||||
|
}
|
||||||
|
.back-to-top {
|
||||||
|
position: fixed;
|
||||||
|
right: 30px;
|
||||||
|
bottom: 30px;
|
||||||
|
display: flex;
|
||||||
|
width: 45px;
|
||||||
|
height: 45px;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
transition: 0.5s;
|
||||||
|
z-index: 99;
|
||||||
|
}
|
||||||
|
/* gallery start */
|
||||||
|
|
||||||
|
|
||||||
|
/* gallery end */
|
||||||
|
|
||||||
|
|
||||||
|
/*** Button Start ***/
|
||||||
|
.btn {
|
||||||
|
font-weight: 600;
|
||||||
|
transition: .5s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-square {
|
||||||
|
width: 32px;
|
||||||
|
height: 32px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* .mb-3{
|
||||||
|
color: #f1592a;
|
||||||
|
} */
|
||||||
|
.btn-sm-square {
|
||||||
|
width: 34px;
|
||||||
|
height: 34px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-md-square {
|
||||||
|
width: 44px;
|
||||||
|
height: 44px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-lg-square {
|
||||||
|
width: 56px;
|
||||||
|
height: 56px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-square,
|
||||||
|
.btn-sm-square,
|
||||||
|
.btn-md-square,
|
||||||
|
.btn-lg-square {
|
||||||
|
padding: 0;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
font-weight: normal;
|
||||||
|
border-radius: 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn.btn-primary {
|
||||||
|
background:#f1592a !important;
|
||||||
|
color: var(--bs-white) !important;
|
||||||
|
font-family: 'Poppins', sans-serif;
|
||||||
|
font-weight: 400;
|
||||||
|
transition: 0.5s;
|
||||||
|
border: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn.btn.btn-primary:hover {
|
||||||
|
background: #d43b0b !important;
|
||||||
|
color: var(--bs-secondary);
|
||||||
|
border: 1px solid white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn.btn-secondary {
|
||||||
|
background: transparent;
|
||||||
|
color: #f1592a;
|
||||||
|
font-family: 'Poppins', sans-serif;
|
||||||
|
font-weight: 400;
|
||||||
|
border: none;
|
||||||
|
transition: 0.5s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn.btn-secondary:hover {
|
||||||
|
color: var(--bs-primary) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*** Section Title Start ***/
|
||||||
|
.section-title {
|
||||||
|
max-width: 900px;
|
||||||
|
text-align: center;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.section-title .sub-style {
|
||||||
|
position: relative;
|
||||||
|
display: inline-block;
|
||||||
|
text-transform: uppercase;
|
||||||
|
color: #f1592a;
|
||||||
|
}
|
||||||
|
|
||||||
|
.section-title .sub-style::before {
|
||||||
|
content: "";
|
||||||
|
width: 100px;
|
||||||
|
position: absolute;
|
||||||
|
bottom: 50%;
|
||||||
|
left: 0;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
margin-bottom: -6px;
|
||||||
|
margin-left: -100px;
|
||||||
|
border: 1px solid #f1592a !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.section-title .sub-style::after {
|
||||||
|
content: "";
|
||||||
|
width: 50px;
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 0;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
margin-top: -8px;
|
||||||
|
margin-left: -50px;
|
||||||
|
border: 1px solid #f1592a !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sub-title {
|
||||||
|
position: relative;
|
||||||
|
display: inline-block;
|
||||||
|
text-transform: uppercase;
|
||||||
|
color: #f1592a;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sub-title::before {
|
||||||
|
content: "";
|
||||||
|
width: 100px;
|
||||||
|
position: absolute;
|
||||||
|
bottom: 50%;
|
||||||
|
right: 0;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
margin-bottom: -8px;
|
||||||
|
margin-right: -100px;
|
||||||
|
border: 1px solid #f1592a !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sub-title::after {
|
||||||
|
content: "";
|
||||||
|
width: 50px;
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
right: 0;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
margin-top: -6px;
|
||||||
|
margin-right: -50px;
|
||||||
|
border: 1px solid #f1592a !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*** Topbar Start ***/
|
||||||
|
.fixed-top .container {
|
||||||
|
transition: 0.5s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.topbar {
|
||||||
|
padding: 2px 10px 2px 20px;
|
||||||
|
background: var(--bs-primary) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.topbar a,
|
||||||
|
.topbar a i {
|
||||||
|
transition: 0.5s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.topbar a:hover,
|
||||||
|
.topbar a i:hover {
|
||||||
|
color: var(--bs-secondary) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.topbar {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
/*** Topbar End ***/
|
||||||
|
|
||||||
|
|
||||||
|
/*** Navbar ***/
|
||||||
|
.navbar-light .navbar-nav .nav-link {
|
||||||
|
font-family: 'Poppins', sans-serif;
|
||||||
|
position: relative;
|
||||||
|
margin-right: 25px;
|
||||||
|
padding: 35px 0;
|
||||||
|
color: var(--bs-primary) !important;
|
||||||
|
font-size: 17px;
|
||||||
|
font-weight: 400;
|
||||||
|
outline: none;
|
||||||
|
transition: .5s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sticky-top .navbar-light .navbar-nav .nav-link {
|
||||||
|
padding: 20px 0;
|
||||||
|
color: var(--bs-primary) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar-light .navbar-nav .nav-link:hover,
|
||||||
|
.navbar-light .navbar-nav .nav-link.active {
|
||||||
|
color: #f1592a !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar-light .navbar-brand img {
|
||||||
|
max-height: 60px;
|
||||||
|
transition: .5s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sticky-top .navbar-light .navbar-brand img {
|
||||||
|
max-height: 45px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar .dropdown-toggle::after {
|
||||||
|
border: none;
|
||||||
|
content: "\f107";
|
||||||
|
font-family: "Font Awesome 5 Free";
|
||||||
|
font-weight: 600;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 1200px) {
|
||||||
|
.navbar .nav-item .dropdown-menu {
|
||||||
|
display: block;
|
||||||
|
visibility: hidden;
|
||||||
|
top: 100%;
|
||||||
|
transform: rotateX(-75deg);
|
||||||
|
transform-origin: 0% 0%;
|
||||||
|
border: 0;
|
||||||
|
border-radius: 10px;
|
||||||
|
transition: .5s;
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.dropdown .dropdown-menu a:hover {
|
||||||
|
background: #f1592a;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar .nav-item:hover .dropdown-menu {
|
||||||
|
transform: rotateX(0deg);
|
||||||
|
visibility: visible;
|
||||||
|
background: var(--bs-light) !important;
|
||||||
|
transition: .5s;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 991.98px) {
|
||||||
|
.sticky-top {
|
||||||
|
position: relative;
|
||||||
|
background: var(--bs-white);
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar.navbar-expand-lg .navbar-toggler {
|
||||||
|
padding: 10px 20px;
|
||||||
|
border: 1px solid var(--bs-primary) !important;
|
||||||
|
color: var(--bs-primary);
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar-light .navbar-collapse {
|
||||||
|
margin-top: 15px;
|
||||||
|
border-top: 1px solid #DDDDDD;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar-light .navbar-nav .nav-link,
|
||||||
|
.sticky-top .navbar-light .navbar-nav .nav-link {
|
||||||
|
padding: 10px 0;
|
||||||
|
margin-left: 0;
|
||||||
|
color: var(--bs-dark) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar-light .navbar-brand img {
|
||||||
|
max-height: 45px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 991.98px) {
|
||||||
|
.sticky-top .navbar-light {
|
||||||
|
background: var(--bs-light) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*** Top and Bottom borders go out ***/
|
||||||
|
.navbar-light .navbar-nav .nav-link:after,
|
||||||
|
.navbar-light .navbar-nav .nav-link::before {
|
||||||
|
position: absolute;
|
||||||
|
content: "";
|
||||||
|
top: 30px;
|
||||||
|
bottom: 30px;
|
||||||
|
left: 0px;
|
||||||
|
width: 100%;
|
||||||
|
height: 2px;
|
||||||
|
background: #f1592a;
|
||||||
|
opacity: 0;
|
||||||
|
transition: all 0.5s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar-light .navbar-nav .nav-link:before {
|
||||||
|
bottom: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar-light .navbar-nav .nav-link:after {
|
||||||
|
top: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
#searchModal .modal-content {
|
||||||
|
background: rgba(240, 245, 251, 0.5);
|
||||||
|
}
|
||||||
|
/*** Navbar End ***/
|
||||||
|
|
||||||
|
|
||||||
|
/*** Single Page Hero Header Start ***/
|
||||||
|
.bg-breadcrumb {
|
||||||
|
background: linear-gradient(rgba(102, 49, 0, 0.9), rgba(102, 46, 0, 0.8)), url(../img/breadcrumb.png);
|
||||||
|
background-position: center center;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-attachment: initial;
|
||||||
|
background-size: cover;
|
||||||
|
padding: 100px 0 60px 0;
|
||||||
|
}
|
||||||
|
/*** Single Page Hero Header End ***/
|
||||||
|
|
||||||
|
|
||||||
|
/*** Carousel Hero Header Start ***/
|
||||||
|
.carousel-header .carousel-control-prev .carousel-control-prev-icon,
|
||||||
|
.carousel-header .carousel-control-next .carousel-control-next-icon {
|
||||||
|
width: 4rem;
|
||||||
|
height: 4rem;
|
||||||
|
margin-left: -60px;
|
||||||
|
border-radius: 50%;
|
||||||
|
background-size: 60% 60%;
|
||||||
|
transition: 0.5s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.carousel-header .carousel-control-next .carousel-control-next-icon {
|
||||||
|
margin-left: 0;
|
||||||
|
margin-right: -60px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.carousel-header .carousel .carousel-indicators {
|
||||||
|
padding-bottom: 0;
|
||||||
|
transition: 0.5s;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.carousel-header .carousel .carousel-indicators li,
|
||||||
|
.carousel-header .carousel .carousel-indicators li,
|
||||||
|
.carousel-header .carousel .carousel-indicators li {
|
||||||
|
width: 8px;
|
||||||
|
height: 8px;
|
||||||
|
border: 8px solid #d43b0b;
|
||||||
|
border-radius: 50%;
|
||||||
|
margin-right: 30px;
|
||||||
|
transition: 0.5s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.carousel-header .carousel .carousel-indicators li.active {
|
||||||
|
width: 8px;
|
||||||
|
height: 8px;
|
||||||
|
border: 8px solid #f1592a;
|
||||||
|
}
|
||||||
|
|
||||||
|
.carousel-header .carousel-inner .carousel-item {
|
||||||
|
position: relative;
|
||||||
|
min-height: 100vh
|
||||||
|
}
|
||||||
|
|
||||||
|
.carousel-header .carousel-inner .carousel-item img {
|
||||||
|
position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
object-fit: cover;
|
||||||
|
}
|
||||||
|
|
||||||
|
.carousel-header .carousel-inner .carousel-item .carousel-caption {
|
||||||
|
position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
text-align: center;
|
||||||
|
background: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0.6));
|
||||||
|
background-size: cover;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.carousel-header {
|
||||||
|
height: 700px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.carousel-header .carousel-control-prev .carousel-control-prev-icon,
|
||||||
|
.carousel-header .carousel-control-next .carousel-control-next-icon {
|
||||||
|
margin-top: 500px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.carousel-header .carousel-control-prev .carousel-control-prev-icon {
|
||||||
|
margin-left: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.carousel-header .carousel-control-next .carousel-control-next-icon {
|
||||||
|
margin-right: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.carousel-header .carousel .carousel-indicators {
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
/*** Carousel Hero Header End ***/
|
||||||
|
|
||||||
|
|
||||||
|
/*** Counter Facts Start ***/
|
||||||
|
.counter-facts {
|
||||||
|
background: linear-gradient(rgba(255, 255, 255, .9), rgba(255, 255, 255, 0.8)), url(../img/breadcrumb.png);
|
||||||
|
background-size: cover;
|
||||||
|
background-attachment: fixed;
|
||||||
|
background-position: center center;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
}
|
||||||
|
|
||||||
|
.counter-facts .counter {
|
||||||
|
position: relative;
|
||||||
|
text-align: center;
|
||||||
|
width: 200px;
|
||||||
|
min-height: 215px;
|
||||||
|
padding: 10px 15px;
|
||||||
|
margin: 0 auto;
|
||||||
|
border-radius: 100px;
|
||||||
|
box-shadow: 0 8px 5px rgba(0, 0, 0, 0.2);
|
||||||
|
background: var(--bs-white);
|
||||||
|
}
|
||||||
|
|
||||||
|
.counter-facts .counter:before {
|
||||||
|
content: "";
|
||||||
|
position: absolute;
|
||||||
|
height: 105px;
|
||||||
|
width: 100%;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
border-radius: 10px 10px 0 0;
|
||||||
|
background-color: #f1592a;
|
||||||
|
|
||||||
|
}
|
||||||
|
.counter-facts .counter .counter-icon {
|
||||||
|
position: relative;
|
||||||
|
width: 120px;
|
||||||
|
height: 100px;
|
||||||
|
margin: 0 auto 10px;
|
||||||
|
border-radius: 10px 10px 0 0;
|
||||||
|
transform: translateY(-20px);
|
||||||
|
font-size: 50px;
|
||||||
|
line-height: 90px;
|
||||||
|
color: whitesmoke;
|
||||||
|
background: rgba(1, 143, 252, 0.5);
|
||||||
|
clip-path: polygon(0% 0%, 100% 0, 100% 70%, 50% 100%, 0 70%);
|
||||||
|
}
|
||||||
|
.counter-facts .counter .counter-icon:before {
|
||||||
|
content: "";
|
||||||
|
position: absolute;
|
||||||
|
width: 120px;
|
||||||
|
height: 90px;
|
||||||
|
top: 0;
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
border-radius: 10px 10px 0 0;
|
||||||
|
background: rgba(0, 58, 102, 0.5);
|
||||||
|
z-index: -1;
|
||||||
|
clip-path: polygon(0% 0%, 100% 0, 100% 70%, 50% 100%, 0 70%);
|
||||||
|
}
|
||||||
|
.counter-facts .counter:hover .counter-icon i {
|
||||||
|
transform: rotate(360deg);
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
}
|
||||||
|
.counter-facts .counter h3 {
|
||||||
|
color: var(--bs-primary);
|
||||||
|
font-size: 17px;
|
||||||
|
font-weight: 600;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
text-transform: uppercase;
|
||||||
|
margin: 0 0 5px 0;
|
||||||
|
}
|
||||||
|
.counter-facts .counter .counter-value {
|
||||||
|
font-size: 30px;
|
||||||
|
font-weight: 700;
|
||||||
|
display: block;
|
||||||
|
color: #f1592a;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 1200px) {
|
||||||
|
.counter-facts .counter { margin-bottom: 40px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
/*** Counter Facts End ***/
|
||||||
|
|
||||||
|
|
||||||
|
/*** service Start ***/
|
||||||
|
.service .service-item {
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.service .service-item .service-inner .service-title {
|
||||||
|
position: relative;
|
||||||
|
margin-top: -30px;
|
||||||
|
text-align: center;
|
||||||
|
transition: 0.5s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.service .service-item .service-inner .service-title .service-content {
|
||||||
|
position: absolute;
|
||||||
|
bottom: -100%;
|
||||||
|
left: 0;
|
||||||
|
margin-left: 30px;
|
||||||
|
margin-right: 30px;
|
||||||
|
text-align: center;
|
||||||
|
border-radius: 10px;
|
||||||
|
background: var(--bs-primary);
|
||||||
|
opacity: 0;
|
||||||
|
transition: 0.5s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.service .service-item:hover .service-inner .service-title .service-content {
|
||||||
|
bottom: 0;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.service .service-item .service-inner .service-title .service-content a h4 {
|
||||||
|
border-bottom: 1px solid rgba(256, 256, 256, .1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.service .service-item .service-inner .service-title .service-title-name {
|
||||||
|
transition: 0.5s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.service .service-item:hover .service-inner .service-title .service-title-name {
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.service .service-item .service-inner .service-img {
|
||||||
|
position: relative;
|
||||||
|
border-radius: 10px;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.service .service-item .service-inner .service-img::after {
|
||||||
|
content: "";
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 0;
|
||||||
|
border-radius: 10px;
|
||||||
|
background: rgba(255, 255, 255, .5);
|
||||||
|
transition: 0.5s;
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.service .service-item:hover .service-inner .service-img::after {
|
||||||
|
height: 100%;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.service .service-item .service-inner .service-img img {
|
||||||
|
transition: 0.5s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.service .service-item:hover .service-inner .service-img img {
|
||||||
|
transform: scale(1.3);
|
||||||
|
}
|
||||||
|
/*** Service End ***/
|
||||||
|
|
||||||
|
|
||||||
|
/*** Features Start ***/
|
||||||
|
.features .feature-item {
|
||||||
|
position: relative;
|
||||||
|
box-shadow: 0 0 45px rgba(0, 0, 0, 0.1);
|
||||||
|
border-radius: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.features .feature-item::after {
|
||||||
|
content: "";
|
||||||
|
position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
height: 0;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
border-radius: 10px;
|
||||||
|
background: rgba(0, 58, 102, 0.1);
|
||||||
|
z-index: -1;
|
||||||
|
transition: 0.5s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.features .feature-item:hover::after {
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.features .feature-item .feature-icon {
|
||||||
|
width: 120px;
|
||||||
|
height: 120px;
|
||||||
|
border-radius: 10px;
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
text-align: center;
|
||||||
|
background: var(--bs-light);
|
||||||
|
transition: 0.5s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.features .feature-item:hover .feature-icon {
|
||||||
|
border-radius: 50%;
|
||||||
|
background: var(--bs-white) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.features .feature-item .feature-icon i {
|
||||||
|
transition: 0.5s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.features .feature-item:hover .feature-icon i {
|
||||||
|
color:#f1592a !important;
|
||||||
|
transform: rotate(360deg);
|
||||||
|
transition: all 0.5s ease;
|
||||||
|
}
|
||||||
|
/*** Features End ***/
|
||||||
|
|
||||||
|
|
||||||
|
/*** Country Start ***/
|
||||||
|
.country .country-item {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.country .country-item::after {
|
||||||
|
position: absolute;
|
||||||
|
content: "";
|
||||||
|
width: 100%;
|
||||||
|
height: 0;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
background: #f1592a;
|
||||||
|
border-radius: 10px;
|
||||||
|
transition: 0.5s;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.country .country-item:hover::after {
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.country .country-item .country-flag {
|
||||||
|
position: absolute;
|
||||||
|
width: 90px;
|
||||||
|
height: 90px;
|
||||||
|
border-radius: 50%;
|
||||||
|
top: -45px;
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
transition: 0.5s;
|
||||||
|
z-index: 2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.country .country-item .country-flag img {
|
||||||
|
border: 5px solid var(--bs-white);
|
||||||
|
transition: 0.5s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.country .country-item:hover .country-flag img {
|
||||||
|
border: 5px solid var(--bs-white);
|
||||||
|
transform: rotate(360deg);
|
||||||
|
transition: all 0.5s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.country .country-item .country-name {
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
transition: 0.5s;
|
||||||
|
opacity: 0;
|
||||||
|
z-index: 3;
|
||||||
|
}
|
||||||
|
|
||||||
|
.country .country-item:hover .country-name {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.country .country-item img {
|
||||||
|
transition: 0.5s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.country .country-item:hover img {
|
||||||
|
transform: scale(1.2);
|
||||||
|
}
|
||||||
|
|
||||||
|
.country .country-item .country-name a.fs-4 {
|
||||||
|
transition: 0.5s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.country .country-item .country-name a.fs-4:hover {
|
||||||
|
color: var(--bs-secondary) !important;
|
||||||
|
}
|
||||||
|
/*** Country End ***/
|
||||||
|
|
||||||
|
|
||||||
|
/*** testimonial Start ***/
|
||||||
|
.testimonial .owl-carousel.testimonial-carousel {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.testimonial .owl-carousel.testimonial-carousel .testimonial-item .testimonial-content {
|
||||||
|
position: relative;
|
||||||
|
border-radius: 10px;
|
||||||
|
background: var(--bs-light);
|
||||||
|
}
|
||||||
|
|
||||||
|
.testimonial .owl-carousel.testimonial-carousel .testimonial-item .testimonial-content::after {
|
||||||
|
position: absolute;
|
||||||
|
content: "";
|
||||||
|
width: 45px;
|
||||||
|
height: 45px;
|
||||||
|
bottom: -20px;
|
||||||
|
left: 30px;
|
||||||
|
transform: rotate(45deg);
|
||||||
|
background: var(--bs-light);
|
||||||
|
z-index: -1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.testimonial .owl-carousel.testimonial-carousel .owl-nav {
|
||||||
|
position: absolute;
|
||||||
|
top: -60px;
|
||||||
|
right: 0;
|
||||||
|
display: flex;
|
||||||
|
font-size: 40px;
|
||||||
|
color: #545454;
|
||||||
|
}
|
||||||
|
|
||||||
|
.testimonial .owl-carousel.testimonial-carousel .owl-nav .owl-prev {
|
||||||
|
margin-right: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.testimonial .owl-carousel.testimonial-carousel .owl-nav .owl-prev,
|
||||||
|
.testimonial .owl-carousel.testimonial-carousel .owl-nav .owl-next {
|
||||||
|
transition: 0.5s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.testimonial .owl-carousel.testimonial-carousel .owl-nav .owl-prev:hover,
|
||||||
|
.testimonial .owl-carousel.testimonial-carousel .owl-nav .owl-next:hover {
|
||||||
|
color: #f1592a;
|
||||||
|
}
|
||||||
|
/*** testimonial end ***/
|
||||||
|
|
||||||
|
|
||||||
|
/*** training Start ***/
|
||||||
|
.training .training-item .training-inner {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.training .training-item .training-inner .training-title-name {
|
||||||
|
position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
padding: 20px;
|
||||||
|
border-radius: 10px;
|
||||||
|
background: rgba(0, 0, 0, 0.5);
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: end;
|
||||||
|
text-align: center;
|
||||||
|
transition: 0.5s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.training .training-item {
|
||||||
|
border-radius: 10px;
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.training .training-item:hover .training-inner .training-title-name {
|
||||||
|
background: rgba(0, 58, 102, 0.5);
|
||||||
|
}
|
||||||
|
|
||||||
|
.training .training-item:hover .training-inner .training-title-name a {
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.training .training-item .training-inner img {
|
||||||
|
transition: 0.5s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.training .training-item:hover .training-inner img {
|
||||||
|
transform: scale(1.3);
|
||||||
|
}
|
||||||
|
|
||||||
|
.training .training-item .training-content {
|
||||||
|
position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
bottom: -100%;
|
||||||
|
left: 0;
|
||||||
|
transition: 0.5s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.training .training-item:hover .training-content {
|
||||||
|
bottom: 0;
|
||||||
|
}
|
||||||
|
/*** training End ***/
|
||||||
|
|
||||||
|
|
||||||
|
/*** Contact Start ***/
|
||||||
|
.contact .office .office-item {
|
||||||
|
text-align: center;
|
||||||
|
border-radius: 10px;
|
||||||
|
box-shadow: 0 0 45px rgba(0, 0, 0, 0.2);
|
||||||
|
background: var(--bs-light);
|
||||||
|
transition: 0.5s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.contact .office .office-item:hover {
|
||||||
|
box-shadow: 20px 20px 20px rgba(0, 58, 102, 0.3);
|
||||||
|
}
|
||||||
|
|
||||||
|
.contact .office .office-item .office-img {
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
border-radius: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.contact .office .office-item .office-img img {
|
||||||
|
transition: 0.5s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.contact .office .office-item:hover .office-img img {
|
||||||
|
transform: scale(1.3);
|
||||||
|
}
|
||||||
|
|
||||||
|
.contact .office .office-item .office-content a.text-secondary,
|
||||||
|
.contact .office .office-item .office-content a.text-muted {
|
||||||
|
transition: 0.5s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.contact .office .office-item .office-content a.text-muted:hover {
|
||||||
|
color: var(--bs-secondary) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.contact .office .office-item .office-content a.text-secondary:hover {
|
||||||
|
color: var(--bs-primary) !important;
|
||||||
|
}
|
||||||
|
/*** Contact End ***/
|
||||||
|
|
||||||
|
|
||||||
|
/*** Footer Start ***/
|
||||||
|
.footer {
|
||||||
|
background: #f1592a;
|
||||||
|
}
|
||||||
|
.footer .footer-item a {
|
||||||
|
line-height: 30px;
|
||||||
|
color: var(--bs-white);
|
||||||
|
transition: 0.5s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer .footer-item p {
|
||||||
|
line-height: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer .footer-item a:hover {
|
||||||
|
letter-spacing: 2px;
|
||||||
|
color: rgb(229, 225, 225);
|
||||||
|
}
|
||||||
|
|
||||||
|
/*** Footer End ***/
|
||||||
|
|
||||||
|
|
||||||
|
/*** copyright Start ***/
|
||||||
|
.copyright {
|
||||||
|
border-top: 1px solid rgba(255, 255, 255, 0.08);
|
||||||
|
background: var(--bs-secondary) !important;
|
||||||
|
}
|
||||||
|
/*** copyright end ***/
|
||||||
109
destination.php
Normal file
109
destination.php
Normal file
@ -0,0 +1,109 @@
|
|||||||
|
<?php include ('header.php'); ?>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div class="container-fluid bg-breadcrumb">
|
||||||
|
<div class="container text-center py-5" style="max-width: 900px;">
|
||||||
|
<h3 class="text-white display-3 mb-4 wow fadeInDown" data-wow-delay="0.1s">Study Destination</h1>
|
||||||
|
<ol class="breadcrumb justify-content-center text-white mb-0 wow fadeInDown" data-wow-delay="0.3s">
|
||||||
|
<li class="breadcrumb-item"><a href="index.php" class="text-white">Home</a></li>
|
||||||
|
<li class="breadcrumb-item"><a href="#" class="text-white">Destination</a></li>
|
||||||
|
</ol>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="container-fluid country overflow-hidden py-5">
|
||||||
|
<div class="container py-5">
|
||||||
|
<div class="section-title text-center wow fadeInUp" data-wow-delay="0.1s" style="margin-bottom: 70px;">
|
||||||
|
<div class="sub-style">
|
||||||
|
<h5 class="sub-title text-primary px-3">COUNTRIES WE OFFER</h5>
|
||||||
|
</div>
|
||||||
|
<h1 class="display-5 mb-4">Choose your Destination for Higher Studies</h1>
|
||||||
|
</div>
|
||||||
|
<div class="row g-3 text-center">
|
||||||
|
<div class="col-4 p-5 mb-5 wow fadeInUp" data-wow-delay="0.1s">
|
||||||
|
<div class="country-item">
|
||||||
|
<div class="rounded overflow-hidden">
|
||||||
|
<img src="img/country-1.jpg" class="img-fluid w-100 rounded" alt="Image">
|
||||||
|
</div>
|
||||||
|
<div class="country-flag">
|
||||||
|
<img src="img/ausflag.png" class="img-fluid rounded-circle" alt="Image">
|
||||||
|
</div>
|
||||||
|
<div class="country-name">
|
||||||
|
<a href="australia.php" class="text-white fs-4">Australia</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-4 p-5 mb-5 wow fadeInUp" data-wow-delay="0.3s">
|
||||||
|
<div class="country-item">
|
||||||
|
<div class="rounded overflow-hidden">
|
||||||
|
<img src="img/country-2.jpg" class="img-fluid w-100 rounded" alt="Image">
|
||||||
|
</div>
|
||||||
|
<div class="country-flag">
|
||||||
|
<img src="img/canadaflag.png" class="img-fluid rounded-circle" alt="Image">
|
||||||
|
</div>
|
||||||
|
<div class="country-name">
|
||||||
|
<a href="canada.php" class="text-white fs-4">Canada</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-4 p-5 mb-5 wow fadeInUp" data-wow-delay="0.5s">
|
||||||
|
<div class="country-item">
|
||||||
|
<div class="rounded overflow-hidden">
|
||||||
|
<img src="img/country-3.jpg" class="img-fluid w-100 rounded" alt="Image">
|
||||||
|
</div>
|
||||||
|
<div class="country-flag">
|
||||||
|
<img src="img/usa.jpg" class="img-fluid rounded-circle" alt="Image">
|
||||||
|
</div>
|
||||||
|
<div class="country-name">
|
||||||
|
<a href="usa.php" class="text-white fs-4">USA</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-4 p-5 wow fadeInUp" data-wow-delay="0.7s">
|
||||||
|
<div class="country-item">
|
||||||
|
<div class="rounded overflow-hidden">
|
||||||
|
<img src="img/country-4.jpg" class="img-fluid w-100 rounded" alt="Image">
|
||||||
|
</div>
|
||||||
|
<div class="country-flag">
|
||||||
|
<img src="img/ukflag.png" class="img-fluid rounded-circle" alt="Image">
|
||||||
|
</div>
|
||||||
|
<div class="country-name">
|
||||||
|
<a href="uk.php" class="text-white fs-4">UK</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="col-4 p-5 wow fadeInUp" data-wow-delay="0.9s">
|
||||||
|
<div class="country-item">
|
||||||
|
<div class="rounded overflow-hidden">
|
||||||
|
<img src="img/country-1.jpg" class="img-fluid w-100 rounded" alt="Image">
|
||||||
|
</div>
|
||||||
|
<div class="country-flag">
|
||||||
|
<img src="img/newzealandflag.png" class="img-fluid rounded-circle" alt="Image">
|
||||||
|
</div>
|
||||||
|
<div class="country-name">
|
||||||
|
<a href="newzealand.php" class="text-white fs-4">New Zealand</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-4 p-5 wow fadeInUp" data-wow-delay="1s">
|
||||||
|
<div class="country-item">
|
||||||
|
<div class="rounded overflow-hidden">
|
||||||
|
<img src="img/country-1.jpg" class="img-fluid w-100 rounded" alt="Image">
|
||||||
|
</div>
|
||||||
|
<div class="country-flag">
|
||||||
|
<img src="img/japanflag.png" class="img-fluid rounded-circle" alt="Image">
|
||||||
|
</div>
|
||||||
|
<div class="country-name">
|
||||||
|
<a href="japan.php" class="text-white fs-4">Japan</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<?php include ('footer.php'); ?>
|
||||||
89
footer.php
Normal file
89
footer.php
Normal file
@ -0,0 +1,89 @@
|
|||||||
|
<!-- Footer Start -->
|
||||||
|
<div class="container-fluid footer py-5 wow fadeIn" data-wow-delay="0.2s">
|
||||||
|
<div class="container py-5">
|
||||||
|
<div class="row g-5">
|
||||||
|
<div class="col-md-6 col-lg-6 col-xl-3">
|
||||||
|
<div class="footer-item d-flex flex-column">
|
||||||
|
<h4 class="text-white mb-4">Contact Info</h4>
|
||||||
|
<a href=""><i class="fa fa-map-marker-alt me-2"></i> 123 Street, Kathmandu, Nepal</a>
|
||||||
|
<a href=""><i class="fas fa-envelope me-2"></i> orientconsultancy@gmail.com</a>
|
||||||
|
<a href=""><i class="fas fa-phone me-2"></i> 01-4238541</a>
|
||||||
|
<div class="d-flex align-items-center">
|
||||||
|
<i class="fas fa-share fa-2x text-white me-2"></i>
|
||||||
|
<a class="btn mx-1" href=""><i class="fab fa-facebook-f"></i></a>
|
||||||
|
<a class="btn mx-1" href=""><i class="fab fa-twitter"></i></a>
|
||||||
|
<a class="btn mx-1" href=""><i class="fab fa-instagram"></i></a>
|
||||||
|
<a class="btn mx-1" href=""><i class="fab fa-linkedin-in"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-6 col-xl-3">
|
||||||
|
<div class="footer-item d-flex flex-column">
|
||||||
|
<h4 class="text-white mb-4">Opening Time</h4>
|
||||||
|
<div class="mb-3">
|
||||||
|
<h6 class="text-white mb-0">Sun - Friday:</h6>
|
||||||
|
<p class="text-white mb-0">09.00 am to 05.00 pm</p>
|
||||||
|
</div>
|
||||||
|
<div class="mb-3">
|
||||||
|
<h6 class="text-white mb-0">Saturday:</h6>
|
||||||
|
<p class="text-white mb-0">All Services will be closed</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-6 col-xl-3">
|
||||||
|
<div class="footer-item d-flex flex-column">
|
||||||
|
<h4 class="text-white mb-4">Countries</h4>
|
||||||
|
<a href="#" class=""><i class="fas fa-angle-right me-2"></i> Australia</a>
|
||||||
|
<a href="#" class=""><i class="fas fa-angle-right me-2"></i> Canada</a>
|
||||||
|
<a href="#" class=""><i class="fas fa-angle-right me-2"></i> USA</a>
|
||||||
|
<a href="#" class=""><i class="fas fa-angle-right me-2"></i> UK</a>
|
||||||
|
<a href="#" class=""><i class="fas fa-angle-right me-2"></i> New Zealand</a>
|
||||||
|
<a href="#" class=""><i class="fas fa-angle-right me-2"></i> Japan</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-6 col-xl-3">
|
||||||
|
<div class="footer-item">
|
||||||
|
<h4 class="text-white mb-4">Newsletter</h4>
|
||||||
|
<div class="position-relative mx-auto rounded-pill">
|
||||||
|
<input class="form-control border-0 rounded-pill w-100 py-3 ps-4 pe-5" type="text"
|
||||||
|
placeholder="Enter your email">
|
||||||
|
<button type="button"
|
||||||
|
class="btn btn-primary rounded-pill position-absolute top-0 end-0 py-2 mt-2 me-2">SignUp</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row g-4 align-items-center">
|
||||||
|
<div class="col-md-6 text-center text-md-start mb-md-0">
|
||||||
|
<span class="text-white"><a href="#" class="text-white"><i
|
||||||
|
class="fas fa-copyright text-light me-2"></i>Copyright 2024 Orient International pvt. ltd.</a> All
|
||||||
|
right
|
||||||
|
reserved.</span>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 text-center text-md-end text-white">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Footer End -->
|
||||||
|
|
||||||
|
<!-- Back to Top -->
|
||||||
|
<a href="#" class="btn btn-primary btn-lg-square back-to-top"><i class="fa fa-arrow-up"></i></a>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- JavaScript Libraries -->
|
||||||
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
|
||||||
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
|
||||||
|
<script src="lib/wow/wow.min.js"></script>
|
||||||
|
<script src="lib/easing/easing.min.js"></script>
|
||||||
|
<script src="lib/waypoints/waypoints.min.js"></script>
|
||||||
|
<script src="lib/counterup/counterup.min.js"></script>
|
||||||
|
<script src="lib/owlcarousel/owl.carousel.min.js"></script>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Template Javascript -->
|
||||||
|
<script src="js/main.js"></script>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
66
gallery.php
Normal file
66
gallery.php
Normal file
@ -0,0 +1,66 @@
|
|||||||
|
<?php include ('header.php'); ?>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="container-fluid bg-breadcrumb">
|
||||||
|
<div class="container text-center py-5" style="max-width: 900px;">
|
||||||
|
<h3 class="text-white display-3 mb-4 wow fadeInDown" data-wow-delay="0.1s">Gallery</h1>
|
||||||
|
<ol class="breadcrumb justify-content-center text-white mb-0 wow fadeInDown" data-wow-delay="0.3s">
|
||||||
|
<li class="breadcrumb-item"><a href="index.php" class="text-white">Home</a></li>
|
||||||
|
<li class="breadcrumb-item"><a href="#" class="text-white">Gallery</a></li>
|
||||||
|
</ol>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Gallery -->
|
||||||
|
<div class="container">
|
||||||
|
|
||||||
|
<div class="row m-5">
|
||||||
|
<div class="col-sm-6 col-md-4 mb-3">
|
||||||
|
<img
|
||||||
|
src="https://images.unsplash.com/photo-1423589989400-cc0270157ed0?ixlib=rb-0.3.5&q=85&fm=jpg&crop=entropy&cs=srgb&ixid=eyJhcHBfaWQiOjE0NTg5fQ&s=a95937ce1dc3243f52c30f86d948b771"
|
||||||
|
alt="" class="fluid img-thumbnail">
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-6 col-md-4 mb-3">
|
||||||
|
<img
|
||||||
|
src="https://images.unsplash.com/photo-1423589989400-cc0270157ed0?ixlib=rb-0.3.5&q=85&fm=jpg&crop=entropy&cs=srgb&ixid=eyJhcHBfaWQiOjE0NTg5fQ&s=a95937ce1dc3243f52c30f86d948b771"
|
||||||
|
alt="" class="fluid img-thumbnail">
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-6 col-md-4 mb-3">
|
||||||
|
<img
|
||||||
|
src="https://images.unsplash.com/photo-1423589989400-cc0270157ed0?ixlib=rb-0.3.5&q=85&fm=jpg&crop=entropy&cs=srgb&ixid=eyJhcHBfaWQiOjE0NTg5fQ&s=a95937ce1dc3243f52c30f86d948b771"
|
||||||
|
alt="" class="fluid img-thumbnail">
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-6 col-md-4 mb-3">
|
||||||
|
<img
|
||||||
|
src="https://images.unsplash.com/photo-1423589989400-cc0270157ed0?ixlib=rb-0.3.5&q=85&fm=jpg&crop=entropy&cs=srgb&ixid=eyJhcHBfaWQiOjE0NTg5fQ&s=a95937ce1dc3243f52c30f86d948b771"
|
||||||
|
alt="" class="fluid img-thumbnail">
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-6 col-md-4 mb-3">
|
||||||
|
<img
|
||||||
|
src="https://images.unsplash.com/photo-1423589989400-cc0270157ed0?ixlib=rb-0.3.5&q=85&fm=jpg&crop=entropy&cs=srgb&ixid=eyJhcHBfaWQiOjE0NTg5fQ&s=a95937ce1dc3243f52c30f86d948b771"
|
||||||
|
alt="" class="fluid img-thumbnail">
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-6 col-md-4 mb-3">
|
||||||
|
<img
|
||||||
|
src="https://images.unsplash.com/photo-1423589989400-cc0270157ed0?ixlib=rb-0.3.5&q=85&fm=jpg&crop=entropy&cs=srgb&ixid=eyJhcHBfaWQiOjE0NTg5fQ&s=a95937ce1dc3243f52c30f86d948b771"
|
||||||
|
alt="" class="fluid img-thumbnail">
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-6 col-md-4 mb-3">
|
||||||
|
<img
|
||||||
|
src="https://images.unsplash.com/photo-1423589989400-cc0270157ed0?ixlib=rb-0.3.5&q=85&fm=jpg&crop=entropy&cs=srgb&ixid=eyJhcHBfaWQiOjE0NTg5fQ&s=a95937ce1dc3243f52c30f86d948b771"
|
||||||
|
alt="" class="fluid img-thumbnail">
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-6 col-md-4 mb-3">
|
||||||
|
<img
|
||||||
|
src="https://images.unsplash.com/photo-1423589989400-cc0270157ed0?ixlib=rb-0.3.5&q=85&fm=jpg&crop=entropy&cs=srgb&ixid=eyJhcHBfaWQiOjE0NTg5fQ&s=a95937ce1dc3243f52c30f86d948b771"
|
||||||
|
alt="" class="fluid img-thumbnail">
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-6 col-md-4 mb-3">
|
||||||
|
<img
|
||||||
|
src="https://images.unsplash.com/photo-1423589989400-cc0270157ed0?ixlib=rb-0.3.5&q=85&fm=jpg&crop=entropy&cs=srgb&ixid=eyJhcHBfaWQiOjE0NTg5fQ&s=a95937ce1dc3243f52c30f86d948b771"
|
||||||
|
alt="" class="fluid img-thumbnail">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<?php include ('footer.php'); ?>
|
||||||
176
header.php
Normal file
176
header.php
Normal file
@ -0,0 +1,176 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Website Template</title>
|
||||||
|
<meta content="width=device-width, initial-scale=1.0" name="viewport">
|
||||||
|
<meta content="" name="keywords">
|
||||||
|
<meta content="" name="description">
|
||||||
|
|
||||||
|
<!-- Google Web Fonts -->
|
||||||
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
|
<link
|
||||||
|
href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&family=Poppins:wght@200;300;400;500;600&display=swap"
|
||||||
|
rel="stylesheet">
|
||||||
|
|
||||||
|
<!-- Icon Font Stylesheet -->
|
||||||
|
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" />
|
||||||
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet">
|
||||||
|
<link rel="stylesheet" href="https://fontawesome.com/icons/earth-americas?f=classic&s=solid">
|
||||||
|
|
||||||
|
<!-- Libraries Stylesheet -->
|
||||||
|
<link href="lib/animate/animate.min.css" rel="stylesheet">
|
||||||
|
<link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Customized Bootstrap Stylesheet -->
|
||||||
|
<link href="css/bootstrap.min.css" rel="stylesheet">
|
||||||
|
|
||||||
|
<!-- Template Stylesheet -->
|
||||||
|
<link href="css/style.css" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<!-- Spinner Start -->
|
||||||
|
<div id="spinner"
|
||||||
|
class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center">
|
||||||
|
<div class="spinner-border text-secondary" style="width: 3rem; height: 3rem;" role="status">
|
||||||
|
<span class="sr-only">Loading...</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Spinner End -->
|
||||||
|
|
||||||
|
<!-- Topbar Start -->
|
||||||
|
<div class="container-fluid px-5 d-none d-lg-block" style="background-color:
|
||||||
|
#f1592a;">
|
||||||
|
<div class="row gx-0 align-items-center">
|
||||||
|
<div class="col-lg-5 text-lg-start mb-lg-0">
|
||||||
|
<div class="d-flex">
|
||||||
|
<a href="#" class="text-white me-4"><i
|
||||||
|
class="fas fa-envelope text-white me-2"></i>orientconsultancynepal@gmail.com</a>
|
||||||
|
<a href="#" class="text-white me-0"><i class="fas fa-phone-alt text-white me-2"></i>01-4238541</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-5 row-cols-1 text-center mb-2 mb-lg-0">
|
||||||
|
<div class="d-inline-flex align-items-center justify-content-end" style="height: 45px;">
|
||||||
|
<a class="btn btn-sm btn-outline-light btn-square rounded-circle me-2" href=""><i
|
||||||
|
class="fab fa-twitter fw-normal text-white"></i></a>
|
||||||
|
<a class="btn btn-sm btn-outline-light btn-square rounded-circle me-2" href=""><i
|
||||||
|
class="fab fa-facebook-f fw-normal text-white"></i></a>
|
||||||
|
<a class="btn btn-sm btn-outline-light btn-square rounded-circle me-2" href=""><i
|
||||||
|
class="fab fa-linkedin-in fw-normal text-white"></i></a>
|
||||||
|
<a class="btn btn-sm btn-outline-light btn-square rounded-circle me-2" href=""><i
|
||||||
|
class="fab fa-instagram fw-normal text-white"></i></a>
|
||||||
|
<a class="btn btn-sm btn-outline-light btn-square rounded-circle" href=""><i
|
||||||
|
class="fab fa-youtube fw-normal text-white"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-2 row-cols-1 text-center mb-2 mb-lg-0">
|
||||||
|
<a href="" class="btn btn-outline-light rounded-pill m-3 " ">Apply Now</a>
|
||||||
|
</div>
|
||||||
|
<!-- <div class=" col-lg-4 text-center text-lg-end">
|
||||||
|
<div class="d-inline-flex align-items-center" style="height: 45px;">
|
||||||
|
<a href="#" class="text-muted me-2"> Help</a><small> / </small>
|
||||||
|
<a href="#" class="text-muted mx-2"> Support</a><small> / </small>
|
||||||
|
<a href="#" class="text-muted ms-2"> Contact</a>
|
||||||
|
</div>
|
||||||
|
</div> -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Topbar End -->
|
||||||
|
|
||||||
|
<!-- Navbar & Hero Start -->
|
||||||
|
<div class="container-fluid nav-bar p-0">
|
||||||
|
<nav class="navbar navbar-expand-lg navbar-light bg-white px-4 px-lg-5 py-3 py-lg-0">
|
||||||
|
<a href="" class="navbar-brand p-0">
|
||||||
|
<h1 class="display-5 text-secondary m-0"><img src="img/logo.png" class="img-fluid" alt=""></h1>
|
||||||
|
<!-- <img src="img/logo.png" alt="Logo"> -->
|
||||||
|
</a>
|
||||||
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
|
||||||
|
<span class="fa fa-bars"></span>
|
||||||
|
</button>
|
||||||
|
<div class="collapse navbar-collapse" id="navbarCollapse">
|
||||||
|
<div class="navbar-nav ms-auto py-0" style="border: none;">
|
||||||
|
<a href="index.php" class="nav-item nav-link ">Home</a>
|
||||||
|
<div class="nav-item dropdown">
|
||||||
|
<a href="aboutus.php" class="nav-link" data-bs-toggle="dropdown"><span
|
||||||
|
class="dropdown-toggle">About</span></a>
|
||||||
|
<div class="dropdown-menu m-0">
|
||||||
|
<a href="aboutus.php" class="dropdown-item">Company Profile</a>
|
||||||
|
<a href="#" class="dropdown-item">Message from MD</a>
|
||||||
|
<a href="#" class="dropdown-item">Our Network</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="nav-item dropdown">
|
||||||
|
<a href="#" class="nav-link" data-bs-toggle="dropdown"><span class="dropdown-toggle">Country</span></a>
|
||||||
|
<div class="dropdown-menu m-0">
|
||||||
|
<a href="australia.php" class="dropdown-item">Australia</a>
|
||||||
|
<a href="canada.php" class="dropdown-item">Canada</a>
|
||||||
|
<a href="uk.php" class="dropdown-item">Uk</a>
|
||||||
|
<a href="usa.php" class="dropdown-item">USA</a>
|
||||||
|
<a href="newzealand.php" class="dropdown-item">New Zealand</a>
|
||||||
|
<a href="singapore.php" class="dropdown-item">Singapore</a>
|
||||||
|
<a href="japan.php" class="dropdown-item">Japan</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!--
|
||||||
|
<a href="testprep.php" class="nav-item nav-link">Test Preparation</a>
|
||||||
|
<div class="nav-item dropdown">
|
||||||
|
<a href="testprep.php" class="nav-link" data-bs-toggle="dropdown">Test
|
||||||
|
Preparation</a>
|
||||||
|
<div class="dropdown-menu m-0">
|
||||||
|
<a href="#" class="dropdown-item">IELTS</a>
|
||||||
|
<a href="#" class="dropdown-item">PTE</a>
|
||||||
|
<a href="#" class="dropdown-item">TOEFL</a>
|
||||||
|
<a href="#" class="dropdown-item">Language Classes</a>
|
||||||
|
</div>
|
||||||
|
</div> -->
|
||||||
|
<a href="blog.php" class="nav-item nav-link">Blog</a>
|
||||||
|
<a href="gallery.php" class="nav-item nav-link">Gallery</a>
|
||||||
|
<a href="testimonial.php" class="nav-item nav-link">Testimonials</a>
|
||||||
|
<a href="contact.php" class="nav-item nav-link">Contact</a>
|
||||||
|
</div>
|
||||||
|
<button class="btn btn-primary btn-md-square border-secondary mb-3 mb-md-3 mb-lg-0 me-3"
|
||||||
|
data-bs-toggle="modal" data-bs-target="#searchModal"><i class="fas fa-search"></i></button>
|
||||||
|
<!-- <a href="" class="btn btn-primary border-secondary rounded-pill py-2 px-4 px-lg-3 mb-3 mb-md-3 mb-lg-0">Get A
|
||||||
|
Quote</a> -->
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
<!-- Navbar & Hero End -->
|
||||||
|
|
||||||
|
<!-- Modal Search Start -->
|
||||||
|
<div class="modal fade" id="searchModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
|
||||||
|
<div class="modal-dialog modal-fullscreen">
|
||||||
|
<div class="modal-content rounded-0">
|
||||||
|
<div class="modal-header">
|
||||||
|
<h4 class="modal-title text-secondary mb-0" id="exampleModalLabel">Search by keyword</h4>
|
||||||
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||||
|
</div>
|
||||||
|
<div class="modal-body d-flex align-items-center">
|
||||||
|
<div class="input-group w-75 mx-auto d-flex">
|
||||||
|
<input type="search" class="form-control p-3" placeholder="keywords" aria-describedby="search-icon-1">
|
||||||
|
<span id="search-icon-1" class="input-group-text p-3"><i class="fa fa-search"></i></span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Modal Search End -->
|
||||||
|
|
||||||
|
<!-- JavaScript Libraries -->
|
||||||
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
|
||||||
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
|
||||||
|
<script src="lib/wow/wow.min.js"></script>
|
||||||
|
<script src="lib/easing/easing.min.js"></script>
|
||||||
|
<script src="lib/waypoints/waypoints.min.js"></script>
|
||||||
|
<script src="lib/counterup/counterup.min.js"></script>
|
||||||
|
<script src="lib/owlcarousel/owl.carousel.min.js"></script>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Template Javascript -->
|
||||||
|
<script src="js/main.js"></script>
|
||||||
27
home/about.php
Normal file
27
home/about.php
Normal file
@ -0,0 +1,27 @@
|
|||||||
|
<!-- About Start -->
|
||||||
|
<div class="container-fluid py-5 bg-light">
|
||||||
|
<div class="container py-5">
|
||||||
|
<div class="row g-5">
|
||||||
|
<div class="col-xl-5 wow fadeInLeft" data-wow-delay="0.1s">
|
||||||
|
<div class="bg-light rounded">
|
||||||
|
<img src="img/about-2.png" class="img-fluid w-100"
|
||||||
|
style="margin-bottom: -100px; height: 350px; object-fit: cover;" alt="Image">
|
||||||
|
<img src="img/about-3.jpg" class="img-fluid w-100 border-bottom border-5 border-primary"
|
||||||
|
style="border-top-right-radius: 300px; border-top-left-radius: 300px;" alt="Image">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-xl-7 wow fadeInRight" data-wow-delay="0.3s">
|
||||||
|
<h5 class="sub-title pe-3">About the company</h5>
|
||||||
|
<h1 class="display-5 mb-4">Orient <br> We’re Trusted Consultant Agency
|
||||||
|
</h1>
|
||||||
|
<p class="mb-4">Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt architecto consectetur iusto
|
||||||
|
perferendis blanditiis assumenda dignissimos, commodi fuga culpa earum explicabo libero sint est mollitia
|
||||||
|
saepe! Sequi asperiores rerum nemo!
|
||||||
|
Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsum dolorum id natus inventore impedit sint
|
||||||
|
reiciendis cum labore tempora unde.</p>
|
||||||
|
<a class="btn btn-primary rounded-pill py-3 px-5" href="">Read More</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- About End -->
|
||||||
14
home/facts.php
Normal file
14
home/facts.php
Normal file
@ -0,0 +1,14 @@
|
|||||||
|
<div class="container-fluid counter-facts py-5">
|
||||||
|
<div class="container ">
|
||||||
|
<div class="row ">
|
||||||
|
<div class="col-8 wow fadeInUp" data-wow-delay="0.1s">
|
||||||
|
<h2 class="text-center">Confused which destination is best? <br>Let us help you right away !</h2>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-2 row-cols-1 text-center mb-2 mb-lg-0">
|
||||||
|
<a href="extra.php" class="btn btn-primary border-white rounded-pill m-3 ">Apply Now</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
76
home/register.php
Normal file
76
home/register.php
Normal file
@ -0,0 +1,76 @@
|
|||||||
|
<!-- Contact Start -->
|
||||||
|
<div class="container-fluid contact overflow-hidden py-5">
|
||||||
|
<div class="container py-5">
|
||||||
|
<div class="row g-5 mb-5">
|
||||||
|
<div class="col-lg-6 wow fadeInLeft" data-wow-delay="0.1s">
|
||||||
|
<div class="bg-light rounded">
|
||||||
|
<!-- <img src="img/about-2.png" class="img-fluid w-100" style="margin-bottom: -7px;" alt="Image"> -->
|
||||||
|
<img src="img/about-3.jpg" class="img-fluid w-100 border-bottom border-5 border-primary"
|
||||||
|
style="border-top-right-radius: 300px; border-top-left-radius: 300px;" alt="Image">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-6 wow fadeInRight" data-wow-delay="0.3">
|
||||||
|
<div class="sub-style">
|
||||||
|
<h5 class="sub-title pe-3">Quick Enquiry</h5>
|
||||||
|
</div>
|
||||||
|
<h1 class="display-5 mb-4">Fill your details and we’ll be in touch shortly.</h1>
|
||||||
|
<form>
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-lg-12 col-xl-6">
|
||||||
|
<div class="form-floating">
|
||||||
|
<input type="text" class="form-control" id="name" placeholder="Your Name">
|
||||||
|
<label for="name">Your Name</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-12 col-xl-6">
|
||||||
|
<div class="form-floating">
|
||||||
|
<input type="email" class="form-control" id="email" placeholder="Your Email">
|
||||||
|
<label for="email">Your Email</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-12 col-xl-6">
|
||||||
|
<div class="form-floating">
|
||||||
|
<input type="phone" class="form-control" id="phone" placeholder="Phone">
|
||||||
|
<label for="phone">Your Phone</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-12 col-xl-6">
|
||||||
|
<div class="form-floating">
|
||||||
|
<input type="text" class="form-control" id="project" placeholder="Destination">
|
||||||
|
<label for="Destination">Study Destination</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-12">
|
||||||
|
<div class="form-floating">
|
||||||
|
<input type="text" class="form-control" id="subject" placeholder="Subject">
|
||||||
|
<label for="subject">Subject</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-12">
|
||||||
|
<div class="form-floating">
|
||||||
|
<textarea class="form-control" placeholder="Leave a message here" id="message"
|
||||||
|
style="height: 160px"></textarea>
|
||||||
|
<label for="message">Enter your Enquiry in Detail(Optional)</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-12">
|
||||||
|
<div class="g-recaptcha" data-sitekey="6LcYxAETAAAAACHBoSfbKWFI5G5o24X3wU-3WA06">
|
||||||
|
<div style="width: 304px; height: 78px;">
|
||||||
|
<div><iframe title="reCAPTCHA" width="304" height="78" role="presentation" name="a-6uj92ut1c260"
|
||||||
|
frameborder="0" scrolling="no"
|
||||||
|
sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox allow-storage-access-by-user-activation"
|
||||||
|
src="https://www.google.com/recaptcha/api2/anchor?ar=1&k=6LcYxAETAAAAACHBoSfbKWFI5G5o24X3wU-3WA06&co=aHR0cHM6Ly9hY2Nlc3NuZXBhbC5uZXQ6NDQz&hl=en&v=9pvHvq7kSOTqqZusUzJ6ewaF&size=normal&cb=3vx1ipul9wvl"></iframe>
|
||||||
|
</div><textarea id="g-recaptcha-response" name="g-recaptcha-response" class="g-recaptcha-response"
|
||||||
|
style="width: 250px; height: 40px; border: 1px solid rgb(193, 193, 193); margin: 10px 25px; padding: 0px; resize: none; display: none;"></textarea>
|
||||||
|
</div><iframe style="display: none;"></iframe>
|
||||||
|
</div>
|
||||||
|
<button class="btn btn-primary w-100 py-3">Submit your Enquiry</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Contact End -->
|
||||||
57
home/service.php
Normal file
57
home/service.php
Normal file
@ -0,0 +1,57 @@
|
|||||||
|
<!-- service section -->
|
||||||
|
|
||||||
|
<div class="container-fluid features overflow-hidden py-5 ">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row g-4 justify-content-center text-center">
|
||||||
|
<div class="col-md-6 col-lg-6 col-xl-3 wow fadeInUp" data-wow-delay="0.1s">
|
||||||
|
<div class="feature-item text-center p-4">
|
||||||
|
<div class="feature-icon p-3 mb-4">
|
||||||
|
<i class="fas fa-globe-asia fa-4x" style="color: #898989;"></i>
|
||||||
|
</div>
|
||||||
|
<div class="feature-content d-flex flex-column">
|
||||||
|
<h5 class="mb-3">Willing to Study Abroad?</h5>
|
||||||
|
<p class="mb-3">Dolor, sit amet consectetur adipisicing elit.</p>
|
||||||
|
<a class="btn btn-secondary rounded-pill" href="#">Read More<i class="fas fa-arrow-right ms-2"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-6 col-xl-3 wow fadeInUp" data-wow-delay="0.3s">
|
||||||
|
<div class="feature-item text-center p-4">
|
||||||
|
<div class="feature-icon p-3 mb-4">
|
||||||
|
<i class="fab fa-avianex fa-4x " style="color: #898989;"></i>
|
||||||
|
</div>
|
||||||
|
<div class="feature-content d-flex flex-column">
|
||||||
|
<h5 class="mb-3">Achieve your Dream!</h5>
|
||||||
|
<p class="mb-3">Dolor, sit amet consectetur adipisicing elit.</p>
|
||||||
|
<a class="btn btn-secondary rounded-pill" href="#">Read More<i class="fas fa-arrow-right ms-2"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-6 col-xl-3 wow fadeInUp" data-wow-delay="0.5s">
|
||||||
|
<div class="feature-item text-center p-4">
|
||||||
|
<div class="feature-icon p-3 mb-4">
|
||||||
|
<i class="fas fa-atlas fa-4x" style="color: #898989;"></i>
|
||||||
|
</div>
|
||||||
|
<div class="feature-content d-flex flex-column">
|
||||||
|
<h5 class="mb-3">Offered Services</h5>
|
||||||
|
<p class="mb-3">Dolor, sit amet consectetur adipisicing elit.</p>
|
||||||
|
<a class="btn btn-secondary rounded-pill" href="#">Read More<i class="fas fa-arrow-right ms-2"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-6 col-xl-3 wow fadeInUp" data-wow-delay="0.7s">
|
||||||
|
<div class="feature-item text-center p-4">
|
||||||
|
<div class="feature-icon p-3 mb-4">
|
||||||
|
<i class="fab fa-cc-visa fa-4x " style="color: #898989;"></i>
|
||||||
|
</div>
|
||||||
|
<div class="feature-content d-flex flex-column">
|
||||||
|
<h5 class="mb-3">Visa Assistance</h5>
|
||||||
|
<p class="mb-3">Dolor, sit amet consectetur adipisicing elit.</p>
|
||||||
|
<a class="btn btn-secondary rounded-pill" href="#">Read More<i class="fas fa-arrow-right ms-2"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- end service section -->
|
||||||
56
home/slider.php
Normal file
56
home/slider.php
Normal file
@ -0,0 +1,56 @@
|
|||||||
|
<!-- Carousel Start -->
|
||||||
|
<div class="carousel-header bg-black-10">
|
||||||
|
<div id="carouselId" class="carousel slide" data-bs-ride="carousel">
|
||||||
|
<ol class="carousel-indicators">
|
||||||
|
<li data-bs-target="#carouselId" data-bs-slide-to="0" class="active"></li>
|
||||||
|
<li data-bs-target="#carouselId" data-bs-slide-to="1"></li>
|
||||||
|
</ol>
|
||||||
|
<div class="carousel-inner" role="listbox">
|
||||||
|
<div class="carousel-item active">
|
||||||
|
<img src="img/slider.png" class="img-fluid" alt="Image">
|
||||||
|
<div class="carousel-caption">
|
||||||
|
<div class="text-center p-4" style="max-width: 900px;">
|
||||||
|
<h4 class="text-white text-uppercase fw-bold mb-3 mb-md-4 wow fadeInUp" data-wow-delay="0.1s">Solution For
|
||||||
|
All Type Of Visas</h4>
|
||||||
|
<h1 class="display-1 text-capitalize text-white mb-3 mb-md-4 wow fadeInUp" data-wow-delay="0.3s">Study in
|
||||||
|
Abroad</h1>
|
||||||
|
<p class="text-white mb-4 mb-md-5 fs-5 wow fadeInUp" data-wow-delay="0.5s">Lorem Ipsum is simply dummy text
|
||||||
|
of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever
|
||||||
|
since the 1500s,
|
||||||
|
</p>
|
||||||
|
<a class="btn btn-primary border-secondary rounded-pill text-white py-3 px-5 wow fadeInUp"
|
||||||
|
data-wow-delay="0.7s" href="#">More Details</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="carousel-item">
|
||||||
|
<img src="img/carousel-2.jpg" class="img-fluid" alt="Image">
|
||||||
|
<div class="carousel-caption">
|
||||||
|
<div class="text-center p-4" style="max-width: 900px;">
|
||||||
|
<h5 class="text-white text-uppercase fw-bold mb-3 mb-md-4 wow fadeInUp" data-wow-delay="0.1s">Solution For
|
||||||
|
All Type Of Visas</h5>
|
||||||
|
<h1 class="display-1 text-capitalize text-white mb-3 mb-md-4 wow fadeInUp" data-wow-delay="0.3s">Best Visa
|
||||||
|
Immigrations Services</h1>
|
||||||
|
<p class="text-white mb-4 mb-md-5 fs-5 wow fadeInUp" data-wow-delay="0.5s">Lorem Ipsum is simply dummy text
|
||||||
|
of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever
|
||||||
|
since the 1500s,
|
||||||
|
</p>
|
||||||
|
<a class="btn btn-primary border-secondary rounded-pill text-white py-3 px-5 wow fadeInUp"
|
||||||
|
data-wow-delay="0.7s" href="#">More Details</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<button class="carousel-control-prev" type="button" data-bs-target="#carouselId" data-bs-slide="prev">
|
||||||
|
<span class="carousel-control-prev-icon wow fadeInLeft" data-wow-delay="0.2s" style="background-color: #f1592a;"
|
||||||
|
aria-hidden="false"></span>
|
||||||
|
<span class="visually-hidden-focusable">Previous</span>
|
||||||
|
</button>
|
||||||
|
<button class="carousel-control-next" type="button" data-bs-target="#carouselId" data-bs-slide="next">
|
||||||
|
<span class="carousel-control-next-icon wow fadeInRight" data-wow-delay="0.2s" style="background-color: #f1592a;"
|
||||||
|
aria-hidden="false"></span>
|
||||||
|
<span class="visually-hidden-focusable">Next</span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Carousel End -->
|
||||||
94
home/studydestination.php
Normal file
94
home/studydestination.php
Normal file
@ -0,0 +1,94 @@
|
|||||||
|
<div class="container-fluid features overflow-hidden py-5">
|
||||||
|
<div class="container">
|
||||||
|
<div class="section-title text-center mb-5 wow fadeInUp" data-wow-delay="0.1s">
|
||||||
|
<div class="sub-style">
|
||||||
|
<h5 class="sub-title px-3">Study Destination</h5>
|
||||||
|
</div>
|
||||||
|
<h1 class="display-5 mb-4">We can help you to secure your future</h1>
|
||||||
|
</div>
|
||||||
|
<div class="row g-4 justify-content-center text-center">
|
||||||
|
<div class="col-12">
|
||||||
|
<div id="carouselExampleIndicators2" class="carousel slide" data-ride="carousel">
|
||||||
|
<div class="carousel-inner">
|
||||||
|
<div class="carousel-item active">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-4 mb-3">
|
||||||
|
<div class="card">
|
||||||
|
<img class="img-fluid" alt="100%x280" src="img/australia.png">
|
||||||
|
<div class="card-body">
|
||||||
|
<h4 class="card-title">Australia</h4>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-4 mb-3">
|
||||||
|
<div class="card">
|
||||||
|
<img class="img-fluid" alt="100%x280" src="img/canada.png">
|
||||||
|
<div class="card-body">
|
||||||
|
<h4 class="card-title">Canada</h4>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-4 mb-3">
|
||||||
|
<div class="card">
|
||||||
|
<img class="img-fluid" alt="100%x280" src="img/usa.png">
|
||||||
|
<div class="card-body">
|
||||||
|
<h4 class="card-title">USA</h4>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="carousel-item">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-4 mb-3">
|
||||||
|
<div class="card">
|
||||||
|
<img class="img-fluid" alt="100%x280" src="img/uk.png">
|
||||||
|
<div class="card-body">
|
||||||
|
<h4 class="card-title">UK</h4>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-4 mb-3">
|
||||||
|
<div class="card">
|
||||||
|
<img class="img-fluid" alt="100%x280" src="img/newzealand.png">
|
||||||
|
<div class="card-body">
|
||||||
|
<h4 class="card-title">New Zealand</h4>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-4 mb-3">
|
||||||
|
<div class="card">
|
||||||
|
<img class="img-fluid" alt="100%x280" src="img/japan.png">
|
||||||
|
<div class="card-body">
|
||||||
|
<h4 class="card-title">Japan</h4>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="col-12">
|
||||||
|
<a class="btn btn-primary mb-3 mr-1" href="#carouselExampleIndicators2" role="button" data-slide="prev">
|
||||||
|
<i class="fa fa-arrow-left"></i>
|
||||||
|
</a>
|
||||||
|
<a class="btn btn-primary mb-3 " href="#carouselExampleIndicators2" role="button" data-slide="next">
|
||||||
|
<i class="fa fa-arrow-right"></i>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="col-12">
|
||||||
|
<a class="btn btn-primary rounded-pill py-3 px-5" href="destination.php">Read More</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<script src=" https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
|
||||||
|
<script src=" https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/js/bootstrap.min.js"></script>
|
||||||
83
home/testimonials.php
Normal file
83
home/testimonials.php
Normal file
@ -0,0 +1,83 @@
|
|||||||
|
<div class="container-fluid testimonial overflow-hidden pb-5 bg-primary"
|
||||||
|
style="background-image: url('img/testibg.png'); object-fit: cover;">
|
||||||
|
<div class="container py-5">
|
||||||
|
<div class="section-title text-center mb-5 wow fadeInUp" data-wow-delay="0.1s">
|
||||||
|
<div class="sub-style">
|
||||||
|
<h5 class="sub-title px-3">OUR STUDENTS REVIEWS</h5>
|
||||||
|
</div>
|
||||||
|
<h1 class="display-5 mb-2">What Our Student</h1>
|
||||||
|
<h2>Says about Us</h2>
|
||||||
|
</div>
|
||||||
|
<div class="owl-carousel testimonial-carousel wow zoomInDown" data-wow-delay="0.2s">
|
||||||
|
<div class="testimonial-item">
|
||||||
|
<div class="testimonial-content p-4 mb-5">
|
||||||
|
<p class="fs-5 mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt
|
||||||
|
ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitati eiusmod tempor
|
||||||
|
incididunt.
|
||||||
|
</p>
|
||||||
|
<div class="d-flex justify-content-end">
|
||||||
|
<i class="fas fa-star text-warning"></i>
|
||||||
|
<i class="fas fa-star text-warning"></i>
|
||||||
|
<i class="fas fa-star text-warning"></i>
|
||||||
|
<i class="fas fa-star text-warning"></i>
|
||||||
|
<i class="fas fa-star text-warning"></i>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="d-flex">
|
||||||
|
<div class="rounded-circle me-4" style="width: 100px; height: 100px;">
|
||||||
|
<img class="img-fluid rounded-circle" src="img/testimonial-1.jpg" alt="img">
|
||||||
|
</div>
|
||||||
|
<div class="my-auto">
|
||||||
|
<h5>Person Name</h5>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="testimonial-item">
|
||||||
|
<div class="testimonial-content p-4 mb-5">
|
||||||
|
<p class="fs-5 mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt
|
||||||
|
ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitati eiusmod tempor
|
||||||
|
incididunt.
|
||||||
|
</p>
|
||||||
|
<div class="d-flex justify-content-end">
|
||||||
|
<i class="fas fa-star text-warning"></i>
|
||||||
|
<i class="fas fa-star text-warning"></i>
|
||||||
|
<i class="fas fa-star text-warning"></i>
|
||||||
|
<i class="fas fa-star text-warning"></i>
|
||||||
|
<i class="fas fa-star text-warning"></i>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="d-flex">
|
||||||
|
<div class="rounded-circle me-4" style="width: 100px; height: 100px;">
|
||||||
|
<img class="img-fluid rounded-circle" src="img/testimonial-2.jpg" alt="img">
|
||||||
|
</div>
|
||||||
|
<div class="my-auto">
|
||||||
|
<h5>Person Name</h5>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="testimonial-item">
|
||||||
|
<div class="testimonial-content p-4 mb-5">
|
||||||
|
<p class="fs-5 mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt
|
||||||
|
ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitati eiusmod tempor
|
||||||
|
incididunt.
|
||||||
|
</p>
|
||||||
|
<div class="d-flex justify-content-end">
|
||||||
|
<i class="fas fa-star text-warning"></i>
|
||||||
|
<i class="fas fa-star text-warning"></i>
|
||||||
|
<i class="fas fa-star text-warning"></i>
|
||||||
|
<i class="fas fa-star text-warning"></i>
|
||||||
|
<i class="fas fa-star text-warning"></i>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="d-flex">
|
||||||
|
<div class="rounded-circle me-4" style="width: 100px; height: 100px;">
|
||||||
|
<img class="img-fluid rounded-circle" src="img/testimonial-3.jpg" alt="img">
|
||||||
|
</div>
|
||||||
|
<div class="my-auto">
|
||||||
|
<h5>Person Name</h5>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
91
home/testprep.php
Normal file
91
home/testprep.php
Normal file
@ -0,0 +1,91 @@
|
|||||||
|
<div class="container-fluid training overflow-hidden bg-light py-5">
|
||||||
|
<div class="container py-5">
|
||||||
|
<div class="section-title text-center mb-5 wow fadeInUp" data-wow-delay="0.1s">
|
||||||
|
<div class="sub-style">
|
||||||
|
<h5 class="sub-title px-3">Test Preparation Classes</h5>
|
||||||
|
</div>
|
||||||
|
<h1 class="display-5 mb-4">Get the Best Test Preparation Service from Our Orient</h1>
|
||||||
|
<!-- <p class="mb-0">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat deleniti amet at atque sequi
|
||||||
|
quibusdam cumque itaque repudiandae temporibus, eius nam mollitia voluptas maxime veniam necessitatibus saepe in
|
||||||
|
ab? Repellat!</p> -->
|
||||||
|
</div>
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-lg-6 col-lg-6 col-xl-3 wow fadeInUp" data-wow-delay="0.1s">
|
||||||
|
<div class="training-item">
|
||||||
|
<div class="training-inner">
|
||||||
|
<img src="img/training-1.jpg" class="img-fluid w-100 rounded" alt="Image">
|
||||||
|
<div class="training-title-name">
|
||||||
|
<a href="#" class="h4 text-white mb-0">IELTS</a>
|
||||||
|
<a href="#" class="h4 text-white mb-0">Coaching</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="training-content bg-secondary rounded-bottom p-4">
|
||||||
|
<a href="ielts.php">
|
||||||
|
<h4 class="text-white">IELTS Coaching</h4>
|
||||||
|
</a>
|
||||||
|
<p class="text-white-50">Lorem ipsum dolor sit amet consectetur adipisicing elit. Autem, veritatis.</p>
|
||||||
|
<a class="btn btn-secondary rounded-pill text-white p-0" href="ielts.php">Read More <i
|
||||||
|
class="fa fa-arrow-right"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-6 col-lg-6 col-xl-3 wow fadeInUp" data-wow-delay="0.3s">
|
||||||
|
<div class="training-item">
|
||||||
|
<div class="training-inner">
|
||||||
|
<img src="img/training-2.jpg" class="img-fluid w-100 rounded" alt="Image">
|
||||||
|
<div class="training-title-name">
|
||||||
|
<a href="#" class="h4 text-white mb-0">TOEFL</a>
|
||||||
|
<a href="#" class="h4 text-white mb-0">Coaching</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="training-content bg-secondary rounded-bottom p-4">
|
||||||
|
<a href="toefl.php">
|
||||||
|
<h4 class="text-white">TOEFL Coaching</h4>
|
||||||
|
</a>
|
||||||
|
<p class="text-white-50">Lorem ipsum dolor sit amet consectetur adipisicing elit. Autem, veritatis.</p>
|
||||||
|
<a class="btn btn-secondary rounded-pill text-white p-0" href="toefl.php">Read More <i
|
||||||
|
class="fa fa-arrow-right"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-6 col-lg-6 col-xl-3 wow fadeInUp" data-wow-delay="0.5s">
|
||||||
|
<div class="training-item">
|
||||||
|
<div class="training-inner">
|
||||||
|
<img src="img/training-3.jpg" class="img-fluid w-100 rounded" alt="Image">
|
||||||
|
<div class="training-title-name">
|
||||||
|
<a href="#" class="h4 text-white mb-0">PTE</a>
|
||||||
|
<a href="#" class="h4 text-white mb-0">Coaching</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="training-content bg-secondary rounded-bottom p-4">
|
||||||
|
<a href="pte.php">
|
||||||
|
<h4 class="text-white">PTE Coaching</h4>
|
||||||
|
</a>
|
||||||
|
<p class="text-white-50">Lorem ipsum dolor sit amet consectetur adipisicing elit. Autem, veritatis.</p>
|
||||||
|
<a class="btn btn-secondary rounded-pill text-white p-0" href="pte.php">Read More <i
|
||||||
|
class="fa fa-arrow-right"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-6 col-lg-6 col-xl-3 wow fadeInUp" data-wow-delay="0.7s">
|
||||||
|
<div class="training-item">
|
||||||
|
<div class="training-inner">
|
||||||
|
<img src="img/training-4.jpg" class="img-fluid w-100 rounded" alt="Image">
|
||||||
|
<div class="training-title-name">
|
||||||
|
<a href="#" class="h4 text-white mb-0">Language</a>
|
||||||
|
<a href="#" class="h4 text-white mb-0">Classes</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="training-content bg-secondary rounded-bottom p-4">
|
||||||
|
<a href="language.php">
|
||||||
|
<h4 class="text-white">Language Classes</h4>
|
||||||
|
</a>
|
||||||
|
<p class="text-white-50">Lorem ipsum dolor sit amet consectetur adipisicing elit. Autem, veritatis.</p>
|
||||||
|
<a class="btn btn-secondary rounded-pill text-white p-0" href="language.php">Read More <i
|
||||||
|
class="fa fa-arrow-right"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
81
ielts.php
Normal file
81
ielts.php
Normal file
@ -0,0 +1,81 @@
|
|||||||
|
<?php include ('header.php'); ?>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="container-fluid bg-breadcrumb">
|
||||||
|
<div class="container text-center py-5" style="max-width: 900px;">
|
||||||
|
<h3 class="text-white display-3 mb-4 wow fadeInDown" data-wow-delay="0.1s">IELTS</h1>
|
||||||
|
<ol class="breadcrumb justify-content-center text-white mb-0 wow fadeInDown" data-wow-delay="0.3s">
|
||||||
|
<li class="breadcrumb-item"><a href="index.php" class="text-white">Home</a></li>
|
||||||
|
<li class="breadcrumb-item"><a href="testprep.php" class="text-white">Test Preparation</a></li>
|
||||||
|
<li class="breadcrumb-item"><a href="#" class="text-white">IELTS</a></li>
|
||||||
|
</ol>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="container-fluid py-5 bg-light">
|
||||||
|
<div class="container py-5">
|
||||||
|
<div class="row g-5">
|
||||||
|
<div class="col-xl-3 wow fadeInLeft" data-wow-delay="0.1s">
|
||||||
|
<div class="bg-light rounded">
|
||||||
|
<div class="">
|
||||||
|
<div class="card p-3">
|
||||||
|
|
||||||
|
<div class=" aos-init aos-animate" data-aos="fade-up">
|
||||||
|
|
||||||
|
<h4 class="sidebar__title">Other Classes</h4>
|
||||||
|
<ul class="">
|
||||||
|
<li>
|
||||||
|
<div class="">
|
||||||
|
|
||||||
|
<h6>
|
||||||
|
<a href="pte.php">PTE</a>
|
||||||
|
|
||||||
|
</h6>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<div class="">
|
||||||
|
|
||||||
|
<h6>
|
||||||
|
<a href="toefl.php">TOEFL</a>
|
||||||
|
|
||||||
|
</h6>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<div class="">
|
||||||
|
|
||||||
|
<h6>
|
||||||
|
<a href="language.php">Language Class</a>
|
||||||
|
|
||||||
|
</h6>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-xl-9 wow fadeInRight" data-wow-delay="0.3s">
|
||||||
|
<h2 class=" mb-4">Why IELTS?
|
||||||
|
</h2>
|
||||||
|
<p class="mb-4">The International English Language Testing System (IELTS) is an English language competence test
|
||||||
|
that is needed in many countries for education, job, and immigration. It is intended to measure the language
|
||||||
|
competence of non-native English speakers who need to study or work in an English-speaking setting. The test
|
||||||
|
is broken into four sections: hearing, reading, writing, and speaking, and it is graded on a scale of 1
|
||||||
|
(non-user) to 9 (expert) (expert user). The IELTS exam is widely recognised by colleges, businesses, and
|
||||||
|
immigration agencies in nations such as the United States, the United Kingdom, Australia, and Canada.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<?php include ('footer.php'); ?>
|
||||||
BIN
img/08.png
Normal file
BIN
img/08.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 543 KiB |
BIN
img/about-2.png
Normal file
BIN
img/about-2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 92 KiB |
BIN
img/about-3.jpg
Normal file
BIN
img/about-3.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 33 KiB |
BIN
img/ausflag.png
Normal file
BIN
img/ausflag.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 80 KiB |
BIN
img/australia.jpg
Normal file
BIN
img/australia.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 151 KiB |
BIN
img/australia.png
Normal file
BIN
img/australia.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 798 KiB |
BIN
img/brand-logo.png
Normal file
BIN
img/brand-logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.8 KiB |
BIN
img/brazil.jpg
Normal file
BIN
img/brazil.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.3 KiB |
BIN
img/breadcrumb.png
Normal file
BIN
img/breadcrumb.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 412 KiB |
BIN
img/canada.png
Normal file
BIN
img/canada.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.0 MiB |
BIN
img/canadaflag.png
Normal file
BIN
img/canadaflag.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 73 KiB |
BIN
img/carousel-1.jpg
Normal file
BIN
img/carousel-1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 118 KiB |
BIN
img/carousel-2.jpg
Normal file
BIN
img/carousel-2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 115 KiB |
BIN
img/country-1.jpg
Normal file
BIN
img/country-1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 78 KiB |
BIN
img/country-2.jpg
Normal file
BIN
img/country-2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 104 KiB |
BIN
img/country-3.jpg
Normal file
BIN
img/country-3.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 78 KiB |
BIN
img/country-4.jpg
Normal file
BIN
img/country-4.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 82 KiB |
BIN
img/india.jpg
Normal file
BIN
img/india.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.6 KiB |
BIN
img/italy.jpg
Normal file
BIN
img/italy.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.5 KiB |
BIN
img/japan.png
Normal file
BIN
img/japan.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 685 KiB |
BIN
img/japanflag.png
Normal file
BIN
img/japanflag.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 50 KiB |
BIN
img/logo.png
Normal file
BIN
img/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 29 KiB |
BIN
img/newzealand.png
Normal file
BIN
img/newzealand.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 873 KiB |
BIN
img/newzealandflag.png
Normal file
BIN
img/newzealandflag.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 82 KiB |
BIN
img/office-1.jpg
Normal file
BIN
img/office-1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 27 KiB |
BIN
img/office-2.jpg
Normal file
BIN
img/office-2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 33 KiB |
BIN
img/office-3.jpg
Normal file
BIN
img/office-3.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 34 KiB |
BIN
img/office-4.jpg
Normal file
BIN
img/office-4.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 44 KiB |
BIN
img/profile.png
Normal file
BIN
img/profile.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 200 KiB |
BIN
img/service-1.jpg
Normal file
BIN
img/service-1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 56 KiB |
BIN
img/service-2.jpg
Normal file
BIN
img/service-2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 53 KiB |
BIN
img/service-3.jpg
Normal file
BIN
img/service-3.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 60 KiB |
BIN
img/service-4.jpg
Normal file
BIN
img/service-4.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 46 KiB |
BIN
img/slider.png
Normal file
BIN
img/slider.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 MiB |
BIN
img/testibg.png
Normal file
BIN
img/testibg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 917 KiB |
BIN
img/testimonial-1.jpg
Normal file
BIN
img/testimonial-1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.7 KiB |
BIN
img/testimonial-2.jpg
Normal file
BIN
img/testimonial-2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.4 KiB |
BIN
img/testimonial-3.jpg
Normal file
BIN
img/testimonial-3.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.1 KiB |
BIN
img/training-1.jpg
Normal file
BIN
img/training-1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 63 KiB |
BIN
img/training-2.jpg
Normal file
BIN
img/training-2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 47 KiB |
BIN
img/training-3.jpg
Normal file
BIN
img/training-3.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 54 KiB |
BIN
img/training-4.jpg
Normal file
BIN
img/training-4.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 55 KiB |
BIN
img/uk.png
Normal file
BIN
img/uk.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 967 KiB |
BIN
img/ukflag.png
Normal file
BIN
img/ukflag.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 91 KiB |
BIN
img/usa.jpg
Normal file
BIN
img/usa.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.7 KiB |
BIN
img/usa.png
Normal file
BIN
img/usa.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1024 KiB |
10
index.php
Normal file
10
index.php
Normal file
@ -0,0 +1,10 @@
|
|||||||
|
<?php include ('header.php'); ?>
|
||||||
|
<?php include ('home/slider.php'); ?>
|
||||||
|
<?php include ('home/service.php'); ?>
|
||||||
|
<?php include ('home/about.php'); ?>
|
||||||
|
<?php include ('home/studydestination.php'); ?>
|
||||||
|
<?php include ('home/testprep.php'); ?>
|
||||||
|
<?php include ('home/facts.php'); ?>
|
||||||
|
<?php include ('home/register.php'); ?>
|
||||||
|
<?php include ('home/testimonials.php'); ?>
|
||||||
|
<?php include ('footer.php'); ?>
|
||||||
102
japan.php
Normal file
102
japan.php
Normal file
@ -0,0 +1,102 @@
|
|||||||
|
<?php include ('header.php'); ?>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div class="container-fluid bg-breadcrumb">
|
||||||
|
<div class="container text-center py-5" style="max-width: 900px;">
|
||||||
|
<h3 class="text-white display-3 mb-4 wow fadeInDown" data-wow-delay="0.1s">Study abroad</h1>
|
||||||
|
<ol class="breadcrumb justify-content-center text-white mb-0 wow fadeInDown" data-wow-delay="0.3s">
|
||||||
|
<li class="breadcrumb-item"><a href="index.php" class="text-white">Home</a></li>
|
||||||
|
<li class="breadcrumb-item"><a href="#" class="text-white">Japan</a></li>
|
||||||
|
</ol>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="container-fluid py-5 bg-light">
|
||||||
|
<div class="container py-5">
|
||||||
|
<div class="row g-5">
|
||||||
|
<div class="col-xl-5 wow fadeInLeft" data-wow-delay="0.1s">
|
||||||
|
<div class="bg-light rounded">
|
||||||
|
<img src="img/canada.png" class="img-fluid w-100" alt="Image">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-xl-7 wow fadeInRight" data-wow-delay="0.3s">
|
||||||
|
<h5 class="sub-title pe-3">Japan</h5>
|
||||||
|
<h1 class="display-5 mb-4">Why Study in Japan?
|
||||||
|
</h1>
|
||||||
|
<p class="mb-4">The United States is a leading destination for international students due to its renowned
|
||||||
|
education system, diverse culture, and vast opportunities. Here are some key reasons to choose the USA for
|
||||||
|
your studies:</p>
|
||||||
|
<div class="mb-4">
|
||||||
|
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i> Prestigious Universities: The USA is home to many of
|
||||||
|
the world's top universities, known for their academic excellence and cutting-edge research.</p>
|
||||||
|
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i> Diverse Course Options: Offers a wide range of
|
||||||
|
programs and disciplines, allowing students to find courses tailored to their interests and career goals.
|
||||||
|
</p>
|
||||||
|
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i> Cultural Diversity: Experience a rich cultural
|
||||||
|
environment with students from all over the world.
|
||||||
|
</p>
|
||||||
|
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i> Career Opportunities: Access to extensive career
|
||||||
|
services, internships, and job opportunities in a robust economy.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<h1 class="display-5 mb-4">Top Universities
|
||||||
|
</h1>
|
||||||
|
<p class="mb-4">Some of the top universities in USA include:</p>
|
||||||
|
<div class="mb-4">
|
||||||
|
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i>Harvard University</p>
|
||||||
|
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i> Stanford University</p>
|
||||||
|
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i> Massachusetts Institute of Technology (MIT)</p>
|
||||||
|
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i>University of California, Berkeley (UC Berkeley)</p>
|
||||||
|
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i>California Institute of Technology (Caltech)</p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 wow fadeInRight" data-wow-delay="0.3s">
|
||||||
|
<h1 class="display-5 mb-4 ">Application process</h1>
|
||||||
|
<div class="mb-4">
|
||||||
|
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i> Research and Choose Programs: Identify programs and
|
||||||
|
universities that match your interests and career objectives.</p>
|
||||||
|
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i> Check Admission Requirements: Each university has
|
||||||
|
specific requirements, including standardized tests (e.g., SAT, ACT, GRE, GMAT) and English proficiency
|
||||||
|
tests (e.g., TOEFL, IELTS).</p>
|
||||||
|
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i>Prepare Application Materials: Gather transcripts,
|
||||||
|
recommendation letters, personal statements, and standardized test scores.</p>
|
||||||
|
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i>Apply: Submit applications through university portals
|
||||||
|
or common application systems.</p>
|
||||||
|
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i>Receive Acceptance Letters: If accepted, you will
|
||||||
|
receive an offer of admission.</p>
|
||||||
|
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i>Apply for Visa: Apply for an F-1 student visa with
|
||||||
|
your I-20 form from the university.</p>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<h1 class="display-5 mb-4">Scholarships
|
||||||
|
</h1>
|
||||||
|
<p class="mb-4">Numerous scholarships and financial aid options are available for international students,
|
||||||
|
including:</p>
|
||||||
|
<div class="mb-4">
|
||||||
|
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i>University Scholarships: Many universities offer
|
||||||
|
merit-based and need-based scholarships.</p>
|
||||||
|
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i> External Scholarships: Various organizations
|
||||||
|
provide scholarships for international students (e.g., Fulbright Program, Joint Japan/World Bank Graduate
|
||||||
|
Scholarship Program).</p>
|
||||||
|
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i> University-specific scholarships</p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<?php include ('footer.php'); ?>
|
||||||
105
js/main.js
Normal file
105
js/main.js
Normal file
@ -0,0 +1,105 @@
|
|||||||
|
(function ($) {
|
||||||
|
"use strict";
|
||||||
|
|
||||||
|
// Spinner
|
||||||
|
var spinner = function () {
|
||||||
|
setTimeout(function () {
|
||||||
|
if ($('#spinner').length > 0) {
|
||||||
|
$('#spinner').removeClass('show');
|
||||||
|
}
|
||||||
|
}, 1);
|
||||||
|
};
|
||||||
|
spinner(0);
|
||||||
|
|
||||||
|
|
||||||
|
// Initiate the wowjs
|
||||||
|
new WOW().init();
|
||||||
|
|
||||||
|
|
||||||
|
// Sticky Navbar
|
||||||
|
$(window).scroll(function () {
|
||||||
|
if ($(this).scrollTop() > 45) {
|
||||||
|
$('.nav-bar').addClass('sticky-top shadow-sm');
|
||||||
|
} else {
|
||||||
|
$('.nav-bar').removeClass('sticky-top shadow-sm');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
// Facts counter
|
||||||
|
$('[data-toggle="counter-up"]').counterUp({
|
||||||
|
delay: 5,
|
||||||
|
time: 2000
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
// Modal Video
|
||||||
|
$(document).ready(function () {
|
||||||
|
var $videoSrc;
|
||||||
|
$('.btn-play').click(function () {
|
||||||
|
$videoSrc = $(this).data("src");
|
||||||
|
});
|
||||||
|
console.log($videoSrc);
|
||||||
|
|
||||||
|
$('#videoModal').on('shown.bs.modal', function (e) {
|
||||||
|
$("#video").attr('src', $videoSrc + "?autoplay=1&modestbranding=1&showinfo=0");
|
||||||
|
})
|
||||||
|
|
||||||
|
$('#videoModal').on('hide.bs.modal', function (e) {
|
||||||
|
$("#video").attr('src', $videoSrc);
|
||||||
|
})
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
// Testimonial-carousel
|
||||||
|
$(".testimonial-carousel").owlCarousel({
|
||||||
|
autoplay: true,
|
||||||
|
smartSpeed: 2000,
|
||||||
|
center: false,
|
||||||
|
dots: false,
|
||||||
|
loop: true,
|
||||||
|
margin: 25,
|
||||||
|
nav : true,
|
||||||
|
navText : [
|
||||||
|
'<i class="bi bi-arrow-left"></i>',
|
||||||
|
'<i class="bi bi-arrow-right"></i>'
|
||||||
|
],
|
||||||
|
responsiveClass: true,
|
||||||
|
responsive: {
|
||||||
|
0:{
|
||||||
|
items:1
|
||||||
|
},
|
||||||
|
576:{
|
||||||
|
items:1
|
||||||
|
},
|
||||||
|
768:{
|
||||||
|
items:2
|
||||||
|
},
|
||||||
|
992:{
|
||||||
|
items:2
|
||||||
|
},
|
||||||
|
1200:{
|
||||||
|
items:2
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// Back to top button
|
||||||
|
$(window).scroll(function () {
|
||||||
|
if ($(this).scrollTop() > 300) {
|
||||||
|
$('.back-to-top').fadeIn('slow');
|
||||||
|
} else {
|
||||||
|
$('.back-to-top').fadeOut('slow');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
$('.back-to-top').click(function () {
|
||||||
|
$('html, body').animate({scrollTop: 0}, 1500, 'easeInOutExpo');
|
||||||
|
return false;
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
})(jQuery);
|
||||||
|
|
||||||
112
language.php
Normal file
112
language.php
Normal file
@ -0,0 +1,112 @@
|
|||||||
|
<?php include ('header.php'); ?>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="container-fluid bg-breadcrumb">
|
||||||
|
<div class="container text-center py-5" style="max-width: 900px;">
|
||||||
|
<h3 class="text-white display-3 mb-4 wow fadeInDown" data-wow-delay="0.1s">Language Class</h1>
|
||||||
|
<ol class="breadcrumb justify-content-center text-white mb-0 wow fadeInDown" data-wow-delay="0.3s">
|
||||||
|
<li class="breadcrumb-item"><a href="index.php" class="text-white">Home</a></li>
|
||||||
|
<li class="breadcrumb-item"><a href="testprep.php" class="text-white">Test Preparation</a></li>
|
||||||
|
<li class="breadcrumb-item"><a href="#" class="text-white">Language Class</a></li>
|
||||||
|
</ol>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="container-fluid py-5 bg-light">
|
||||||
|
<div class="container py-5">
|
||||||
|
<div class="row g-5">
|
||||||
|
<div class="col-xl-3 wow fadeInLeft" data-wow-delay="0.1s">
|
||||||
|
<div class="bg-light rounded">
|
||||||
|
<div class="">
|
||||||
|
<div class="card p-3">
|
||||||
|
|
||||||
|
<div class=" aos-init aos-animate" data-aos="fade-up">
|
||||||
|
|
||||||
|
<h4 class="sidebar__title">Other Classes</h4>
|
||||||
|
<ul class="">
|
||||||
|
<li>
|
||||||
|
<div class="">
|
||||||
|
|
||||||
|
<h6>
|
||||||
|
<a href="ielts.php">IELTS</a>
|
||||||
|
|
||||||
|
</h6>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<div class="">
|
||||||
|
|
||||||
|
<h6>
|
||||||
|
<a href="pte.php">PTE</a>
|
||||||
|
|
||||||
|
</h6>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<div class="">
|
||||||
|
|
||||||
|
<h6>
|
||||||
|
<a href="toefl.php">TOEFL</a>
|
||||||
|
|
||||||
|
</h6>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-xl-9 wow fadeInRight" data-wow-delay="0.3s">
|
||||||
|
<div>
|
||||||
|
<h2 class=" mb-4">Japanese Language
|
||||||
|
</h2>
|
||||||
|
<p class="mb-4">
|
||||||
|
At Orient Consultancy, our primary objectives regarding Japanese language preparation are to equip students
|
||||||
|
with the linguistic proficiency and cultural understanding necessary for successful integration into
|
||||||
|
Japanese
|
||||||
|
academic and social environments. We provide personalized language coaching tailored to each student's
|
||||||
|
learning pace and goals, utilizing modern resources and immersive techniques to enhance their reading,
|
||||||
|
writing, speaking, and listening skills. Our experienced instructors offer comprehensive guidance on all
|
||||||
|
aspects of the Japanese language, from basic communication to advanced academic proficiency, ensuring
|
||||||
|
students
|
||||||
|
are well-prepared for their studies in Japan. By fostering an engaging and supportive learning environment,
|
||||||
|
and offering insights into Japanese culture and etiquette, we aim to build students' confidence and
|
||||||
|
competence. Our goal is to help students achieve their desired language proficiency levels, enabling them to
|
||||||
|
meet the requirements of Japanese educational institutions and fully embrace their study abroad experience.
|
||||||
|
Through our dedicated efforts, we strive to make the journey to studying in Japan as enriching and
|
||||||
|
successful
|
||||||
|
as possible.</p>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<h2 class=" mb-4">Korean Language
|
||||||
|
</h2>
|
||||||
|
<p class="mb-4">
|
||||||
|
|
||||||
|
At Orient Consultancy, our primary objectives regarding Korean language preparation are to empower students
|
||||||
|
with the skills and cultural insights necessary for thriving in Korean academic and social settings. We
|
||||||
|
offer personalized language coaching tailored to each student's proficiency level and learning goals, using
|
||||||
|
modern resources and immersive techniques to develop their reading, writing, speaking, and listening
|
||||||
|
abilities. Our experienced instructors provide comprehensive guidance on all aspects of the Korean language,
|
||||||
|
from fundamental communication to advanced academic fluency, ensuring students are well-prepared for their
|
||||||
|
studies in Korea. By creating a dynamic and supportive learning environment and incorporating lessons on
|
||||||
|
Korean culture and etiquette, we aim to build students' confidence and competence. Our goal is to help
|
||||||
|
students achieve their target language proficiency levels, enabling them to meet the requirements of Korean
|
||||||
|
educational institutions and fully immerse themselves in their study abroad experience. Through our
|
||||||
|
dedicated approach, we strive to facilitate a seamless and successful pathway for students to achieve their
|
||||||
|
academic and personal aspirations in Korea.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<?php include ('footer.php'); ?>
|
||||||
1579
lib/animate/animate.css
vendored
Normal file
1579
lib/animate/animate.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
11
lib/animate/animate.min.css
vendored
Normal file
11
lib/animate/animate.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
11
lib/counterup/counterup.min.js
vendored
Normal file
11
lib/counterup/counterup.min.js
vendored
Normal file
@ -0,0 +1,11 @@
|
|||||||
|
/*!
|
||||||
|
* jquery.counterup.js 2.1.0
|
||||||
|
*
|
||||||
|
* Copyright 2013, Benjamin Intal http://gambit.ph @bfintal
|
||||||
|
* Released under the GPL v2 License
|
||||||
|
*
|
||||||
|
* Amended by Jeremy Paris, Ciro Mattia Gonano and others
|
||||||
|
*
|
||||||
|
* Date: Feb 24, 2017
|
||||||
|
*/
|
||||||
|
(function($){"use strict";$.fn.counterUp=function(options){var settings=$.extend({time:400,delay:10,offset:100,beginAt:0,formatter:false,context:"window",callback:function(){}},options),s;return this.each(function(){var $this=$(this),counter={time:$(this).data("counterup-time")||settings.time,delay:$(this).data("counterup-delay")||settings.delay,offset:$(this).data("counterup-offset")||settings.offset,beginAt:$(this).data("counterup-beginat")||settings.beginAt,context:$(this).data("counterup-context")||settings.context};var counterUpper=function(){var nums=[];var divisions=counter.time/counter.delay;var num=$(this).attr("data-num")?$(this).attr("data-num"):$this.text();var isComma=/[0-9]+,[0-9]+/.test(num);num=num.replace(/,/g,"");var decimalPlaces=(num.split(".")[1]||[]).length;if(counter.beginAt>num)counter.beginAt=num;var isTime=/[0-9]+:[0-9]+:[0-9]+/.test(num);if(isTime){var times=num.split(":"),m=1;s=0;while(times.length>0){s+=m*parseInt(times.pop(),10);m*=60}}for(var i=divisions;i>=counter.beginAt/num*divisions;i--){var newNum=parseFloat(num/divisions*i).toFixed(decimalPlaces);if(isTime){newNum=parseInt(s/divisions*i);var hours=parseInt(newNum/3600)%24;var minutes=parseInt(newNum/60)%60;var seconds=parseInt(newNum%60,10);newNum=(hours<10?"0"+hours:hours)+":"+(minutes<10?"0"+minutes:minutes)+":"+(seconds<10?"0"+seconds:seconds)}if(isComma){while(/(\d+)(\d{3})/.test(newNum.toString())){newNum=newNum.toString().replace(/(\d+)(\d{3})/,"$1"+","+"$2")}}if(settings.formatter){newNum=settings.formatter.call(this,newNum)}nums.unshift(newNum)}$this.data("counterup-nums",nums);$this.text(counter.beginAt);var f=function(){if(!$this.data("counterup-nums")){settings.callback.call(this);return}$this.html($this.data("counterup-nums").shift());if($this.data("counterup-nums").length){setTimeout($this.data("counterup-func"),counter.delay)}else{$this.data("counterup-nums",null);$this.data("counterup-func",null);settings.callback.call(this)}};$this.data("counterup-func",f);setTimeout($this.data("counterup-func"),counter.delay)};$this.waypoint(function(direction){counterUpper();this.destroy()},{offset:counter.offset+"%",context:counter.context})})}})(jQuery);
|
||||||
168
lib/easing/easing.js
Normal file
168
lib/easing/easing.js
Normal file
@ -0,0 +1,168 @@
|
|||||||
|
/*
|
||||||
|
* jQuery Easing v1.4.1 - http://gsgd.co.uk/sandbox/jquery/easing/
|
||||||
|
* Open source under the BSD License.
|
||||||
|
* Copyright © 2008 George McGinley Smith
|
||||||
|
* All rights reserved.
|
||||||
|
* https://raw.github.com/gdsmith/jquery-easing/master/LICENSE
|
||||||
|
*/
|
||||||
|
|
||||||
|
(function (factory) {
|
||||||
|
if (typeof define === "function" && define.amd) {
|
||||||
|
define(['jquery'], function ($) {
|
||||||
|
return factory($);
|
||||||
|
});
|
||||||
|
} else if (typeof module === "object" && typeof module.exports === "object") {
|
||||||
|
exports = factory(require('jquery'));
|
||||||
|
} else {
|
||||||
|
factory(jQuery);
|
||||||
|
}
|
||||||
|
})(function($){
|
||||||
|
|
||||||
|
// Preserve the original jQuery "swing" easing as "jswing"
|
||||||
|
if (typeof $.easing !== 'undefined') {
|
||||||
|
$.easing['jswing'] = $.easing['swing'];
|
||||||
|
}
|
||||||
|
|
||||||
|
var pow = Math.pow,
|
||||||
|
sqrt = Math.sqrt,
|
||||||
|
sin = Math.sin,
|
||||||
|
cos = Math.cos,
|
||||||
|
PI = Math.PI,
|
||||||
|
c1 = 1.70158,
|
||||||
|
c2 = c1 * 1.525,
|
||||||
|
c3 = c1 + 1,
|
||||||
|
c4 = ( 2 * PI ) / 3,
|
||||||
|
c5 = ( 2 * PI ) / 4.5;
|
||||||
|
|
||||||
|
// x is the fraction of animation progress, in the range 0..1
|
||||||
|
function bounceOut(x) {
|
||||||
|
var n1 = 7.5625,
|
||||||
|
d1 = 2.75;
|
||||||
|
if ( x < 1/d1 ) {
|
||||||
|
return n1*x*x;
|
||||||
|
} else if ( x < 2/d1 ) {
|
||||||
|
return n1*(x-=(1.5/d1))*x + .75;
|
||||||
|
} else if ( x < 2.5/d1 ) {
|
||||||
|
return n1*(x-=(2.25/d1))*x + .9375;
|
||||||
|
} else {
|
||||||
|
return n1*(x-=(2.625/d1))*x + .984375;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
$.extend( $.easing,
|
||||||
|
{
|
||||||
|
def: 'easeOutQuad',
|
||||||
|
swing: function (x) {
|
||||||
|
return $.easing[$.easing.def](x);
|
||||||
|
},
|
||||||
|
easeInQuad: function (x) {
|
||||||
|
return x * x;
|
||||||
|
},
|
||||||
|
easeOutQuad: function (x) {
|
||||||
|
return 1 - ( 1 - x ) * ( 1 - x );
|
||||||
|
},
|
||||||
|
easeInOutQuad: function (x) {
|
||||||
|
return x < 0.5 ?
|
||||||
|
2 * x * x :
|
||||||
|
1 - pow( -2 * x + 2, 2 ) / 2;
|
||||||
|
},
|
||||||
|
easeInCubic: function (x) {
|
||||||
|
return x * x * x;
|
||||||
|
},
|
||||||
|
easeOutCubic: function (x) {
|
||||||
|
return 1 - pow( 1 - x, 3 );
|
||||||
|
},
|
||||||
|
easeInOutCubic: function (x) {
|
||||||
|
return x < 0.5 ?
|
||||||
|
4 * x * x * x :
|
||||||
|
1 - pow( -2 * x + 2, 3 ) / 2;
|
||||||
|
},
|
||||||
|
easeInQuart: function (x) {
|
||||||
|
return x * x * x * x;
|
||||||
|
},
|
||||||
|
easeOutQuart: function (x) {
|
||||||
|
return 1 - pow( 1 - x, 4 );
|
||||||
|
},
|
||||||
|
easeInOutQuart: function (x) {
|
||||||
|
return x < 0.5 ?
|
||||||
|
8 * x * x * x * x :
|
||||||
|
1 - pow( -2 * x + 2, 4 ) / 2;
|
||||||
|
},
|
||||||
|
easeInQuint: function (x) {
|
||||||
|
return x * x * x * x * x;
|
||||||
|
},
|
||||||
|
easeOutQuint: function (x) {
|
||||||
|
return 1 - pow( 1 - x, 5 );
|
||||||
|
},
|
||||||
|
easeInOutQuint: function (x) {
|
||||||
|
return x < 0.5 ?
|
||||||
|
16 * x * x * x * x * x :
|
||||||
|
1 - pow( -2 * x + 2, 5 ) / 2;
|
||||||
|
},
|
||||||
|
easeInSine: function (x) {
|
||||||
|
return 1 - cos( x * PI/2 );
|
||||||
|
},
|
||||||
|
easeOutSine: function (x) {
|
||||||
|
return sin( x * PI/2 );
|
||||||
|
},
|
||||||
|
easeInOutSine: function (x) {
|
||||||
|
return -( cos( PI * x ) - 1 ) / 2;
|
||||||
|
},
|
||||||
|
easeInExpo: function (x) {
|
||||||
|
return x === 0 ? 0 : pow( 2, 10 * x - 10 );
|
||||||
|
},
|
||||||
|
easeOutExpo: function (x) {
|
||||||
|
return x === 1 ? 1 : 1 - pow( 2, -10 * x );
|
||||||
|
},
|
||||||
|
easeInOutExpo: function (x) {
|
||||||
|
return x === 0 ? 0 : x === 1 ? 1 : x < 0.5 ?
|
||||||
|
pow( 2, 20 * x - 10 ) / 2 :
|
||||||
|
( 2 - pow( 2, -20 * x + 10 ) ) / 2;
|
||||||
|
},
|
||||||
|
easeInCirc: function (x) {
|
||||||
|
return 1 - sqrt( 1 - pow( x, 2 ) );
|
||||||
|
},
|
||||||
|
easeOutCirc: function (x) {
|
||||||
|
return sqrt( 1 - pow( x - 1, 2 ) );
|
||||||
|
},
|
||||||
|
easeInOutCirc: function (x) {
|
||||||
|
return x < 0.5 ?
|
||||||
|
( 1 - sqrt( 1 - pow( 2 * x, 2 ) ) ) / 2 :
|
||||||
|
( sqrt( 1 - pow( -2 * x + 2, 2 ) ) + 1 ) / 2;
|
||||||
|
},
|
||||||
|
easeInElastic: function (x) {
|
||||||
|
return x === 0 ? 0 : x === 1 ? 1 :
|
||||||
|
-pow( 2, 10 * x - 10 ) * sin( ( x * 10 - 10.75 ) * c4 );
|
||||||
|
},
|
||||||
|
easeOutElastic: function (x) {
|
||||||
|
return x === 0 ? 0 : x === 1 ? 1 :
|
||||||
|
pow( 2, -10 * x ) * sin( ( x * 10 - 0.75 ) * c4 ) + 1;
|
||||||
|
},
|
||||||
|
easeInOutElastic: function (x) {
|
||||||
|
return x === 0 ? 0 : x === 1 ? 1 : x < 0.5 ?
|
||||||
|
-( pow( 2, 20 * x - 10 ) * sin( ( 20 * x - 11.125 ) * c5 )) / 2 :
|
||||||
|
pow( 2, -20 * x + 10 ) * sin( ( 20 * x - 11.125 ) * c5 ) / 2 + 1;
|
||||||
|
},
|
||||||
|
easeInBack: function (x) {
|
||||||
|
return c3 * x * x * x - c1 * x * x;
|
||||||
|
},
|
||||||
|
easeOutBack: function (x) {
|
||||||
|
return 1 + c3 * pow( x - 1, 3 ) + c1 * pow( x - 1, 2 );
|
||||||
|
},
|
||||||
|
easeInOutBack: function (x) {
|
||||||
|
return x < 0.5 ?
|
||||||
|
( pow( 2 * x, 2 ) * ( ( c2 + 1 ) * 2 * x - c2 ) ) / 2 :
|
||||||
|
( pow( 2 * x - 2, 2 ) *( ( c2 + 1 ) * ( x * 2 - 2 ) + c2 ) + 2 ) / 2;
|
||||||
|
},
|
||||||
|
easeInBounce: function (x) {
|
||||||
|
return 1 - bounceOut( 1 - x );
|
||||||
|
},
|
||||||
|
easeOutBounce: bounceOut,
|
||||||
|
easeInOutBounce: function (x) {
|
||||||
|
return x < 0.5 ?
|
||||||
|
( 1 - bounceOut( 1 - 2 * x ) ) / 2 :
|
||||||
|
( 1 + bounceOut( 2 * x - 1 ) ) / 2;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
});
|
||||||
1
lib/easing/easing.min.js
vendored
Normal file
1
lib/easing/easing.min.js
vendored
Normal file
@ -0,0 +1 @@
|
|||||||
|
!function(n){"function"==typeof define&&define.amd?define(["jquery"],function(e){return n(e)}):"object"==typeof module&&"object"==typeof module.exports?exports=n(require("jquery")):n(jQuery)}(function(n){function e(n){var e=7.5625,t=2.75;return n<1/t?e*n*n:n<2/t?e*(n-=1.5/t)*n+.75:n<2.5/t?e*(n-=2.25/t)*n+.9375:e*(n-=2.625/t)*n+.984375}void 0!==n.easing&&(n.easing.jswing=n.easing.swing);var t=Math.pow,u=Math.sqrt,r=Math.sin,i=Math.cos,a=Math.PI,c=1.70158,o=1.525*c,s=2*a/3,f=2*a/4.5;n.extend(n.easing,{def:"easeOutQuad",swing:function(e){return n.easing[n.easing.def](e)},easeInQuad:function(n){return n*n},easeOutQuad:function(n){return 1-(1-n)*(1-n)},easeInOutQuad:function(n){return n<.5?2*n*n:1-t(-2*n+2,2)/2},easeInCubic:function(n){return n*n*n},easeOutCubic:function(n){return 1-t(1-n,3)},easeInOutCubic:function(n){return n<.5?4*n*n*n:1-t(-2*n+2,3)/2},easeInQuart:function(n){return n*n*n*n},easeOutQuart:function(n){return 1-t(1-n,4)},easeInOutQuart:function(n){return n<.5?8*n*n*n*n:1-t(-2*n+2,4)/2},easeInQuint:function(n){return n*n*n*n*n},easeOutQuint:function(n){return 1-t(1-n,5)},easeInOutQuint:function(n){return n<.5?16*n*n*n*n*n:1-t(-2*n+2,5)/2},easeInSine:function(n){return 1-i(n*a/2)},easeOutSine:function(n){return r(n*a/2)},easeInOutSine:function(n){return-(i(a*n)-1)/2},easeInExpo:function(n){return 0===n?0:t(2,10*n-10)},easeOutExpo:function(n){return 1===n?1:1-t(2,-10*n)},easeInOutExpo:function(n){return 0===n?0:1===n?1:n<.5?t(2,20*n-10)/2:(2-t(2,-20*n+10))/2},easeInCirc:function(n){return 1-u(1-t(n,2))},easeOutCirc:function(n){return u(1-t(n-1,2))},easeInOutCirc:function(n){return n<.5?(1-u(1-t(2*n,2)))/2:(u(1-t(-2*n+2,2))+1)/2},easeInElastic:function(n){return 0===n?0:1===n?1:-t(2,10*n-10)*r((10*n-10.75)*s)},easeOutElastic:function(n){return 0===n?0:1===n?1:t(2,-10*n)*r((10*n-.75)*s)+1},easeInOutElastic:function(n){return 0===n?0:1===n?1:n<.5?-(t(2,20*n-10)*r((20*n-11.125)*f))/2:t(2,-20*n+10)*r((20*n-11.125)*f)/2+1},easeInBack:function(n){return(c+1)*n*n*n-c*n*n},easeOutBack:function(n){return 1+(c+1)*t(n-1,3)+c*t(n-1,2)},easeInOutBack:function(n){return n<.5?t(2*n,2)*(7.189819*n-o)/2:(t(2*n-2,2)*((o+1)*(2*n-2)+o)+2)/2},easeInBounce:function(n){return 1-e(1-n)},easeOutBounce:e,easeInOutBounce:function(n){return n<.5?(1-e(1-2*n))/2:(1+e(2*n-1))/2}})});
|
||||||
23
lib/owlcarousel/LICENSE
Normal file
23
lib/owlcarousel/LICENSE
Normal file
@ -0,0 +1,23 @@
|
|||||||
|
Copyright (c) 2014 Owl
|
||||||
|
Modified work Copyright 2016 David Deutsch
|
||||||
|
|
||||||
|
Permission is hereby granted, free of charge, to any person
|
||||||
|
obtaining a copy of this software and associated documentation
|
||||||
|
files (the "Software"), to deal in the Software without
|
||||||
|
restriction, including without limitation the rights to use,
|
||||||
|
copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||||
|
copies of the Software, and to permit persons to whom the
|
||||||
|
Software is furnished to do so, subject to the following
|
||||||
|
conditions:
|
||||||
|
|
||||||
|
The above copyright notice and this permission notice shall be
|
||||||
|
included in all copies or substantial portions of the Software.
|
||||||
|
|
||||||
|
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
|
||||||
|
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
|
||||||
|
OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
|
||||||
|
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
|
||||||
|
HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
|
||||||
|
WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
|
||||||
|
FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
|
||||||
|
OTHER DEALINGS IN THE SOFTWARE.
|
||||||
BIN
lib/owlcarousel/assets/ajax-loader.gif
Normal file
BIN
lib/owlcarousel/assets/ajax-loader.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.1 KiB |
170
lib/owlcarousel/assets/owl.carousel.css
Normal file
170
lib/owlcarousel/assets/owl.carousel.css
Normal file
@ -0,0 +1,170 @@
|
|||||||
|
/**
|
||||||
|
* Owl Carousel v2.2.1
|
||||||
|
* Copyright 2013-2017 David Deutsch
|
||||||
|
* Licensed under ()
|
||||||
|
*/
|
||||||
|
/*
|
||||||
|
* Owl Carousel - Core
|
||||||
|
*/
|
||||||
|
.owl-carousel {
|
||||||
|
display: none;
|
||||||
|
width: 100%;
|
||||||
|
-webkit-tap-highlight-color: transparent;
|
||||||
|
/* position relative and z-index fix webkit rendering fonts issue */
|
||||||
|
position: relative;
|
||||||
|
z-index: 1; }
|
||||||
|
.owl-carousel .owl-stage {
|
||||||
|
position: relative;
|
||||||
|
-ms-touch-action: pan-Y;
|
||||||
|
-moz-backface-visibility: hidden;
|
||||||
|
/* fix firefox animation glitch */ }
|
||||||
|
.owl-carousel .owl-stage:after {
|
||||||
|
content: ".";
|
||||||
|
display: block;
|
||||||
|
clear: both;
|
||||||
|
visibility: hidden;
|
||||||
|
line-height: 0;
|
||||||
|
height: 0; }
|
||||||
|
.owl-carousel .owl-stage-outer {
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
/* fix for flashing background */
|
||||||
|
-webkit-transform: translate3d(0px, 0px, 0px); }
|
||||||
|
.owl-carousel .owl-wrapper,
|
||||||
|
.owl-carousel .owl-item {
|
||||||
|
-webkit-backface-visibility: hidden;
|
||||||
|
-moz-backface-visibility: hidden;
|
||||||
|
-ms-backface-visibility: hidden;
|
||||||
|
-webkit-transform: translate3d(0, 0, 0);
|
||||||
|
-moz-transform: translate3d(0, 0, 0);
|
||||||
|
-ms-transform: translate3d(0, 0, 0); }
|
||||||
|
.owl-carousel .owl-item {
|
||||||
|
position: relative;
|
||||||
|
min-height: 1px;
|
||||||
|
float: left;
|
||||||
|
-webkit-backface-visibility: hidden;
|
||||||
|
-webkit-tap-highlight-color: transparent;
|
||||||
|
-webkit-touch-callout: none; }
|
||||||
|
.owl-carousel .owl-item img {
|
||||||
|
display: block;
|
||||||
|
width: 100%; }
|
||||||
|
.owl-carousel .owl-nav.disabled,
|
||||||
|
.owl-carousel .owl-dots.disabled {
|
||||||
|
display: none; }
|
||||||
|
.owl-carousel .owl-nav .owl-prev,
|
||||||
|
.owl-carousel .owl-nav .owl-next,
|
||||||
|
.owl-carousel .owl-dot {
|
||||||
|
cursor: pointer;
|
||||||
|
cursor: hand;
|
||||||
|
-webkit-user-select: none;
|
||||||
|
-khtml-user-select: none;
|
||||||
|
-moz-user-select: none;
|
||||||
|
-ms-user-select: none;
|
||||||
|
user-select: none; }
|
||||||
|
.owl-carousel.owl-loaded {
|
||||||
|
display: block; }
|
||||||
|
.owl-carousel.owl-loading {
|
||||||
|
opacity: 0;
|
||||||
|
display: block; }
|
||||||
|
.owl-carousel.owl-hidden {
|
||||||
|
opacity: 0; }
|
||||||
|
.owl-carousel.owl-refresh .owl-item {
|
||||||
|
visibility: hidden; }
|
||||||
|
.owl-carousel.owl-drag .owl-item {
|
||||||
|
-webkit-user-select: none;
|
||||||
|
-moz-user-select: none;
|
||||||
|
-ms-user-select: none;
|
||||||
|
user-select: none; }
|
||||||
|
.owl-carousel.owl-grab {
|
||||||
|
cursor: move;
|
||||||
|
cursor: grab; }
|
||||||
|
.owl-carousel.owl-rtl {
|
||||||
|
direction: rtl; }
|
||||||
|
.owl-carousel.owl-rtl .owl-item {
|
||||||
|
float: right; }
|
||||||
|
|
||||||
|
/* No Js */
|
||||||
|
.no-js .owl-carousel {
|
||||||
|
display: block; }
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Owl Carousel - Animate Plugin
|
||||||
|
*/
|
||||||
|
.owl-carousel .animated {
|
||||||
|
animation-duration: 1000ms;
|
||||||
|
animation-fill-mode: both; }
|
||||||
|
|
||||||
|
.owl-carousel .owl-animated-in {
|
||||||
|
z-index: 0; }
|
||||||
|
|
||||||
|
.owl-carousel .owl-animated-out {
|
||||||
|
z-index: 1; }
|
||||||
|
|
||||||
|
.owl-carousel .fadeOut {
|
||||||
|
animation-name: fadeOut; }
|
||||||
|
|
||||||
|
@keyframes fadeOut {
|
||||||
|
0% {
|
||||||
|
opacity: 1; }
|
||||||
|
100% {
|
||||||
|
opacity: 0; } }
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Owl Carousel - Auto Height Plugin
|
||||||
|
*/
|
||||||
|
.owl-height {
|
||||||
|
transition: height 500ms ease-in-out; }
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Owl Carousel - Lazy Load Plugin
|
||||||
|
*/
|
||||||
|
.owl-carousel .owl-item .owl-lazy {
|
||||||
|
opacity: 0;
|
||||||
|
transition: opacity 400ms ease; }
|
||||||
|
|
||||||
|
.owl-carousel .owl-item img.owl-lazy {
|
||||||
|
transform-style: preserve-3d; }
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Owl Carousel - Video Plugin
|
||||||
|
*/
|
||||||
|
.owl-carousel .owl-video-wrapper {
|
||||||
|
position: relative;
|
||||||
|
height: 100%;
|
||||||
|
background: #000; }
|
||||||
|
|
||||||
|
.owl-carousel .owl-video-play-icon {
|
||||||
|
position: absolute;
|
||||||
|
height: 80px;
|
||||||
|
width: 80px;
|
||||||
|
left: 50%;
|
||||||
|
top: 50%;
|
||||||
|
margin-left: -40px;
|
||||||
|
margin-top: -40px;
|
||||||
|
background: url("owl.video.play.png") no-repeat;
|
||||||
|
cursor: pointer;
|
||||||
|
z-index: 1;
|
||||||
|
-webkit-backface-visibility: hidden;
|
||||||
|
transition: transform 100ms ease; }
|
||||||
|
|
||||||
|
.owl-carousel .owl-video-play-icon:hover {
|
||||||
|
-ms-transform: scale(1.3, 1.3);
|
||||||
|
transform: scale(1.3, 1.3); }
|
||||||
|
|
||||||
|
.owl-carousel .owl-video-playing .owl-video-tn,
|
||||||
|
.owl-carousel .owl-video-playing .owl-video-play-icon {
|
||||||
|
display: none; }
|
||||||
|
|
||||||
|
.owl-carousel .owl-video-tn {
|
||||||
|
opacity: 0;
|
||||||
|
height: 100%;
|
||||||
|
background-position: center center;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: contain;
|
||||||
|
transition: opacity 400ms ease; }
|
||||||
|
|
||||||
|
.owl-carousel .owl-video-frame {
|
||||||
|
position: relative;
|
||||||
|
z-index: 1;
|
||||||
|
height: 100%;
|
||||||
|
width: 100%; }
|
||||||
6
lib/owlcarousel/assets/owl.carousel.min.css
vendored
Normal file
6
lib/owlcarousel/assets/owl.carousel.min.css
vendored
Normal file
@ -0,0 +1,6 @@
|
|||||||
|
/**
|
||||||
|
* Owl Carousel v2.2.1
|
||||||
|
* Copyright 2013-2017 David Deutsch
|
||||||
|
* Licensed under ()
|
||||||
|
*/
|
||||||
|
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
|
||||||
50
lib/owlcarousel/assets/owl.theme.default.css
Normal file
50
lib/owlcarousel/assets/owl.theme.default.css
Normal file
@ -0,0 +1,50 @@
|
|||||||
|
/**
|
||||||
|
* Owl Carousel v2.2.1
|
||||||
|
* Copyright 2013-2017 David Deutsch
|
||||||
|
* Licensed under ()
|
||||||
|
*/
|
||||||
|
/*
|
||||||
|
* Default theme - Owl Carousel CSS File
|
||||||
|
*/
|
||||||
|
.owl-theme .owl-nav {
|
||||||
|
margin-top: 10px;
|
||||||
|
text-align: center;
|
||||||
|
-webkit-tap-highlight-color: transparent; }
|
||||||
|
.owl-theme .owl-nav [class*='owl-'] {
|
||||||
|
color: #FFF;
|
||||||
|
font-size: 14px;
|
||||||
|
margin: 5px;
|
||||||
|
padding: 4px 7px;
|
||||||
|
background: #D6D6D6;
|
||||||
|
display: inline-block;
|
||||||
|
cursor: pointer;
|
||||||
|
border-radius: 3px; }
|
||||||
|
.owl-theme .owl-nav [class*='owl-']:hover {
|
||||||
|
background: #869791;
|
||||||
|
color: #FFF;
|
||||||
|
text-decoration: none; }
|
||||||
|
.owl-theme .owl-nav .disabled {
|
||||||
|
opacity: 0.5;
|
||||||
|
cursor: default; }
|
||||||
|
|
||||||
|
.owl-theme .owl-nav.disabled + .owl-dots {
|
||||||
|
margin-top: 10px; }
|
||||||
|
|
||||||
|
.owl-theme .owl-dots {
|
||||||
|
text-align: center;
|
||||||
|
-webkit-tap-highlight-color: transparent; }
|
||||||
|
.owl-theme .owl-dots .owl-dot {
|
||||||
|
display: inline-block;
|
||||||
|
zoom: 1;
|
||||||
|
*display: inline; }
|
||||||
|
.owl-theme .owl-dots .owl-dot span {
|
||||||
|
width: 10px;
|
||||||
|
height: 10px;
|
||||||
|
margin: 5px 7px;
|
||||||
|
background: #D6D6D6;
|
||||||
|
display: block;
|
||||||
|
-webkit-backface-visibility: visible;
|
||||||
|
transition: opacity 200ms ease;
|
||||||
|
border-radius: 30px; }
|
||||||
|
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
|
||||||
|
background: #869791; }
|
||||||
6
lib/owlcarousel/assets/owl.theme.default.min.css
vendored
Normal file
6
lib/owlcarousel/assets/owl.theme.default.min.css
vendored
Normal file
@ -0,0 +1,6 @@
|
|||||||
|
/**
|
||||||
|
* Owl Carousel v2.2.1
|
||||||
|
* Copyright 2013-2017 David Deutsch
|
||||||
|
* Licensed under ()
|
||||||
|
*/
|
||||||
|
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
|
||||||
50
lib/owlcarousel/assets/owl.theme.green.css
Normal file
50
lib/owlcarousel/assets/owl.theme.green.css
Normal file
@ -0,0 +1,50 @@
|
|||||||
|
/**
|
||||||
|
* Owl Carousel v2.2.1
|
||||||
|
* Copyright 2013-2017 David Deutsch
|
||||||
|
* Licensed under ()
|
||||||
|
*/
|
||||||
|
/*
|
||||||
|
* Green theme - Owl Carousel CSS File
|
||||||
|
*/
|
||||||
|
.owl-theme .owl-nav {
|
||||||
|
margin-top: 10px;
|
||||||
|
text-align: center;
|
||||||
|
-webkit-tap-highlight-color: transparent; }
|
||||||
|
.owl-theme .owl-nav [class*='owl-'] {
|
||||||
|
color: #FFF;
|
||||||
|
font-size: 14px;
|
||||||
|
margin: 5px;
|
||||||
|
padding: 4px 7px;
|
||||||
|
background: #D6D6D6;
|
||||||
|
display: inline-block;
|
||||||
|
cursor: pointer;
|
||||||
|
border-radius: 3px; }
|
||||||
|
.owl-theme .owl-nav [class*='owl-']:hover {
|
||||||
|
background: #4DC7A0;
|
||||||
|
color: #FFF;
|
||||||
|
text-decoration: none; }
|
||||||
|
.owl-theme .owl-nav .disabled {
|
||||||
|
opacity: 0.5;
|
||||||
|
cursor: default; }
|
||||||
|
|
||||||
|
.owl-theme .owl-nav.disabled + .owl-dots {
|
||||||
|
margin-top: 10px; }
|
||||||
|
|
||||||
|
.owl-theme .owl-dots {
|
||||||
|
text-align: center;
|
||||||
|
-webkit-tap-highlight-color: transparent; }
|
||||||
|
.owl-theme .owl-dots .owl-dot {
|
||||||
|
display: inline-block;
|
||||||
|
zoom: 1;
|
||||||
|
*display: inline; }
|
||||||
|
.owl-theme .owl-dots .owl-dot span {
|
||||||
|
width: 10px;
|
||||||
|
height: 10px;
|
||||||
|
margin: 5px 7px;
|
||||||
|
background: #D6D6D6;
|
||||||
|
display: block;
|
||||||
|
-webkit-backface-visibility: visible;
|
||||||
|
transition: opacity 200ms ease;
|
||||||
|
border-radius: 30px; }
|
||||||
|
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
|
||||||
|
background: #4DC7A0; }
|
||||||
6
lib/owlcarousel/assets/owl.theme.green.min.css
vendored
Normal file
6
lib/owlcarousel/assets/owl.theme.green.min.css
vendored
Normal file
@ -0,0 +1,6 @@
|
|||||||
|
/**
|
||||||
|
* Owl Carousel v2.2.1
|
||||||
|
* Copyright 2013-2017 David Deutsch
|
||||||
|
* Licensed under ()
|
||||||
|
*/
|
||||||
|
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#4DC7A0;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#4DC7A0}
|
||||||
BIN
lib/owlcarousel/assets/owl.video.play.png
Normal file
BIN
lib/owlcarousel/assets/owl.video.play.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.9 KiB |
3275
lib/owlcarousel/owl.carousel.js
Normal file
3275
lib/owlcarousel/owl.carousel.js
Normal file
File diff suppressed because it is too large
Load Diff
7
lib/owlcarousel/owl.carousel.min.js
vendored
Normal file
7
lib/owlcarousel/owl.carousel.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
5
lib/waypoints/links.php
Normal file
5
lib/waypoints/links.php
Normal file
@ -0,0 +1,5 @@
|
|||||||
|
<?php
|
||||||
|
$links = array(
|
||||||
|
'js' => 'lib/waypoints/waypoints.min.js'
|
||||||
|
);
|
||||||
|
?>
|
||||||
7
lib/waypoints/waypoints.min.js
vendored
Normal file
7
lib/waypoints/waypoints.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
542
lib/wow/wow.js
Normal file
542
lib/wow/wow.js
Normal file
@ -0,0 +1,542 @@
|
|||||||
|
/*
|
||||||
|
* WOW wow.js - v1.3.0 - 2016-10-04
|
||||||
|
* https://wowjs.uk
|
||||||
|
* Copyright (c) 2016 Thomas Grainger; Licensed MIT
|
||||||
|
*/
|
||||||
|
|
||||||
|
(function (global, factory) {
|
||||||
|
if (typeof define === "function" && define.amd) {
|
||||||
|
define(['module', 'exports'], factory);
|
||||||
|
} else if (typeof exports !== "undefined") {
|
||||||
|
factory(module, exports);
|
||||||
|
} else {
|
||||||
|
var mod = {
|
||||||
|
exports: {}
|
||||||
|
};
|
||||||
|
factory(mod, mod.exports);
|
||||||
|
global.WOW = mod.exports;
|
||||||
|
}
|
||||||
|
})(this, function (module, exports) {
|
||||||
|
'use strict';
|
||||||
|
|
||||||
|
Object.defineProperty(exports, "__esModule", {
|
||||||
|
value: true
|
||||||
|
});
|
||||||
|
|
||||||
|
var _class, _temp;
|
||||||
|
|
||||||
|
function _classCallCheck(instance, Constructor) {
|
||||||
|
if (!(instance instanceof Constructor)) {
|
||||||
|
throw new TypeError("Cannot call a class as a function");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
var _createClass = function () {
|
||||||
|
function defineProperties(target, props) {
|
||||||
|
for (var i = 0; i < props.length; i++) {
|
||||||
|
var descriptor = props[i];
|
||||||
|
descriptor.enumerable = descriptor.enumerable || false;
|
||||||
|
descriptor.configurable = true;
|
||||||
|
if ("value" in descriptor) descriptor.writable = true;
|
||||||
|
Object.defineProperty(target, descriptor.key, descriptor);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return function (Constructor, protoProps, staticProps) {
|
||||||
|
if (protoProps) defineProperties(Constructor.prototype, protoProps);
|
||||||
|
if (staticProps) defineProperties(Constructor, staticProps);
|
||||||
|
return Constructor;
|
||||||
|
};
|
||||||
|
}();
|
||||||
|
|
||||||
|
function isIn(needle, haystack) {
|
||||||
|
return haystack.indexOf(needle) >= 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
function extend(custom, defaults) {
|
||||||
|
for (var key in defaults) {
|
||||||
|
if (custom[key] == null) {
|
||||||
|
var value = defaults[key];
|
||||||
|
custom[key] = value;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return custom;
|
||||||
|
}
|
||||||
|
|
||||||
|
function isMobile(agent) {
|
||||||
|
return (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(agent)
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function createEvent(event) {
|
||||||
|
var bubble = arguments.length <= 1 || arguments[1] === undefined ? false : arguments[1];
|
||||||
|
var cancel = arguments.length <= 2 || arguments[2] === undefined ? false : arguments[2];
|
||||||
|
var detail = arguments.length <= 3 || arguments[3] === undefined ? null : arguments[3];
|
||||||
|
|
||||||
|
var customEvent = void 0;
|
||||||
|
if (document.createEvent != null) {
|
||||||
|
// W3C DOM
|
||||||
|
customEvent = document.createEvent('CustomEvent');
|
||||||
|
customEvent.initCustomEvent(event, bubble, cancel, detail);
|
||||||
|
} else if (document.createEventObject != null) {
|
||||||
|
// IE DOM < 9
|
||||||
|
customEvent = document.createEventObject();
|
||||||
|
customEvent.eventType = event;
|
||||||
|
} else {
|
||||||
|
customEvent.eventName = event;
|
||||||
|
}
|
||||||
|
|
||||||
|
return customEvent;
|
||||||
|
}
|
||||||
|
|
||||||
|
function emitEvent(elem, event) {
|
||||||
|
if (elem.dispatchEvent != null) {
|
||||||
|
// W3C DOM
|
||||||
|
elem.dispatchEvent(event);
|
||||||
|
} else if (event in (elem != null)) {
|
||||||
|
elem[event]();
|
||||||
|
} else if ('on' + event in (elem != null)) {
|
||||||
|
elem['on' + event]();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function addEvent(elem, event, fn) {
|
||||||
|
if (elem.addEventListener != null) {
|
||||||
|
// W3C DOM
|
||||||
|
elem.addEventListener(event, fn, false);
|
||||||
|
} else if (elem.attachEvent != null) {
|
||||||
|
// IE DOM
|
||||||
|
elem.attachEvent('on' + event, fn);
|
||||||
|
} else {
|
||||||
|
// fallback
|
||||||
|
elem[event] = fn;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function removeEvent(elem, event, fn) {
|
||||||
|
if (elem.removeEventListener != null) {
|
||||||
|
// W3C DOM
|
||||||
|
elem.removeEventListener(event, fn, false);
|
||||||
|
} else if (elem.detachEvent != null) {
|
||||||
|
// IE DOM
|
||||||
|
elem.detachEvent('on' + event, fn);
|
||||||
|
} else {
|
||||||
|
// fallback
|
||||||
|
delete elem[event];
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function getInnerHeight() {
|
||||||
|
if ('innerHeight' in window) {
|
||||||
|
return window.innerHeight;
|
||||||
|
}
|
||||||
|
|
||||||
|
return document.documentElement.clientHeight;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Minimalistic WeakMap shim, just in case.
|
||||||
|
var WeakMap = window.WeakMap || window.MozWeakMap || function () {
|
||||||
|
function WeakMap() {
|
||||||
|
_classCallCheck(this, WeakMap);
|
||||||
|
|
||||||
|
this.keys = [];
|
||||||
|
this.values = [];
|
||||||
|
}
|
||||||
|
|
||||||
|
_createClass(WeakMap, [{
|
||||||
|
key: 'get',
|
||||||
|
value: function get(key) {
|
||||||
|
for (var i = 0; i < this.keys.length; i++) {
|
||||||
|
var item = this.keys[i];
|
||||||
|
if (item === key) {
|
||||||
|
return this.values[i];
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return undefined;
|
||||||
|
}
|
||||||
|
}, {
|
||||||
|
key: 'set',
|
||||||
|
value: function set(key, value) {
|
||||||
|
for (var i = 0; i < this.keys.length; i++) {
|
||||||
|
var item = this.keys[i];
|
||||||
|
if (item === key) {
|
||||||
|
this.values[i] = value;
|
||||||
|
return this;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
this.keys.push(key);
|
||||||
|
this.values.push(value);
|
||||||
|
return this;
|
||||||
|
}
|
||||||
|
}]);
|
||||||
|
|
||||||
|
return WeakMap;
|
||||||
|
}();
|
||||||
|
|
||||||
|
// Dummy MutationObserver, to avoid raising exceptions.
|
||||||
|
var MutationObserver = window.MutationObserver || window.WebkitMutationObserver || window.MozMutationObserver || (_temp = _class = function () {
|
||||||
|
function MutationObserver() {
|
||||||
|
_classCallCheck(this, MutationObserver);
|
||||||
|
|
||||||
|
if (typeof console !== 'undefined' && console !== null) {
|
||||||
|
console.warn('MutationObserver is not supported by your browser.');
|
||||||
|
console.warn('WOW.js cannot detect dom mutations, please call .sync() after loading new content.');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
_createClass(MutationObserver, [{
|
||||||
|
key: 'observe',
|
||||||
|
value: function observe() {}
|
||||||
|
}]);
|
||||||
|
|
||||||
|
return MutationObserver;
|
||||||
|
}(), _class.notSupported = true, _temp);
|
||||||
|
|
||||||
|
// getComputedStyle shim, from http://stackoverflow.com/a/21797294
|
||||||
|
var getComputedStyle = window.getComputedStyle || function getComputedStyle(el) {
|
||||||
|
var getComputedStyleRX = /(\-([a-z]){1})/g;
|
||||||
|
return {
|
||||||
|
getPropertyValue: function getPropertyValue(prop) {
|
||||||
|
if (prop === 'float') {
|
||||||
|
prop = 'styleFloat';
|
||||||
|
}
|
||||||
|
if (getComputedStyleRX.test(prop)) {
|
||||||
|
prop.replace(getComputedStyleRX, function (_, _char) {
|
||||||
|
return _char.toUpperCase();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
var currentStyle = el.currentStyle;
|
||||||
|
|
||||||
|
return (currentStyle != null ? currentStyle[prop] : void 0) || null;
|
||||||
|
}
|
||||||
|
};
|
||||||
|
};
|
||||||
|
|
||||||
|
var WOW = function () {
|
||||||
|
function WOW() {
|
||||||
|
var options = arguments.length <= 0 || arguments[0] === undefined ? {} : arguments[0];
|
||||||
|
|
||||||
|
_classCallCheck(this, WOW);
|
||||||
|
|
||||||
|
this.defaults = {
|
||||||
|
boxClass: 'wow',
|
||||||
|
animateClass: 'animated',
|
||||||
|
offset: 0,
|
||||||
|
mobile: true,
|
||||||
|
live: true,
|
||||||
|
callback: null,
|
||||||
|
scrollContainer: null,
|
||||||
|
resetAnimation: true
|
||||||
|
};
|
||||||
|
|
||||||
|
this.animate = function animateFactory() {
|
||||||
|
if ('requestAnimationFrame' in window) {
|
||||||
|
return function (callback) {
|
||||||
|
return window.requestAnimationFrame(callback);
|
||||||
|
};
|
||||||
|
}
|
||||||
|
return function (callback) {
|
||||||
|
return callback();
|
||||||
|
};
|
||||||
|
}();
|
||||||
|
|
||||||
|
this.vendors = ['moz', 'webkit'];
|
||||||
|
|
||||||
|
this.start = this.start.bind(this);
|
||||||
|
this.resetAnimation = this.resetAnimation.bind(this);
|
||||||
|
this.scrollHandler = this.scrollHandler.bind(this);
|
||||||
|
this.scrollCallback = this.scrollCallback.bind(this);
|
||||||
|
this.scrolled = true;
|
||||||
|
this.config = extend(options, this.defaults);
|
||||||
|
if (options.scrollContainer != null) {
|
||||||
|
this.config.scrollContainer = document.querySelector(options.scrollContainer);
|
||||||
|
}
|
||||||
|
// Map of elements to animation names:
|
||||||
|
this.animationNameCache = new WeakMap();
|
||||||
|
this.wowEvent = createEvent(this.config.boxClass);
|
||||||
|
}
|
||||||
|
|
||||||
|
_createClass(WOW, [{
|
||||||
|
key: 'init',
|
||||||
|
value: function init() {
|
||||||
|
this.element = window.document.documentElement;
|
||||||
|
if (isIn(document.readyState, ['interactive', 'complete'])) {
|
||||||
|
this.start();
|
||||||
|
} else {
|
||||||
|
addEvent(document, 'DOMContentLoaded', this.start);
|
||||||
|
}
|
||||||
|
this.finished = [];
|
||||||
|
}
|
||||||
|
}, {
|
||||||
|
key: 'start',
|
||||||
|
value: function start() {
|
||||||
|
var _this = this;
|
||||||
|
|
||||||
|
this.stopped = false;
|
||||||
|
this.boxes = [].slice.call(this.element.querySelectorAll('.' + this.config.boxClass));
|
||||||
|
this.all = this.boxes.slice(0);
|
||||||
|
if (this.boxes.length) {
|
||||||
|
if (this.disabled()) {
|
||||||
|
this.resetStyle();
|
||||||
|
} else {
|
||||||
|
for (var i = 0; i < this.boxes.length; i++) {
|
||||||
|
var box = this.boxes[i];
|
||||||
|
this.applyStyle(box, true);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if (!this.disabled()) {
|
||||||
|
addEvent(this.config.scrollContainer || window, 'scroll', this.scrollHandler);
|
||||||
|
addEvent(window, 'resize', this.scrollHandler);
|
||||||
|
this.interval = setInterval(this.scrollCallback, 50);
|
||||||
|
}
|
||||||
|
if (this.config.live) {
|
||||||
|
var mut = new MutationObserver(function (records) {
|
||||||
|
for (var j = 0; j < records.length; j++) {
|
||||||
|
var record = records[j];
|
||||||
|
for (var k = 0; k < record.addedNodes.length; k++) {
|
||||||
|
var node = record.addedNodes[k];
|
||||||
|
_this.doSync(node);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return undefined;
|
||||||
|
});
|
||||||
|
mut.observe(document.body, {
|
||||||
|
childList: true,
|
||||||
|
subtree: true
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}, {
|
||||||
|
key: 'stop',
|
||||||
|
value: function stop() {
|
||||||
|
this.stopped = true;
|
||||||
|
removeEvent(this.config.scrollContainer || window, 'scroll', this.scrollHandler);
|
||||||
|
removeEvent(window, 'resize', this.scrollHandler);
|
||||||
|
if (this.interval != null) {
|
||||||
|
clearInterval(this.interval);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}, {
|
||||||
|
key: 'sync',
|
||||||
|
value: function sync() {
|
||||||
|
if (MutationObserver.notSupported) {
|
||||||
|
this.doSync(this.element);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}, {
|
||||||
|
key: 'doSync',
|
||||||
|
value: function doSync(element) {
|
||||||
|
if (typeof element === 'undefined' || element === null) {
|
||||||
|
element = this.element;
|
||||||
|
}
|
||||||
|
if (element.nodeType !== 1) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
element = element.parentNode || element;
|
||||||
|
var iterable = element.querySelectorAll('.' + this.config.boxClass);
|
||||||
|
for (var i = 0; i < iterable.length; i++) {
|
||||||
|
var box = iterable[i];
|
||||||
|
if (!isIn(box, this.all)) {
|
||||||
|
this.boxes.push(box);
|
||||||
|
this.all.push(box);
|
||||||
|
if (this.stopped || this.disabled()) {
|
||||||
|
this.resetStyle();
|
||||||
|
} else {
|
||||||
|
this.applyStyle(box, true);
|
||||||
|
}
|
||||||
|
this.scrolled = true;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}, {
|
||||||
|
key: 'show',
|
||||||
|
value: function show(box) {
|
||||||
|
this.applyStyle(box);
|
||||||
|
box.className = box.className + ' ' + this.config.animateClass;
|
||||||
|
if (this.config.callback != null) {
|
||||||
|
this.config.callback(box);
|
||||||
|
}
|
||||||
|
emitEvent(box, this.wowEvent);
|
||||||
|
|
||||||
|
if (this.config.resetAnimation) {
|
||||||
|
addEvent(box, 'animationend', this.resetAnimation);
|
||||||
|
addEvent(box, 'oanimationend', this.resetAnimation);
|
||||||
|
addEvent(box, 'webkitAnimationEnd', this.resetAnimation);
|
||||||
|
addEvent(box, 'MSAnimationEnd', this.resetAnimation);
|
||||||
|
}
|
||||||
|
|
||||||
|
return box;
|
||||||
|
}
|
||||||
|
}, {
|
||||||
|
key: 'applyStyle',
|
||||||
|
value: function applyStyle(box, hidden) {
|
||||||
|
var _this2 = this;
|
||||||
|
|
||||||
|
var duration = box.getAttribute('data-wow-duration');
|
||||||
|
var delay = box.getAttribute('data-wow-delay');
|
||||||
|
var iteration = box.getAttribute('data-wow-iteration');
|
||||||
|
|
||||||
|
return this.animate(function () {
|
||||||
|
return _this2.customStyle(box, hidden, duration, delay, iteration);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}, {
|
||||||
|
key: 'resetStyle',
|
||||||
|
value: function resetStyle() {
|
||||||
|
for (var i = 0; i < this.boxes.length; i++) {
|
||||||
|
var box = this.boxes[i];
|
||||||
|
box.style.visibility = 'visible';
|
||||||
|
}
|
||||||
|
return undefined;
|
||||||
|
}
|
||||||
|
}, {
|
||||||
|
key: 'resetAnimation',
|
||||||
|
value: function resetAnimation(event) {
|
||||||
|
if (event.type.toLowerCase().indexOf('animationend') >= 0) {
|
||||||
|
var target = event.target || event.srcElement;
|
||||||
|
target.className = target.className.replace(this.config.animateClass, '').trim();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}, {
|
||||||
|
key: 'customStyle',
|
||||||
|
value: function customStyle(box, hidden, duration, delay, iteration) {
|
||||||
|
if (hidden) {
|
||||||
|
this.cacheAnimationName(box);
|
||||||
|
}
|
||||||
|
box.style.visibility = hidden ? 'hidden' : 'visible';
|
||||||
|
|
||||||
|
if (duration) {
|
||||||
|
this.vendorSet(box.style, { animationDuration: duration });
|
||||||
|
}
|
||||||
|
if (delay) {
|
||||||
|
this.vendorSet(box.style, { animationDelay: delay });
|
||||||
|
}
|
||||||
|
if (iteration) {
|
||||||
|
this.vendorSet(box.style, { animationIterationCount: iteration });
|
||||||
|
}
|
||||||
|
this.vendorSet(box.style, { animationName: hidden ? 'none' : this.cachedAnimationName(box) });
|
||||||
|
|
||||||
|
return box;
|
||||||
|
}
|
||||||
|
}, {
|
||||||
|
key: 'vendorSet',
|
||||||
|
value: function vendorSet(elem, properties) {
|
||||||
|
for (var name in properties) {
|
||||||
|
if (properties.hasOwnProperty(name)) {
|
||||||
|
var value = properties[name];
|
||||||
|
elem['' + name] = value;
|
||||||
|
for (var i = 0; i < this.vendors.length; i++) {
|
||||||
|
var vendor = this.vendors[i];
|
||||||
|
elem['' + vendor + name.charAt(0).toUpperCase() + name.substr(1)] = value;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}, {
|
||||||
|
key: 'vendorCSS',
|
||||||
|
value: function vendorCSS(elem, property) {
|
||||||
|
var style = getComputedStyle(elem);
|
||||||
|
var result = style.getPropertyCSSValue(property);
|
||||||
|
for (var i = 0; i < this.vendors.length; i++) {
|
||||||
|
var vendor = this.vendors[i];
|
||||||
|
result = result || style.getPropertyCSSValue('-' + vendor + '-' + property);
|
||||||
|
}
|
||||||
|
return result;
|
||||||
|
}
|
||||||
|
}, {
|
||||||
|
key: 'animationName',
|
||||||
|
value: function animationName(box) {
|
||||||
|
var aName = void 0;
|
||||||
|
try {
|
||||||
|
aName = this.vendorCSS(box, 'animation-name').cssText;
|
||||||
|
} catch (error) {
|
||||||
|
// Opera, fall back to plain property value
|
||||||
|
aName = getComputedStyle(box).getPropertyValue('animation-name');
|
||||||
|
}
|
||||||
|
|
||||||
|
if (aName === 'none') {
|
||||||
|
return ''; // SVG/Firefox, unable to get animation name?
|
||||||
|
}
|
||||||
|
|
||||||
|
return aName;
|
||||||
|
}
|
||||||
|
}, {
|
||||||
|
key: 'cacheAnimationName',
|
||||||
|
value: function cacheAnimationName(box) {
|
||||||
|
// https://bugzilla.mozilla.org/show_bug.cgi?id=921834
|
||||||
|
// box.dataset is not supported for SVG elements in Firefox
|
||||||
|
return this.animationNameCache.set(box, this.animationName(box));
|
||||||
|
}
|
||||||
|
}, {
|
||||||
|
key: 'cachedAnimationName',
|
||||||
|
value: function cachedAnimationName(box) {
|
||||||
|
return this.animationNameCache.get(box);
|
||||||
|
}
|
||||||
|
}, {
|
||||||
|
key: 'scrollHandler',
|
||||||
|
value: function scrollHandler() {
|
||||||
|
this.scrolled = true;
|
||||||
|
}
|
||||||
|
}, {
|
||||||
|
key: 'scrollCallback',
|
||||||
|
value: function scrollCallback() {
|
||||||
|
if (this.scrolled) {
|
||||||
|
this.scrolled = false;
|
||||||
|
var results = [];
|
||||||
|
for (var i = 0; i < this.boxes.length; i++) {
|
||||||
|
var box = this.boxes[i];
|
||||||
|
if (box) {
|
||||||
|
if (this.isVisible(box)) {
|
||||||
|
this.show(box);
|
||||||
|
continue;
|
||||||
|
}
|
||||||
|
results.push(box);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
this.boxes = results;
|
||||||
|
if (!this.boxes.length && !this.config.live) {
|
||||||
|
this.stop();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}, {
|
||||||
|
key: 'offsetTop',
|
||||||
|
value: function offsetTop(element) {
|
||||||
|
// SVG elements don't have an offsetTop in Firefox.
|
||||||
|
// This will use their nearest parent that has an offsetTop.
|
||||||
|
// Also, using ('offsetTop' of element) causes an exception in Firefox.
|
||||||
|
while (element.offsetTop === undefined) {
|
||||||
|
element = element.parentNode;
|
||||||
|
}
|
||||||
|
var top = element.offsetTop;
|
||||||
|
while (element.offsetParent) {
|
||||||
|
element = element.offsetParent;
|
||||||
|
top += element.offsetTop;
|
||||||
|
}
|
||||||
|
return top;
|
||||||
|
}
|
||||||
|
}, {
|
||||||
|
key: 'isVisible',
|
||||||
|
value: function isVisible(box) {
|
||||||
|
var offset = box.getAttribute('data-wow-offset') || this.config.offset;
|
||||||
|
var viewTop = this.config.scrollContainer && this.config.scrollContainer.scrollTop || window.pageYOffset;
|
||||||
|
var viewBottom = viewTop + Math.min(this.element.clientHeight, getInnerHeight()) - offset;
|
||||||
|
var top = this.offsetTop(box);
|
||||||
|
var bottom = top + box.clientHeight;
|
||||||
|
|
||||||
|
return top <= viewBottom && bottom >= viewTop;
|
||||||
|
}
|
||||||
|
}, {
|
||||||
|
key: 'disabled',
|
||||||
|
value: function disabled() {
|
||||||
|
return !this.config.mobile && isMobile(navigator.userAgent);
|
||||||
|
}
|
||||||
|
}]);
|
||||||
|
|
||||||
|
return WOW;
|
||||||
|
}();
|
||||||
|
|
||||||
|
exports.default = WOW;
|
||||||
|
module.exports = exports['default'];
|
||||||
|
});
|
||||||
3
lib/wow/wow.min.js
vendored
Normal file
3
lib/wow/wow.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
102
newzealand.php
Normal file
102
newzealand.php
Normal file
@ -0,0 +1,102 @@
|
|||||||
|
<?php include ('header.php'); ?>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div class="container-fluid bg-breadcrumb">
|
||||||
|
<div class="container text-center py-5" style="max-width: 900px;">
|
||||||
|
<h3 class="text-white display-3 mb-4 wow fadeInDown" data-wow-delay="0.1s">Study abroad</h1>
|
||||||
|
<ol class="breadcrumb justify-content-center text-white mb-0 wow fadeInDown" data-wow-delay="0.3s">
|
||||||
|
<li class="breadcrumb-item"><a href="index.php" class="text-white">Home</a></li>
|
||||||
|
<li class="breadcrumb-item"><a href="#" class="text-white">New Zealand</a></li>
|
||||||
|
</ol>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="container-fluid py-5 bg-light">
|
||||||
|
<div class="container py-5">
|
||||||
|
<div class="row g-5">
|
||||||
|
<div class="col-xl-5 wow fadeInLeft" data-wow-delay="0.1s">
|
||||||
|
<div class="bg-light rounded">
|
||||||
|
<img src="img/canada.png" class="img-fluid w-100" alt="Image">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-xl-7 wow fadeInRight" data-wow-delay="0.3s">
|
||||||
|
<h5 class="sub-title pe-3">New zealand</h5>
|
||||||
|
<h1 class="display-5 mb-4">Why Study in New Zealand?
|
||||||
|
</h1>
|
||||||
|
<p class="mb-4">The United States is a leading destination for international students due to its renowned
|
||||||
|
education system, diverse culture, and vast opportunities. Here are some key reasons to choose the USA for
|
||||||
|
your studies:</p>
|
||||||
|
<div class="mb-4">
|
||||||
|
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i> Prestigious Universities: The USA is home to many of
|
||||||
|
the world's top universities, known for their academic excellence and cutting-edge research.</p>
|
||||||
|
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i> Diverse Course Options: Offers a wide range of
|
||||||
|
programs and disciplines, allowing students to find courses tailored to their interests and career goals.
|
||||||
|
</p>
|
||||||
|
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i> Cultural Diversity: Experience a rich cultural
|
||||||
|
environment with students from all over the world.
|
||||||
|
</p>
|
||||||
|
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i> Career Opportunities: Access to extensive career
|
||||||
|
services, internships, and job opportunities in a robust economy.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<h1 class="display-5 mb-4">Top Universities
|
||||||
|
</h1>
|
||||||
|
<p class="mb-4">Some of the top universities in New Zealand include:</p>
|
||||||
|
<div class="mb-4">
|
||||||
|
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i>Harvard University</p>
|
||||||
|
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i> Stanford University</p>
|
||||||
|
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i> Massachusetts Institute of Technology (MIT)</p>
|
||||||
|
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i>University of California, Berkeley (UC Berkeley)</p>
|
||||||
|
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i>California Institute of Technology (Caltech)</p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 wow fadeInRight" data-wow-delay="0.3s">
|
||||||
|
<h1 class="display-5 mb-4 ">Application process</h1>
|
||||||
|
<div class="mb-4">
|
||||||
|
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i> Research and Choose Programs: Identify programs and
|
||||||
|
universities that match your interests and career objectives.</p>
|
||||||
|
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i> Check Admission Requirements: Each university has
|
||||||
|
specific requirements, including standardized tests (e.g., SAT, ACT, GRE, GMAT) and English proficiency
|
||||||
|
tests (e.g., TOEFL, IELTS).</p>
|
||||||
|
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i>Prepare Application Materials: Gather transcripts,
|
||||||
|
recommendation letters, personal statements, and standardized test scores.</p>
|
||||||
|
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i>Apply: Submit applications through university portals
|
||||||
|
or common application systems.</p>
|
||||||
|
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i>Receive Acceptance Letters: If accepted, you will
|
||||||
|
receive an offer of admission.</p>
|
||||||
|
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i>Apply for Visa: Apply for an F-1 student visa with
|
||||||
|
your I-20 form from the university.</p>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<h1 class="display-5 mb-4">Scholarships
|
||||||
|
</h1>
|
||||||
|
<p class="mb-4">Numerous scholarships and financial aid options are available for international students,
|
||||||
|
including:</p>
|
||||||
|
<div class="mb-4">
|
||||||
|
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i>University Scholarships: Many universities offer
|
||||||
|
merit-based and need-based scholarships.</p>
|
||||||
|
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i> External Scholarships: Various organizations
|
||||||
|
provide scholarships for international students (e.g., Fulbright Program, Joint Japan/World Bank Graduate
|
||||||
|
Scholarship Program).</p>
|
||||||
|
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i> University-specific scholarships</p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<?php include ('footer.php'); ?>
|
||||||
253
pages/404.html
Normal file
253
pages/404.html
Normal file
@ -0,0 +1,253 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Travisa - Visa & Immigration Website Template</title>
|
||||||
|
<meta content="width=device-width, initial-scale=1.0" name="viewport">
|
||||||
|
<meta content="" name="keywords">
|
||||||
|
<meta content="" name="description">
|
||||||
|
|
||||||
|
<!-- Google Web Fonts -->
|
||||||
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
|
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&family=Poppins:wght@200;300;400;500;600&display=swap" rel="stylesheet">
|
||||||
|
|
||||||
|
<!-- Icon Font Stylesheet -->
|
||||||
|
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css"/>
|
||||||
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet">
|
||||||
|
|
||||||
|
<!-- Libraries Stylesheet -->
|
||||||
|
<link href="lib/animate/animate.min.css" rel="stylesheet">
|
||||||
|
<link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Customized Bootstrap Stylesheet -->
|
||||||
|
<link href="css/bootstrap.min.css" rel="stylesheet">
|
||||||
|
|
||||||
|
<!-- Template Stylesheet -->
|
||||||
|
<link href="css/style.css" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<!-- Spinner Start -->
|
||||||
|
<div id="spinner" class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center">
|
||||||
|
<div class="spinner-border text-secondary" style="width: 3rem; height: 3rem;" role="status">
|
||||||
|
<span class="sr-only">Loading...</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Spinner End -->
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Topbar Start -->
|
||||||
|
<div class="container-fluid bg-primary px-5 d-none d-lg-block">
|
||||||
|
<div class="row gx-0 align-items-center">
|
||||||
|
<div class="col-lg-5 text-center text-lg-start mb-lg-0">
|
||||||
|
<div class="d-flex">
|
||||||
|
<a href="#" class="text-muted me-4"><i class="fas fa-envelope text-secondary me-2"></i>Example@gmail.com</a>
|
||||||
|
<a href="#" class="text-muted me-0"><i class="fas fa-phone-alt text-secondary me-2"></i>+01234567890</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-3 row-cols-1 text-center mb-2 mb-lg-0">
|
||||||
|
<div class="d-inline-flex align-items-center" style="height: 45px;">
|
||||||
|
<a class="btn btn-sm btn-outline-light btn-square rounded-circle me-2" href=""><i class="fab fa-twitter fw-normal text-secondary"></i></a>
|
||||||
|
<a class="btn btn-sm btn-outline-light btn-square rounded-circle me-2" href=""><i class="fab fa-facebook-f fw-normal text-secondary"></i></a>
|
||||||
|
<a class="btn btn-sm btn-outline-light btn-square rounded-circle me-2" href=""><i class="fab fa-linkedin-in fw-normal text-secondary"></i></a>
|
||||||
|
<a class="btn btn-sm btn-outline-light btn-square rounded-circle me-2" href=""><i class="fab fa-instagram fw-normal text-secondary"></i></a>
|
||||||
|
<a class="btn btn-sm btn-outline-light btn-square rounded-circle" href=""><i class="fab fa-youtube fw-normal text-secondary"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-4 text-center text-lg-end">
|
||||||
|
<div class="d-inline-flex align-items-center" style="height: 45px;">
|
||||||
|
<a href="#" class="text-muted me-2"> Help</a><small> / </small>
|
||||||
|
<a href="#" class="text-muted mx-2"> Support</a><small> / </small>
|
||||||
|
<a href="#" class="text-muted ms-2"> Contact</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Topbar End -->
|
||||||
|
|
||||||
|
<!-- Navbar & Hero Start -->
|
||||||
|
<div class="container-fluid nav-bar p-0">
|
||||||
|
<nav class="navbar navbar-expand-lg navbar-light bg-white px-4 px-lg-5 py-3 py-lg-0">
|
||||||
|
<a href="" class="navbar-brand p-0">
|
||||||
|
<h1 class="display-5 text-secondary m-0"><img src="img/brand-logo.png" class="img-fluid" alt="">Travisa</h1>
|
||||||
|
<!-- <img src="img/logo.png" alt="Logo"> -->
|
||||||
|
</a>
|
||||||
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
|
||||||
|
<span class="fa fa-bars"></span>
|
||||||
|
</button>
|
||||||
|
<div class="collapse navbar-collapse" id="navbarCollapse">
|
||||||
|
<div class="navbar-nav ms-auto py-0">
|
||||||
|
<a href="index.html" class="nav-item nav-link">Home</a>
|
||||||
|
<a href="about.html" class="nav-item nav-link">About</a>
|
||||||
|
<a href="service.html" class="nav-item nav-link">Service</a>
|
||||||
|
<div class="nav-item dropdown">
|
||||||
|
<a href="#" class="nav-link active" data-bs-toggle="dropdown"><span class="dropdown-toggle">Pages</span></a>
|
||||||
|
<div class="dropdown-menu m-0">
|
||||||
|
<a href="feature.html" class="dropdown-item">Feature</a>
|
||||||
|
<a href="countries.html" class="dropdown-item">Countries</a>
|
||||||
|
<a href="testimonial.html" class="dropdown-item">Testimonial</a>
|
||||||
|
<a href="training.html" class="dropdown-item">Training</a>
|
||||||
|
<a href="404.html" class="dropdown-item active">404 Page</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<a href="contact.html" class="nav-item nav-link">Contact</a>
|
||||||
|
</div>
|
||||||
|
<button class="btn btn-primary btn-md-square border-secondary mb-3 mb-md-3 mb-lg-0 me-3" data-bs-toggle="modal" data-bs-target="#searchModal"><i class="fas fa-search"></i></button>
|
||||||
|
<a href="" class="btn btn-primary border-secondary rounded-pill py-2 px-4 px-lg-3 mb-3 mb-md-3 mb-lg-0">Get A Quote</a>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
<!-- Navbar & Hero End -->
|
||||||
|
|
||||||
|
<!-- Modal Search Start -->
|
||||||
|
<div class="modal fade" id="searchModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
|
||||||
|
<div class="modal-dialog modal-fullscreen">
|
||||||
|
<div class="modal-content rounded-0">
|
||||||
|
<div class="modal-header">
|
||||||
|
<h4 class="modal-title text-secondary mb-0" id="exampleModalLabel">Search by keyword</h4>
|
||||||
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||||
|
</div>
|
||||||
|
<div class="modal-body d-flex align-items-center">
|
||||||
|
<div class="input-group w-75 mx-auto d-flex">
|
||||||
|
<input type="search" class="form-control p-3" placeholder="keywords" aria-describedby="search-icon-1">
|
||||||
|
<span id="search-icon-1" class="input-group-text p-3"><i class="fa fa-search"></i></span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Modal Search End -->
|
||||||
|
|
||||||
|
<!-- Header Start -->
|
||||||
|
<div class="container-fluid bg-breadcrumb">
|
||||||
|
<div class="container text-center py-5" style="max-width: 900px;">
|
||||||
|
<h3 class="text-white display-3 mb-4 wow fadeInDown" data-wow-delay="0.1s">404 Pages</h1>
|
||||||
|
<ol class="breadcrumb justify-content-center text-white mb-0 wow fadeInDown" data-wow-delay="0.3s">
|
||||||
|
<li class="breadcrumb-item"><a href="index.html" class="text-white">Home</a></li>
|
||||||
|
<li class="breadcrumb-item"><a href="#" class="text-white">Pages</a></li>
|
||||||
|
<li class="breadcrumb-item active text-secondary">404 Page</li>
|
||||||
|
</ol>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Header End -->
|
||||||
|
|
||||||
|
<!-- 404 Start -->
|
||||||
|
<div class="container-fluid bg-light py-5">
|
||||||
|
<div class="container py-5 text-center">
|
||||||
|
<div class="row justify-content-center">
|
||||||
|
<div class="col-lg-6 wow fadeInUp" data-wow-delay="0.3s">
|
||||||
|
<i class="bi bi-exclamation-triangle display-1 text-secondary"></i>
|
||||||
|
<h1 class="display-1">404</h1>
|
||||||
|
<h1 class="mb-4">Page Not Found</h1>
|
||||||
|
<p class="mb-4">We’re sorry, the page you have looked for does not exist in our website! Maybe go to our home page or try to use a search?</p>
|
||||||
|
<a class="btn btn-primary rounded-pill py-3 px-5" href="index.html">Go Back To Home</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- 404 End -->
|
||||||
|
|
||||||
|
<!-- Footer Start -->
|
||||||
|
<div class="container-fluid footer py-5 wow fadeIn" data-wow-delay="0.2s">
|
||||||
|
<div class="container py-5">
|
||||||
|
<div class="row g-5">
|
||||||
|
<div class="col-md-6 col-lg-6 col-xl-3">
|
||||||
|
<div class="footer-item d-flex flex-column">
|
||||||
|
<h4 class="text-secondary mb-4">Contact Info</h4>
|
||||||
|
<a href=""><i class="fa fa-map-marker-alt me-2"></i> 123 Street, New York, USA</a>
|
||||||
|
<a href=""><i class="fas fa-envelope me-2"></i> info@example.com</a>
|
||||||
|
<a href=""><i class="fas fa-phone me-2"></i> +012 345 67890</a>
|
||||||
|
<a href="" class="mb-3"><i class="fas fa-print me-2"></i> +012 345 67890</a>
|
||||||
|
<div class="d-flex align-items-center">
|
||||||
|
<i class="fas fa-share fa-2x text-secondary me-2"></i>
|
||||||
|
<a class="btn mx-1" href=""><i class="fab fa-facebook-f"></i></a>
|
||||||
|
<a class="btn mx-1" href=""><i class="fab fa-twitter"></i></a>
|
||||||
|
<a class="btn mx-1" href=""><i class="fab fa-instagram"></i></a>
|
||||||
|
<a class="btn mx-1" href=""><i class="fab fa-linkedin-in"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-6 col-xl-3">
|
||||||
|
<div class="footer-item d-flex flex-column">
|
||||||
|
<h4 class="text-secondary mb-4">Opening Time</h4>
|
||||||
|
<div class="mb-3">
|
||||||
|
<h6 class="text-muted mb-0">Mon - Friday:</h6>
|
||||||
|
<p class="text-white mb-0">09.00 am to 07.00 pm</p>
|
||||||
|
</div>
|
||||||
|
<div class="mb-3">
|
||||||
|
<h6 class="text-muted mb-0">Satday:</h6>
|
||||||
|
<p class="text-white mb-0">10.00 am to 05.00 pm</p>
|
||||||
|
</div>
|
||||||
|
<div class="mb-3">
|
||||||
|
<h6 class="text-muted mb-0">Vacation:</h6>
|
||||||
|
<p class="text-white mb-0">All Sunday is our vacation</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-6 col-xl-3">
|
||||||
|
<div class="footer-item d-flex flex-column">
|
||||||
|
<h4 class="text-secondary mb-4">Our Services</h4>
|
||||||
|
<a href="#" class=""><i class="fas fa-angle-right me-2"></i> Business</a>
|
||||||
|
<a href="#" class=""><i class="fas fa-angle-right me-2"></i> Evaluation</a>
|
||||||
|
<a href="#" class=""><i class="fas fa-angle-right me-2"></i> Migrate</a>
|
||||||
|
<a href="#" class=""><i class="fas fa-angle-right me-2"></i> Study</a>
|
||||||
|
<a href="#" class=""><i class="fas fa-angle-right me-2"></i> Counselling</a>
|
||||||
|
<a href="#" class=""><i class="fas fa-angle-right me-2"></i> Work / Career</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-6 col-xl-3">
|
||||||
|
<div class="footer-item">
|
||||||
|
<h4 class="text-secondary mb-4">Newsletter</h4>
|
||||||
|
<p class="text-white mb-3">Dolor amet sit justo amet elitr clita ipsum elitr est.Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
|
||||||
|
<div class="position-relative mx-auto rounded-pill">
|
||||||
|
<input class="form-control border-0 rounded-pill w-100 py-3 ps-4 pe-5" type="text" placeholder="Enter your email">
|
||||||
|
<button type="button" class="btn btn-primary rounded-pill position-absolute top-0 end-0 py-2 mt-2 me-2">SignUp</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Footer End -->
|
||||||
|
|
||||||
|
<!-- Copyright Start -->
|
||||||
|
<div class="container-fluid copyright py-4">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row g-4 align-items-center">
|
||||||
|
<div class="col-md-6 text-center text-md-start mb-md-0">
|
||||||
|
<span class="text-white"><a href="#" class="border-bottom text-white"><i class="fas fa-copyright text-light me-2"></i>Your Site Name</a>, All right reserved.</span>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 text-center text-md-end text-white">
|
||||||
|
<!--/*** This template is free as long as you keep the below author’s credit link/attribution link/backlink. ***/-->
|
||||||
|
<!--/*** If you'd like to use the template without the below author’s credit link/attribution link/backlink, ***/-->
|
||||||
|
<!--/*** you can purchase the Credit Removal License from "https://htmlcodex.com/credit-removal". ***/-->
|
||||||
|
Designed By <a class="border-bottom text-white" href="https://htmlcodex.com">HTML Codex</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Copyright End -->
|
||||||
|
|
||||||
|
<!-- Back to Top -->
|
||||||
|
<a href="#" class="btn btn-primary btn-lg-square back-to-top"><i class="fa fa-arrow-up"></i></a>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- JavaScript Libraries -->
|
||||||
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
|
||||||
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
|
||||||
|
<script src="lib/wow/wow.min.js"></script>
|
||||||
|
<script src="lib/easing/easing.min.js"></script>
|
||||||
|
<script src="lib/waypoints/waypoints.min.js"></script>
|
||||||
|
<script src="lib/counterup/counterup.min.js"></script>
|
||||||
|
<script src="lib/owlcarousel/owl.carousel.min.js"></script>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Template Javascript -->
|
||||||
|
<script src="js/main.js"></script>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
520
pages/about.html
Normal file
520
pages/about.html
Normal file
@ -0,0 +1,520 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Travisa - Visa & Immigration Website Template</title>
|
||||||
|
<meta content="width=device-width, initial-scale=1.0" name="viewport">
|
||||||
|
<meta content="" name="keywords">
|
||||||
|
<meta content="" name="description">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Google Web Fonts -->
|
||||||
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
|
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&family=Poppins:wght@200;300;400;500;600&display=swap" rel="stylesheet">
|
||||||
|
|
||||||
|
<!-- Icon Font Stylesheet -->
|
||||||
|
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css"/>
|
||||||
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet">
|
||||||
|
|
||||||
|
<!-- Libraries Stylesheet -->
|
||||||
|
<link href="lib/animate/animate.min.css" rel="stylesheet">
|
||||||
|
<link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Customized Bootstrap Stylesheet -->
|
||||||
|
<link href="css/bootstrap.min.css" rel="stylesheet">
|
||||||
|
|
||||||
|
<!-- Template Stylesheet -->
|
||||||
|
<link href="css/style.css" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<!-- Spinner Start -->
|
||||||
|
<div id="spinner" class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center">
|
||||||
|
<div class="spinner-border text-secondary" style="width: 3rem; height: 3rem;" role="status">
|
||||||
|
<span class="sr-only">Loading...</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Spinner End -->
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Topbar Start -->
|
||||||
|
<div class="container-fluid bg-primary px-5 d-none d-lg-block">
|
||||||
|
<div class="row gx-0 align-items-center">
|
||||||
|
<div class="col-lg-5 text-center text-lg-start mb-lg-0">
|
||||||
|
<div class="d-flex">
|
||||||
|
<a href="#" class="text-muted me-4"><i class="fas fa-envelope text-secondary me-2"></i>Example@gmail.com</a>
|
||||||
|
<a href="#" class="text-muted me-0"><i class="fas fa-phone-alt text-secondary me-2"></i>+01234567890</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-3 row-cols-1 text-center mb-2 mb-lg-0">
|
||||||
|
<div class="d-inline-flex align-items-center" style="height: 45px;">
|
||||||
|
<a class="btn btn-sm btn-outline-light btn-square rounded-circle me-2" href=""><i class="fab fa-twitter fw-normal text-secondary"></i></a>
|
||||||
|
<a class="btn btn-sm btn-outline-light btn-square rounded-circle me-2" href=""><i class="fab fa-facebook-f fw-normal text-secondary"></i></a>
|
||||||
|
<a class="btn btn-sm btn-outline-light btn-square rounded-circle me-2" href=""><i class="fab fa-linkedin-in fw-normal text-secondary"></i></a>
|
||||||
|
<a class="btn btn-sm btn-outline-light btn-square rounded-circle me-2" href=""><i class="fab fa-instagram fw-normal text-secondary"></i></a>
|
||||||
|
<a class="btn btn-sm btn-outline-light btn-square rounded-circle" href=""><i class="fab fa-youtube fw-normal text-secondary"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-4 text-center text-lg-end">
|
||||||
|
<div class="d-inline-flex align-items-center" style="height: 45px;">
|
||||||
|
<a href="#" class="text-muted me-2"> Help</a><small> / </small>
|
||||||
|
<a href="#" class="text-muted mx-2"> Support</a><small> / </small>
|
||||||
|
<a href="#" class="text-muted ms-2"> Contact</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Topbar End -->
|
||||||
|
|
||||||
|
<!-- Navbar & Hero Start -->
|
||||||
|
<div class="container-fluid nav-bar p-0">
|
||||||
|
<nav class="navbar navbar-expand-lg navbar-light bg-white px-4 px-lg-5 py-3 py-lg-0">
|
||||||
|
<a href="" class="navbar-brand p-0">
|
||||||
|
<h1 class="display-5 text-secondary m-0"><img src="img/brand-logo.png" class="img-fluid" alt="">Travisa</h1>
|
||||||
|
<!-- <img src="img/logo.png" alt="Logo"> -->
|
||||||
|
</a>
|
||||||
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
|
||||||
|
<span class="fa fa-bars"></span>
|
||||||
|
</button>
|
||||||
|
<div class="collapse navbar-collapse" id="navbarCollapse">
|
||||||
|
<div class="navbar-nav ms-auto py-0">
|
||||||
|
<a href="index.html" class="nav-item nav-link">Home</a>
|
||||||
|
<a href="about.html" class="nav-item nav-link active">About</a>
|
||||||
|
<a href="service.html" class="nav-item nav-link">Service</a>
|
||||||
|
<div class="nav-item dropdown">
|
||||||
|
<a href="#" class="nav-link" data-bs-toggle="dropdown"><span class="dropdown-toggle">Pages</span></a>
|
||||||
|
<div class="dropdown-menu m-0">
|
||||||
|
<a href="feature.html" class="dropdown-item">Feature</a>
|
||||||
|
<a href="countries.html" class="dropdown-item">Countries</a>
|
||||||
|
<a href="testimonial.html" class="dropdown-item">Testimonial</a>
|
||||||
|
<a href="training.html" class="dropdown-item">Training</a>
|
||||||
|
<a href="404.html" class="dropdown-item">404 Page</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<a href="contact.html" class="nav-item nav-link">Contact</a>
|
||||||
|
</div>
|
||||||
|
<button class="btn btn-primary btn-md-square border-secondary mb-3 mb-md-3 mb-lg-0 me-3" data-bs-toggle="modal" data-bs-target="#searchModal"><i class="fas fa-search"></i></button>
|
||||||
|
<a href="" class="btn btn-primary border-secondary rounded-pill py-2 px-4 px-lg-3 mb-3 mb-md-3 mb-lg-0">Get A Quote</a>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
<!-- Navbar & Hero End -->
|
||||||
|
|
||||||
|
<!-- Modal Search Start -->
|
||||||
|
<div class="modal fade" id="searchModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
|
||||||
|
<div class="modal-dialog modal-fullscreen">
|
||||||
|
<div class="modal-content rounded-0">
|
||||||
|
<div class="modal-header">
|
||||||
|
<h4 class="modal-title text-secondary mb-0" id="exampleModalLabel">Search by keyword</h4>
|
||||||
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||||
|
</div>
|
||||||
|
<div class="modal-body d-flex align-items-center">
|
||||||
|
<div class="input-group w-75 mx-auto d-flex">
|
||||||
|
<input type="search" class="form-control p-3" placeholder="keywords" aria-describedby="search-icon-1">
|
||||||
|
<span id="search-icon-1" class="input-group-text p-3"><i class="fa fa-search"></i></span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Modal Search End -->
|
||||||
|
|
||||||
|
<!-- Header Start -->
|
||||||
|
<div class="container-fluid bg-breadcrumb">
|
||||||
|
<div class="container text-center py-5" style="max-width: 900px;">
|
||||||
|
<h3 class="text-white display-3 mb-4 wow fadeInDown" data-wow-delay="0.1s">About Us</h1>
|
||||||
|
<ol class="breadcrumb justify-content-center text-white mb-0 wow fadeInDown" data-wow-delay="0.3s">
|
||||||
|
<li class="breadcrumb-item"><a href="index.html" class="text-white">Home</a></li>
|
||||||
|
<li class="breadcrumb-item"><a href="#" class="text-white">Pages</a></li>
|
||||||
|
<li class="breadcrumb-item active text-secondary">About</li>
|
||||||
|
</ol>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Header End -->
|
||||||
|
|
||||||
|
<!-- About Start -->
|
||||||
|
<div class="container-fluid overflow-hidden py-5">
|
||||||
|
<div class="container py-5">
|
||||||
|
<div class="row g-5">
|
||||||
|
<div class="col-xl-5 wow fadeInLeft" data-wow-delay="0.1s">
|
||||||
|
<div class="bg-light rounded">
|
||||||
|
<img src="img/about-2.png" class="img-fluid w-100" style="margin-bottom: -7px;" alt="Image">
|
||||||
|
<img src="img/about-3.jpg" class="img-fluid w-100 border-bottom border-5 border-primary" style="border-top-right-radius: 300px; border-top-left-radius: 300px;" alt="Image">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-xl-7 wow fadeInRight" data-wow-delay="0.3s">
|
||||||
|
<h5 class="sub-title pe-3">About the company</h5>
|
||||||
|
<h1 class="display-5 mb-4">We’re Trusted Immigration Consultant Agency.</h1>
|
||||||
|
<p class="mb-4">Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt architecto consectetur iusto perferendis blanditiis assumenda dignissimos, commodi fuga culpa earum explicabo libero sint est mollitia saepe! Sequi asperiores rerum nemo!</p>
|
||||||
|
<div class="row gy-4 align-items-center">
|
||||||
|
<div class="col-12 col-sm-6 d-flex align-items-center">
|
||||||
|
<i class="fas fa-map-marked-alt fa-3x text-secondary"></i>
|
||||||
|
<h5 class="ms-4">Best Immigration Resources</h5>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 col-sm-6 d-flex align-items-center">
|
||||||
|
<i class="fas fa-passport fa-3x text-secondary"></i>
|
||||||
|
<h5 class="ms-4">Return Visas Availabile</h5>
|
||||||
|
</div>
|
||||||
|
<div class="col-4 col-md-3">
|
||||||
|
<div class="bg-light text-center rounded p-3">
|
||||||
|
<div class="mb-2">
|
||||||
|
<i class="fas fa-ticket-alt fa-4x text-primary"></i>
|
||||||
|
</div>
|
||||||
|
<h1 class="display-5 fw-bold mb-2">34</h1>
|
||||||
|
<p class="text-muted mb-0">Years of Experience</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-8 col-md-9">
|
||||||
|
<div class="mb-5">
|
||||||
|
<p class="text-primary h6 mb-3"><i class="fa fa-check-circle text-secondary me-2"></i> Offer 100 % Genuine Assistance</p>
|
||||||
|
<p class="text-primary h6 mb-3"><i class="fa fa-check-circle text-secondary me-2"></i> It’s Faster & Reliable Execution</p>
|
||||||
|
<p class="text-primary h6 mb-3"><i class="fa fa-check-circle text-secondary me-2"></i> Accurate & Expert Advice</p>
|
||||||
|
</div>
|
||||||
|
<div class="d-flex flex-wrap">
|
||||||
|
<div id="phone-tada" class="d-flex align-items-center justify-content-center me-4">
|
||||||
|
<a href="" class="position-relative wow tada" data-wow-delay=".9s">
|
||||||
|
<i class="fa fa-phone-alt text-primary fa-3x"></i>
|
||||||
|
<div class="position-absolute" style="top: 0; left: 25px;">
|
||||||
|
<span><i class="fa fa-comment-dots text-secondary"></i></span>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="d-flex flex-column justify-content-center">
|
||||||
|
<span class="text-primary">Have any questions?</span>
|
||||||
|
<span class="text-secondary fw-bold fs-5" style="letter-spacing: 2px;">Free: +0123 456 7890</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- About End -->
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Counter Facts Start -->
|
||||||
|
<div class="container-fluid counter-facts py-5">
|
||||||
|
<div class="container py-5">
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-12 col-sm-6 col-md-6 col-xl-3 wow fadeInUp" data-wow-delay="0.1s">
|
||||||
|
<div class="counter">
|
||||||
|
<div class="counter-icon">
|
||||||
|
<i class="fas fa-passport"></i>
|
||||||
|
</div>
|
||||||
|
<div class="counter-content">
|
||||||
|
<h3>Visa Categories</h3>
|
||||||
|
<div class="d-flex align-items-center justify-content-center">
|
||||||
|
<span class="counter-value" data-toggle="counter-up">31</span>
|
||||||
|
<h4 class="text-secondary mb-0" style="font-weight: 600; font-size: 25px;">+</h4>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 col-sm-6 col-md-6 col-xl-3 wow fadeInUp" data-wow-delay="0.3s">
|
||||||
|
<div class="counter">
|
||||||
|
<div class="counter-icon">
|
||||||
|
<i class="fas fa-users"></i>
|
||||||
|
</div>
|
||||||
|
<div class="counter-content">
|
||||||
|
<h3>Team Members</h3>
|
||||||
|
<div class="d-flex align-items-center justify-content-center">
|
||||||
|
<span class="counter-value" data-toggle="counter-up">377</span>
|
||||||
|
<h4 class="text-secondary mb-0" style="font-weight: 600; font-size: 25px;">+</h4>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 col-sm-6 col-md-6 col-xl-3 wow fadeInUp" data-wow-delay="0.5s">
|
||||||
|
<div class="counter">
|
||||||
|
<div class="counter-icon">
|
||||||
|
<i class="fas fa-user-check"></i>
|
||||||
|
</div>
|
||||||
|
<div class="counter-content">
|
||||||
|
<h3>Visa Process</h3>
|
||||||
|
<div class="d-flex align-items-center justify-content-center">
|
||||||
|
<span class="counter-value" data-toggle="counter-up">4.9</span>
|
||||||
|
<h4 class="text-secondary mb-0" style="font-weight: 600; font-size: 25px;">K</h4>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 col-sm-6 col-md-6 col-xl-3 wow fadeInUp" data-wow-delay="0.7s">
|
||||||
|
<div class="counter">
|
||||||
|
<div class="counter-icon">
|
||||||
|
<i class="fas fa-handshake"></i>
|
||||||
|
</div>
|
||||||
|
<div class="counter-content">
|
||||||
|
<h3>Success Rates</h3>
|
||||||
|
<div class="d-flex align-items-center justify-content-center">
|
||||||
|
<span class="counter-value" data-toggle="counter-up">98</span>
|
||||||
|
<h4 class="text-secondary mb-0" style="font-weight: 600; font-size: 25px;">%</h4>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Counter Facts End -->
|
||||||
|
|
||||||
|
<!-- Countries We Offer Start -->
|
||||||
|
<div class="container-fluid country overflow-hidden py-5">
|
||||||
|
<div class="container py-5">
|
||||||
|
<div class="section-title text-center wow fadeInUp" data-wow-delay="0.1s" style="margin-bottom: 70px;">
|
||||||
|
<div class="sub-style">
|
||||||
|
<h5 class="sub-title text-primary px-3">COUNTRIES WE OFFER</h5>
|
||||||
|
</div>
|
||||||
|
<h1 class="display-5 mb-4">Immigration & visa services following Countries</h1>
|
||||||
|
<p class="mb-0">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat deleniti amet at atque sequi quibusdam cumque itaque repudiandae temporibus, eius nam mollitia voluptas maxime veniam necessitatibus saepe in ab? Repellat!</p>
|
||||||
|
</div>
|
||||||
|
<div class="row g-4 text-center">
|
||||||
|
<div class="col-lg-6 col-xl-3 mb-5 mb-xl-0 wow fadeInUp" data-wow-delay="0.1s">
|
||||||
|
<div class="country-item">
|
||||||
|
<div class="rounded overflow-hidden">
|
||||||
|
<img src="img/country-1.jpg" class="img-fluid w-100 rounded" alt="Image">
|
||||||
|
</div>
|
||||||
|
<div class="country-flag">
|
||||||
|
<img src="img/brazil.jpg" class="img-fluid rounded-circle" alt="Image">
|
||||||
|
</div>
|
||||||
|
<div class="country-name">
|
||||||
|
<a href="#" class="text-white fs-4">Brazil</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-6 col-xl-3 mb-5 mb-xl-0 wow fadeInUp" data-wow-delay="0.3s">
|
||||||
|
<div class="country-item">
|
||||||
|
<div class="rounded overflow-hidden">
|
||||||
|
<img src="img/country-2.jpg" class="img-fluid w-100 rounded" alt="Image">
|
||||||
|
</div>
|
||||||
|
<div class="country-flag">
|
||||||
|
<img src="img/india.jpg" class="img-fluid rounded-circle" alt="Image">
|
||||||
|
</div>
|
||||||
|
<div class="country-name">
|
||||||
|
<a href="#" class="text-white fs-4">india</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-6 col-xl-3 mb-5 mb-xl-0 wow fadeInUp" data-wow-delay="0.5s">
|
||||||
|
<div class="country-item">
|
||||||
|
<div class="rounded overflow-hidden">
|
||||||
|
<img src="img/country-3.jpg" class="img-fluid w-100 rounded" alt="Image">
|
||||||
|
</div>
|
||||||
|
<div class="country-flag">
|
||||||
|
<img src="img/usa.jpg" class="img-fluid rounded-circle" alt="Image">
|
||||||
|
</div>
|
||||||
|
<div class="country-name">
|
||||||
|
<a href="#" class="text-white fs-4">New York</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-6 col-xl-3 mb-5 mb-xl-0 wow fadeInUp" data-wow-delay="0.7s">
|
||||||
|
<div class="country-item">
|
||||||
|
<div class="rounded overflow-hidden">
|
||||||
|
<img src="img/country-4.jpg" class="img-fluid w-100 rounded" alt="Image">
|
||||||
|
</div>
|
||||||
|
<div class="country-flag">
|
||||||
|
<img src="img/italy.jpg" class="img-fluid rounded-circle" alt="Image">
|
||||||
|
</div>
|
||||||
|
<div class="country-name">
|
||||||
|
<a href="#" class="text-white fs-4">Italy</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-12">
|
||||||
|
<a class="btn btn-primary border-secondary rounded-pill py-3 px-5 wow fadeInUp" data-wow-delay="0.1s" href="#">More Countries</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Countries We Offer End -->
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Training Start -->
|
||||||
|
<div class="container-fluid training overflow-hidden bg-light py-5">
|
||||||
|
<div class="container py-5">
|
||||||
|
<div class="section-title text-center mb-5 wow fadeInUp" data-wow-delay="0.1s">
|
||||||
|
<div class="sub-style">
|
||||||
|
<h5 class="sub-title text-primary px-3">CHECK OUR TRAINING</h5>
|
||||||
|
</div>
|
||||||
|
<h1 class="display-5 mb-4">Get the Best Coacing Service Training with Our Travisa</h1>
|
||||||
|
<p class="mb-0">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat deleniti amet at atque sequi quibusdam cumque itaque repudiandae temporibus, eius nam mollitia voluptas maxime veniam necessitatibus saepe in ab? Repellat!</p>
|
||||||
|
</div>
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-lg-6 col-lg-6 col-xl-3 wow fadeInUp" data-wow-delay="0.1s">
|
||||||
|
<div class="training-item">
|
||||||
|
<div class="training-inner">
|
||||||
|
<img src="img/training-1.jpg" class="img-fluid w-100 rounded" alt="Image">
|
||||||
|
<div class="training-title-name">
|
||||||
|
<a href="#" class="h4 text-white mb-0">IELTS</a>
|
||||||
|
<a href="#" class="h4 text-white mb-0">Coaching</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="training-content bg-secondary rounded-bottom p-4">
|
||||||
|
<a href="#"><h4 class="text-white">IELTS Coaching</h4></a>
|
||||||
|
<p class="text-white-50">Lorem ipsum dolor sit amet consectetur adipisicing elit. Autem, veritatis.</p>
|
||||||
|
<a class="btn btn-secondary rounded-pill text-white p-0" href="#">Read More <i class="fa fa-arrow-right"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-6 col-lg-6 col-xl-3 wow fadeInUp" data-wow-delay="0.3s">
|
||||||
|
<div class="training-item">
|
||||||
|
<div class="training-inner">
|
||||||
|
<img src="img/training-2.jpg" class="img-fluid w-100 rounded" alt="Image">
|
||||||
|
<div class="training-title-name">
|
||||||
|
<a href="#" class="h4 text-white mb-0">TOEFL</a>
|
||||||
|
<a href="#" class="h4 text-white mb-0">Coaching</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="training-content bg-secondary rounded-bottom p-4">
|
||||||
|
<a href="#"><h4 class="text-white">TOEFL Coaching</h4></a>
|
||||||
|
<p class="text-white-50">Lorem ipsum dolor sit amet consectetur adipisicing elit. Autem, veritatis.</p>
|
||||||
|
<a class="btn btn-secondary rounded-pill text-white p-0" href="#">Read More <i class="fa fa-arrow-right"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-6 col-lg-6 col-xl-3 wow fadeInUp" data-wow-delay="0.5s">
|
||||||
|
<div class="training-item">
|
||||||
|
<div class="training-inner">
|
||||||
|
<img src="img/training-3.jpg" class="img-fluid w-100 rounded" alt="Image">
|
||||||
|
<div class="training-title-name">
|
||||||
|
<a href="#" class="h4 text-white mb-0">PTE</a>
|
||||||
|
<a href="#" class="h4 text-white mb-0">Coaching</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="training-content bg-secondary rounded-bottom p-4">
|
||||||
|
<a href="#"><h4 class="text-white">PTE Coaching</h4></a>
|
||||||
|
<p class="text-white-50">Lorem ipsum dolor sit amet consectetur adipisicing elit. Autem, veritatis.</p>
|
||||||
|
<a class="btn btn-secondary rounded-pill text-white p-0" href="#">Read More <i class="fa fa-arrow-right"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-6 col-lg-6 col-xl-3 wow fadeInUp" data-wow-delay="0.7s">
|
||||||
|
<div class="training-item">
|
||||||
|
<div class="training-inner">
|
||||||
|
<img src="img/training-4.jpg" class="img-fluid w-100 rounded" alt="Image">
|
||||||
|
<div class="training-title-name">
|
||||||
|
<a href="#" class="h4 text-white mb-0">OET</a>
|
||||||
|
<a href="#" class="h4 text-white mb-0">Coaching</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="training-content bg-secondary rounded-bottom p-4">
|
||||||
|
<a href="#"><h4 class="text-white">OET Coaching</h4></a>
|
||||||
|
<p class="text-white-50">Lorem ipsum dolor sit amet consectetur adipisicing elit. Autem, veritatis.</p>
|
||||||
|
<a class="btn btn-secondary rounded-pill text-white p-0" href="#">Read More <i class="fa fa-arrow-right"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 text-center">
|
||||||
|
<a class="btn btn-primary border-secondary rounded-pill py-3 px-5 wow fadeInUp" data-wow-delay="0.1s" href="#">View More</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Training End -->
|
||||||
|
|
||||||
|
<!-- Footer Start -->
|
||||||
|
<div class="container-fluid footer py-5 wow fadeIn" data-wow-delay="0.2s">
|
||||||
|
<div class="container py-5">
|
||||||
|
<div class="row g-5">
|
||||||
|
<div class="col-md-6 col-lg-6 col-xl-3">
|
||||||
|
<div class="footer-item d-flex flex-column">
|
||||||
|
<h4 class="text-secondary mb-4">Contact Info</h4>
|
||||||
|
<a href=""><i class="fa fa-map-marker-alt me-2"></i> 123 Street, New York, USA</a>
|
||||||
|
<a href=""><i class="fas fa-envelope me-2"></i> info@example.com</a>
|
||||||
|
<a href=""><i class="fas fa-phone me-2"></i> +012 345 67890</a>
|
||||||
|
<a href="" class="mb-3"><i class="fas fa-print me-2"></i> +012 345 67890</a>
|
||||||
|
<div class="d-flex align-items-center">
|
||||||
|
<i class="fas fa-share fa-2x text-secondary me-2"></i>
|
||||||
|
<a class="btn mx-1" href=""><i class="fab fa-facebook-f"></i></a>
|
||||||
|
<a class="btn mx-1" href=""><i class="fab fa-twitter"></i></a>
|
||||||
|
<a class="btn mx-1" href=""><i class="fab fa-instagram"></i></a>
|
||||||
|
<a class="btn mx-1" href=""><i class="fab fa-linkedin-in"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-6 col-xl-3">
|
||||||
|
<div class="footer-item d-flex flex-column">
|
||||||
|
<h4 class="text-secondary mb-4">Opening Time</h4>
|
||||||
|
<div class="mb-3">
|
||||||
|
<h6 class="text-muted mb-0">Mon - Friday:</h6>
|
||||||
|
<p class="text-white mb-0">09.00 am to 07.00 pm</p>
|
||||||
|
</div>
|
||||||
|
<div class="mb-3">
|
||||||
|
<h6 class="text-muted mb-0">Satday:</h6>
|
||||||
|
<p class="text-white mb-0">10.00 am to 05.00 pm</p>
|
||||||
|
</div>
|
||||||
|
<div class="mb-3">
|
||||||
|
<h6 class="text-muted mb-0">Vacation:</h6>
|
||||||
|
<p class="text-white mb-0">All Sunday is our vacation</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-6 col-xl-3">
|
||||||
|
<div class="footer-item d-flex flex-column">
|
||||||
|
<h4 class="text-secondary mb-4">Our Services</h4>
|
||||||
|
<a href="#" class=""><i class="fas fa-angle-right me-2"></i> Business</a>
|
||||||
|
<a href="#" class=""><i class="fas fa-angle-right me-2"></i> Evaluation</a>
|
||||||
|
<a href="#" class=""><i class="fas fa-angle-right me-2"></i> Migrate</a>
|
||||||
|
<a href="#" class=""><i class="fas fa-angle-right me-2"></i> Study</a>
|
||||||
|
<a href="#" class=""><i class="fas fa-angle-right me-2"></i> Counselling</a>
|
||||||
|
<a href="#" class=""><i class="fas fa-angle-right me-2"></i> Work / Career</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-6 col-xl-3">
|
||||||
|
<div class="footer-item">
|
||||||
|
<h4 class="text-secondary mb-4">Newsletter</h4>
|
||||||
|
<p class="text-white mb-3">Dolor amet sit justo amet elitr clita ipsum elitr est.Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
|
||||||
|
<div class="position-relative mx-auto rounded-pill">
|
||||||
|
<input class="form-control border-0 rounded-pill w-100 py-3 ps-4 pe-5" type="text" placeholder="Enter your email">
|
||||||
|
<button type="button" class="btn btn-primary rounded-pill position-absolute top-0 end-0 py-2 mt-2 me-2">SignUp</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Footer End -->
|
||||||
|
|
||||||
|
<!-- Copyright Start -->
|
||||||
|
<div class="container-fluid copyright py-4">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row g-4 align-items-center">
|
||||||
|
<div class="col-md-6 text-center text-md-start mb-md-0">
|
||||||
|
<span class="text-white"><a href="#" class="border-bottom text-white"><i class="fas fa-copyright text-light me-2"></i>Your Site Name</a>, All right reserved.</span>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 text-center text-md-end text-white">
|
||||||
|
<!--/*** This template is free as long as you keep the below author’s credit link/attribution link/backlink. ***/-->
|
||||||
|
<!--/*** If you'd like to use the template without the below author’s credit link/attribution link/backlink, ***/-->
|
||||||
|
<!--/*** you can purchase the Credit Removal License from "https://htmlcodex.com/credit-removal". ***/-->
|
||||||
|
Designed By <a class="border-bottom text-white" href="https://htmlcodex.com">HTML Codex</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Copyright End -->
|
||||||
|
|
||||||
|
<!-- Back to Top -->
|
||||||
|
<a href="#" class="btn btn-primary btn-lg-square back-to-top"><i class="fa fa-arrow-up"></i></a>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- JavaScript Libraries -->
|
||||||
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
|
||||||
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
|
||||||
|
<script src="lib/wow/wow.min.js"></script>
|
||||||
|
<script src="lib/easing/easing.min.js"></script>
|
||||||
|
<script src="lib/waypoints/waypoints.min.js"></script>
|
||||||
|
<script src="lib/counterup/counterup.min.js"></script>
|
||||||
|
<script src="lib/owlcarousel/owl.carousel.min.js"></script>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Template Javascript -->
|
||||||
|
<script src="js/main.js"></script>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
424
pages/contact.html
Normal file
424
pages/contact.html
Normal file
@ -0,0 +1,424 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Travisa - Visa & Immigration Website Template</title>
|
||||||
|
<meta content="width=device-width, initial-scale=1.0" name="viewport">
|
||||||
|
<meta content="" name="keywords">
|
||||||
|
<meta content="" name="description">
|
||||||
|
|
||||||
|
<!-- Google Web Fonts -->
|
||||||
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
|
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&family=Poppins:wght@200;300;400;500;600&display=swap" rel="stylesheet">
|
||||||
|
|
||||||
|
<!-- Icon Font Stylesheet -->
|
||||||
|
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css"/>
|
||||||
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet">
|
||||||
|
|
||||||
|
<!-- Libraries Stylesheet -->
|
||||||
|
<link href="lib/animate/animate.min.css" rel="stylesheet">
|
||||||
|
<link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Customized Bootstrap Stylesheet -->
|
||||||
|
<link href="css/bootstrap.min.css" rel="stylesheet">
|
||||||
|
|
||||||
|
<!-- Template Stylesheet -->
|
||||||
|
<link href="css/style.css" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<!-- Spinner Start -->
|
||||||
|
<div id="spinner" class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center">
|
||||||
|
<div class="spinner-border text-secondary" style="width: 3rem; height: 3rem;" role="status">
|
||||||
|
<span class="sr-only">Loading...</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Spinner End -->
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Topbar Start -->
|
||||||
|
<div class="container-fluid bg-primary px-5 d-none d-lg-block">
|
||||||
|
<div class="row gx-0 align-items-center">
|
||||||
|
<div class="col-lg-5 text-center text-lg-start mb-lg-0">
|
||||||
|
<div class="d-flex">
|
||||||
|
<a href="#" class="text-muted me-4"><i class="fas fa-envelope text-secondary me-2"></i>Example@gmail.com</a>
|
||||||
|
<a href="#" class="text-muted me-0"><i class="fas fa-phone-alt text-secondary me-2"></i>+01234567890</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-3 row-cols-1 text-center mb-2 mb-lg-0">
|
||||||
|
<div class="d-inline-flex align-items-center" style="height: 45px;">
|
||||||
|
<a class="btn btn-sm btn-outline-light btn-square rounded-circle me-2" href=""><i class="fab fa-twitter fw-normal text-secondary"></i></a>
|
||||||
|
<a class="btn btn-sm btn-outline-light btn-square rounded-circle me-2" href=""><i class="fab fa-facebook-f fw-normal text-secondary"></i></a>
|
||||||
|
<a class="btn btn-sm btn-outline-light btn-square rounded-circle me-2" href=""><i class="fab fa-linkedin-in fw-normal text-secondary"></i></a>
|
||||||
|
<a class="btn btn-sm btn-outline-light btn-square rounded-circle me-2" href=""><i class="fab fa-instagram fw-normal text-secondary"></i></a>
|
||||||
|
<a class="btn btn-sm btn-outline-light btn-square rounded-circle" href=""><i class="fab fa-youtube fw-normal text-secondary"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-4 text-center text-lg-end">
|
||||||
|
<div class="d-inline-flex align-items-center" style="height: 45px;">
|
||||||
|
<a href="#" class="text-muted me-2"> Help</a><small> / </small>
|
||||||
|
<a href="#" class="text-muted mx-2"> Support</a><small> / </small>
|
||||||
|
<a href="#" class="text-muted ms-2"> Contact</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Topbar End -->
|
||||||
|
|
||||||
|
<!-- Navbar & Hero Start -->
|
||||||
|
<div class="container-fluid nav-bar p-0">
|
||||||
|
<nav class="navbar navbar-expand-lg navbar-light bg-white px-4 px-lg-5 py-3 py-lg-0">
|
||||||
|
<a href="" class="navbar-brand p-0">
|
||||||
|
<h1 class="display-5 text-secondary m-0"><img src="img/brand-logo.png" class="img-fluid" alt="">Travisa</h1>
|
||||||
|
<!-- <img src="img/logo.png" alt="Logo"> -->
|
||||||
|
</a>
|
||||||
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
|
||||||
|
<span class="fa fa-bars"></span>
|
||||||
|
</button>
|
||||||
|
<div class="collapse navbar-collapse" id="navbarCollapse">
|
||||||
|
<div class="navbar-nav ms-auto py-0">
|
||||||
|
<a href="index.html" class="nav-item nav-link">Home</a>
|
||||||
|
<a href="about.html" class="nav-item nav-link">About</a>
|
||||||
|
<a href="service.html" class="nav-item nav-link">Service</a>
|
||||||
|
<div class="nav-item dropdown">
|
||||||
|
<a href="#" class="nav-link" data-bs-toggle="dropdown"><span class="dropdown-toggle">Pages</span></a>
|
||||||
|
<div class="dropdown-menu m-0">
|
||||||
|
<a href="feature.html" class="dropdown-item">Feature</a>
|
||||||
|
<a href="countries.html" class="dropdown-item">Countries</a>
|
||||||
|
<a href="testimonial.html" class="dropdown-item">Testimonial</a>
|
||||||
|
<a href="training.html" class="dropdown-item">Training</a>
|
||||||
|
<a href="404.html" class="dropdown-item">404 Page</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<a href="contact.html" class="nav-item nav-link active">Contact</a>
|
||||||
|
</div>
|
||||||
|
<button class="btn btn-primary btn-md-square border-secondary mb-3 mb-md-3 mb-lg-0 me-3" data-bs-toggle="modal" data-bs-target="#searchModal"><i class="fas fa-search"></i></button>
|
||||||
|
<a href="" class="btn btn-primary border-secondary rounded-pill py-2 px-4 px-lg-3 mb-3 mb-md-3 mb-lg-0">Get A Quote</a>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
<!-- Navbar & Hero End -->
|
||||||
|
|
||||||
|
<!-- Modal Search Start -->
|
||||||
|
<div class="modal fade" id="searchModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
|
||||||
|
<div class="modal-dialog modal-fullscreen">
|
||||||
|
<div class="modal-content rounded-0">
|
||||||
|
<div class="modal-header">
|
||||||
|
<h4 class="modal-title text-secondary mb-0" id="exampleModalLabel">Search by keyword</h4>
|
||||||
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||||
|
</div>
|
||||||
|
<div class="modal-body d-flex align-items-center">
|
||||||
|
<div class="input-group w-75 mx-auto d-flex">
|
||||||
|
<input type="search" class="form-control p-3" placeholder="keywords" aria-describedby="search-icon-1">
|
||||||
|
<span id="search-icon-1" class="input-group-text p-3"><i class="fa fa-search"></i></span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Modal Search End -->
|
||||||
|
|
||||||
|
<!-- Header Start -->
|
||||||
|
<div class="container-fluid bg-breadcrumb">
|
||||||
|
<div class="container text-center py-5" style="max-width: 900px;">
|
||||||
|
<h3 class="text-white display-3 mb-4 wow fadeInDown" data-wow-delay="0.1s">Contact Us</h1>
|
||||||
|
<ol class="breadcrumb justify-content-center text-white mb-0 wow fadeInDown" data-wow-delay="0.3s">
|
||||||
|
<li class="breadcrumb-item"><a href="index.html" class="text-white">Home</a></li>
|
||||||
|
<li class="breadcrumb-item"><a href="#" class="text-white">Pages</a></li>
|
||||||
|
<li class="breadcrumb-item active text-secondary">Contact</li>
|
||||||
|
</ol>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Header End -->
|
||||||
|
|
||||||
|
<!-- Contact Start -->
|
||||||
|
<div class="container-fluid contact overflow-hidden py-5">
|
||||||
|
<div class="container py-5">
|
||||||
|
<div class="row g-5 mb-5">
|
||||||
|
<div class="col-lg-6 wow fadeInLeft" data-wow-delay="0.1s">
|
||||||
|
<div class="sub-style">
|
||||||
|
<h5 class="sub-title text-primary pe-3">Quick Contact</h5>
|
||||||
|
</div>
|
||||||
|
<h1 class="display-5 mb-4">Have Questions? Don't Hesitate to Contact Us</h1>
|
||||||
|
<p class="mb-5">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quaerat totam deserunt tempora. Tempore neque necessitatibus corporis error earum sint quae?</p>
|
||||||
|
<div class="d-flex border-bottom mb-4 pb-4">
|
||||||
|
<i class="fas fa-map-marked-alt fa-4x text-primary bg-light p-3 rounded"></i>
|
||||||
|
<div class="ps-3">
|
||||||
|
<h5>Location</h5>
|
||||||
|
<p>123, First Floor, 123 St Roots Terrace, Los Angeles 90010 Unitd States of America.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row g-3">
|
||||||
|
<div class="col-xl-6">
|
||||||
|
<div class="d-flex">
|
||||||
|
<i class="fas fa-tty fa-3x text-primary"></i>
|
||||||
|
<div class="ps-3">
|
||||||
|
<h5 class="mb-3">Quick Contact</h5>
|
||||||
|
<div class="mb-3">
|
||||||
|
<h6 class="mb-0">Phone:</h6>
|
||||||
|
<a href="#" class="fs-5 text-primary">+012 3456 7890</a>
|
||||||
|
</div>
|
||||||
|
<div class="mb-3">
|
||||||
|
<h6 class="mb-0">Email:</h6>
|
||||||
|
<a href="#" class="fs-5 text-primary">travisa@example.com</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-xl-6">
|
||||||
|
<div class="d-flex">
|
||||||
|
<i class="fas fa-clone fa-3x text-primary"></i>
|
||||||
|
<div class="ps-3">
|
||||||
|
<h5 class="mb-3">Opening Hrs</h5>
|
||||||
|
<div class="mb-3">
|
||||||
|
<h6 class="mb-0">Mon - Friday:</h6>
|
||||||
|
<a href="#" class="fs-5 text-primary">09.00 am to 07.00 pm</a>
|
||||||
|
</div>
|
||||||
|
<div class="mb-3">
|
||||||
|
<h6 class="mb-0">Satday:</h6>
|
||||||
|
<a href="#" class="fs-5 text-primary">10.00 am to 05.00 pm</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="d-flex align-items-center pt-3">
|
||||||
|
<div class="me-4">
|
||||||
|
<div class="bg-light d-flex align-items-center justify-content-center" style="width: 90px; height: 90px; border-radius: 10px;"><i class="fas fa-share fa-3x text-primary"></i></div>
|
||||||
|
</div>
|
||||||
|
<div class="d-flex">
|
||||||
|
<a class="btn btn-secondary border-secondary me-2 p-0" href="">facebook <i class="fas fa-chevron-circle-right"></i></a>
|
||||||
|
<a class="btn btn-secondary border-secondary mx-2 p-0" href="">twitter <i class="fas fa-chevron-circle-right"></i></a>
|
||||||
|
<a class="btn btn-secondary border-secondary mx-2 p-0" href="">instagram <i class="fas fa-chevron-circle-right"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-6 wow fadeInRight" data-wow-delay="0.3">
|
||||||
|
<div class="sub-style">
|
||||||
|
<h5 class="sub-title text-primary pe-3">Let’s Connect</h5>
|
||||||
|
</div>
|
||||||
|
<h1 class="display-5 mb-4">Send Your Message</h1>
|
||||||
|
<p class="mb-3">The contact form is currently inactive. Get a functional and working contact form with Ajax & PHP in a few minutes. Just copy and paste the files, add a little code and you're done. <a class="text-primary fw-bold" href="https://htmlcodex.com/contact-form">Download Now</a>.</p>
|
||||||
|
<form>
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-lg-12 col-xl-6">
|
||||||
|
<div class="form-floating">
|
||||||
|
<input type="text" class="form-control" id="name" placeholder="Your Name">
|
||||||
|
<label for="name">Your Name</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-12 col-xl-6">
|
||||||
|
<div class="form-floating">
|
||||||
|
<input type="email" class="form-control" id="email" placeholder="Your Email">
|
||||||
|
<label for="email">Your Email</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-12 col-xl-6">
|
||||||
|
<div class="form-floating">
|
||||||
|
<input type="phone" class="form-control" id="phone" placeholder="Phone">
|
||||||
|
<label for="phone">Your Phone</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-12 col-xl-6">
|
||||||
|
<div class="form-floating">
|
||||||
|
<input type="text" class="form-control" id="project" placeholder="Project">
|
||||||
|
<label for="project">Your Project</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-12">
|
||||||
|
<div class="form-floating">
|
||||||
|
<input type="text" class="form-control" id="subject" placeholder="Subject">
|
||||||
|
<label for="subject">Subject</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-12">
|
||||||
|
<div class="form-floating">
|
||||||
|
<textarea class="form-control" placeholder="Leave a message here" id="message" style="height: 160px"></textarea>
|
||||||
|
<label for="message">Message</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-12">
|
||||||
|
<button class="btn btn-primary w-100 py-3">Send Message</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="office pt-5">
|
||||||
|
<div class="section-title text-center mb-5 wow fadeInUp" data-wow-delay="0.1s">
|
||||||
|
<div class="sub-style">
|
||||||
|
<h5 class="sub-title text-primary px-3">Worlwide Offices</h5>
|
||||||
|
</div>
|
||||||
|
<h1 class="display-5 mb-4">Explore Our Office Worldwide</h1>
|
||||||
|
<p class="mb-0">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat deleniti amet at atque sequi quibusdam cumque itaque repudiandae temporibus, eius nam mollitia voluptas maxime veniam necessitatibus saepe in ab? Repellat!</p>
|
||||||
|
</div>
|
||||||
|
<div class="row g-4 justify-content-center">
|
||||||
|
<div class="col-md-6 col-lg-6 col-xl-3 wow fadeInUp" data-wow-delay="0.1s">
|
||||||
|
<div class="office-item p-4">
|
||||||
|
<div class="office-img mb-4">
|
||||||
|
<img src="img/office-2.jpg" class="img-fluid w-100 rounded" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="office-content d-flex flex-column">
|
||||||
|
<h4 class="mb-2">Australia</h4>
|
||||||
|
<a href="#" class="text-secondary fs-5 mb-2">+123.456.7890</a>
|
||||||
|
<a href="#" class="text-muted fs-5 mb-2">travisa@example.com</a>
|
||||||
|
<p class="mb-0">123, First Floor, 123 St Roots Terrace, Los Angeles 90010 Unitd States of America.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-6 col-xl-3 wow fadeInUp" data-wow-delay="0.3s">
|
||||||
|
<div class="office-item p-4">
|
||||||
|
<div class="office-img mb-4">
|
||||||
|
<img src="img/office-1.jpg" class="img-fluid w-100 rounded" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="office-content d-flex flex-column">
|
||||||
|
<h4 class="mb-2">Canada</h4>
|
||||||
|
<a href="#" class="text-secondary fs-5 mb-2">(012) 0345 6789</a>
|
||||||
|
<a href="#" class="text-muted fs-5 mb-2">travisa@example.com</a>
|
||||||
|
<p class="mb-0">123, First Floor, 123 St Roots Terrace, Los Angeles 90010 Unitd States of America.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-6 col-xl-3 wow fadeInUp" data-wow-delay="0.5s">
|
||||||
|
<div class="office-item p-4">
|
||||||
|
<div class="office-img mb-4">
|
||||||
|
<img src="img/office-3.jpg" class="img-fluid w-100 rounded" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="office-content d-flex flex-column">
|
||||||
|
<h4 class="mb-2">United Kingdom</h4>
|
||||||
|
<a href="#" class="text-secondary fs-5 mb-2">01234.567.890</a>
|
||||||
|
<a href="#" class="text-muted fs-5 mb-2">travisa@example.com</a>
|
||||||
|
<p class="mb-0">123, First Floor, 123 St Roots Terrace, Los Angeles 90010 Unitd States of America.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-6 col-xl-3 wow fadeInUp" data-wow-delay="0.7s">
|
||||||
|
<div class="office-item p-4">
|
||||||
|
<div class="office-img mb-4">
|
||||||
|
<img src="img/office-4.jpg" class="img-fluid w-100 rounded" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="office-content d-flex flex-column">
|
||||||
|
<h4 class="mb-2">India</h4>
|
||||||
|
<a href="#" class="text-secondary fs-5 mb-2">+123.45.67890</a>
|
||||||
|
<a href="#" class="text-muted fs-5 mb-2">travisa@example.com</a>
|
||||||
|
<p class="mb-0">123, First Floor, 123 St Roots Terrace, Los Angeles 90010 Unitd States of America.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 pt-5 wow zoomIn" data-wow-delay="0.1s">
|
||||||
|
<div class="rounded h-100">
|
||||||
|
<iframe class="rounded w-100"
|
||||||
|
style="height: 500px;" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d387191.33750346623!2d-73.97968099999999!3d40.6974881!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c24fa5d33f083b%3A0xc80b8f06e177fe62!2sNew%20York%2C%20NY%2C%20USA!5e0!3m2!1sen!2sbd!4v1694259649153!5m2!1sen!2sbd"
|
||||||
|
loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Contact End -->
|
||||||
|
|
||||||
|
<!-- Footer Start -->
|
||||||
|
<div class="container-fluid footer py-5 wow fadeIn" data-wow-delay="0.2s">
|
||||||
|
<div class="container py-5">
|
||||||
|
<div class="row g-5">
|
||||||
|
<div class="col-md-6 col-lg-6 col-xl-3">
|
||||||
|
<div class="footer-item d-flex flex-column">
|
||||||
|
<h4 class="text-secondary mb-4">Contact Info</h4>
|
||||||
|
<a href=""><i class="fa fa-map-marker-alt me-2"></i> 123 Street, New York, USA</a>
|
||||||
|
<a href=""><i class="fas fa-envelope me-2"></i> info@example.com</a>
|
||||||
|
<a href=""><i class="fas fa-phone me-2"></i> +012 345 67890</a>
|
||||||
|
<a href="" class="mb-3"><i class="fas fa-print me-2"></i> +012 345 67890</a>
|
||||||
|
<div class="d-flex align-items-center">
|
||||||
|
<i class="fas fa-share fa-2x text-secondary me-2"></i>
|
||||||
|
<a class="btn mx-1" href=""><i class="fab fa-facebook-f"></i></a>
|
||||||
|
<a class="btn mx-1" href=""><i class="fab fa-twitter"></i></a>
|
||||||
|
<a class="btn mx-1" href=""><i class="fab fa-instagram"></i></a>
|
||||||
|
<a class="btn mx-1" href=""><i class="fab fa-linkedin-in"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-6 col-xl-3">
|
||||||
|
<div class="footer-item d-flex flex-column">
|
||||||
|
<h4 class="text-secondary mb-4">Opening Time</h4>
|
||||||
|
<div class="mb-3">
|
||||||
|
<h6 class="text-muted mb-0">Mon - Friday:</h6>
|
||||||
|
<p class="text-white mb-0">09.00 am to 07.00 pm</p>
|
||||||
|
</div>
|
||||||
|
<div class="mb-3">
|
||||||
|
<h6 class="text-muted mb-0">Satday:</h6>
|
||||||
|
<p class="text-white mb-0">10.00 am to 05.00 pm</p>
|
||||||
|
</div>
|
||||||
|
<div class="mb-3">
|
||||||
|
<h6 class="text-muted mb-0">Vacation:</h6>
|
||||||
|
<p class="text-white mb-0">All Sunday is our vacation</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-6 col-xl-3">
|
||||||
|
<div class="footer-item d-flex flex-column">
|
||||||
|
<h4 class="text-secondary mb-4">Our Services</h4>
|
||||||
|
<a href="#" class=""><i class="fas fa-angle-right me-2"></i> Business</a>
|
||||||
|
<a href="#" class=""><i class="fas fa-angle-right me-2"></i> Evaluation</a>
|
||||||
|
<a href="#" class=""><i class="fas fa-angle-right me-2"></i> Migrate</a>
|
||||||
|
<a href="#" class=""><i class="fas fa-angle-right me-2"></i> Study</a>
|
||||||
|
<a href="#" class=""><i class="fas fa-angle-right me-2"></i> Counselling</a>
|
||||||
|
<a href="#" class=""><i class="fas fa-angle-right me-2"></i> Work / Career</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-6 col-xl-3">
|
||||||
|
<div class="footer-item">
|
||||||
|
<h4 class="text-secondary mb-4">Newsletter</h4>
|
||||||
|
<p class="text-white mb-3">Dolor amet sit justo amet elitr clita ipsum elitr est.Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
|
||||||
|
<div class="position-relative mx-auto rounded-pill">
|
||||||
|
<input class="form-control border-0 rounded-pill w-100 py-3 ps-4 pe-5" type="text" placeholder="Enter your email">
|
||||||
|
<button type="button" class="btn btn-primary rounded-pill position-absolute top-0 end-0 py-2 mt-2 me-2">SignUp</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Footer End -->
|
||||||
|
|
||||||
|
<!-- Copyright Start -->
|
||||||
|
<div class="container-fluid copyright py-4">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row g-4 align-items-center">
|
||||||
|
<div class="col-md-6 text-center text-md-start mb-md-0">
|
||||||
|
<span class="text-white"><a href="#" class="border-bottom text-white"><i class="fas fa-copyright text-light me-2"></i>Your Site Name</a>, All right reserved.</span>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 text-center text-md-end text-white">
|
||||||
|
<!--/*** This template is free as long as you keep the below author’s credit link/attribution link/backlink. ***/-->
|
||||||
|
<!--/*** If you'd like to use the template without the below author’s credit link/attribution link/backlink, ***/-->
|
||||||
|
<!--/*** you can purchase the Credit Removal License from "https://htmlcodex.com/credit-removal". ***/-->
|
||||||
|
Designed By <a class="border-bottom text-white" href="https://htmlcodex.com">HTML Codex</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Copyright End -->
|
||||||
|
|
||||||
|
<!-- Back to Top -->
|
||||||
|
<a href="#" class="btn btn-primary btn-lg-square back-to-top"><i class="fa fa-arrow-up"></i></a>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- JavaScript Libraries -->
|
||||||
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
|
||||||
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
|
||||||
|
<script src="lib/wow/wow.min.js"></script>
|
||||||
|
<script src="lib/easing/easing.min.js"></script>
|
||||||
|
<script src="lib/waypoints/waypoints.min.js"></script>
|
||||||
|
<script src="lib/counterup/counterup.min.js"></script>
|
||||||
|
<script src="lib/owlcarousel/owl.carousel.min.js"></script>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Template Javascript -->
|
||||||
|
<script src="js/main.js"></script>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
456
pages/countries.html
Normal file
456
pages/countries.html
Normal file
@ -0,0 +1,456 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Travisa - Visa & Immigration Website Template</title>
|
||||||
|
<meta content="width=device-width, initial-scale=1.0" name="viewport">
|
||||||
|
<meta content="" name="keywords">
|
||||||
|
<meta content="" name="description">
|
||||||
|
|
||||||
|
<!-- Google Web Fonts -->
|
||||||
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
|
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&family=Poppins:wght@200;300;400;500;600&display=swap" rel="stylesheet">
|
||||||
|
|
||||||
|
<!-- Icon Font Stylesheet -->
|
||||||
|
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css"/>
|
||||||
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet">
|
||||||
|
|
||||||
|
<!-- Libraries Stylesheet -->
|
||||||
|
<link href="lib/animate/animate.min.css" rel="stylesheet">
|
||||||
|
<link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Customized Bootstrap Stylesheet -->
|
||||||
|
<link href="css/bootstrap.min.css" rel="stylesheet">
|
||||||
|
|
||||||
|
<!-- Template Stylesheet -->
|
||||||
|
<link href="css/style.css" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<!-- Spinner Start -->
|
||||||
|
<div id="spinner" class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center">
|
||||||
|
<div class="spinner-border text-secondary" style="width: 3rem; height: 3rem;" role="status">
|
||||||
|
<span class="sr-only">Loading...</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Spinner End -->
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Topbar Start -->
|
||||||
|
<div class="container-fluid bg-primary px-5 d-none d-lg-block">
|
||||||
|
<div class="row gx-0 align-items-center">
|
||||||
|
<div class="col-lg-5 text-center text-lg-start mb-lg-0">
|
||||||
|
<div class="d-flex">
|
||||||
|
<a href="#" class="text-muted me-4"><i class="fas fa-envelope text-secondary me-2"></i>Example@gmail.com</a>
|
||||||
|
<a href="#" class="text-muted me-0"><i class="fas fa-phone-alt text-secondary me-2"></i>+01234567890</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-3 row-cols-1 text-center mb-2 mb-lg-0">
|
||||||
|
<div class="d-inline-flex align-items-center" style="height: 45px;">
|
||||||
|
<a class="btn btn-sm btn-outline-light btn-square rounded-circle me-2" href=""><i class="fab fa-twitter fw-normal text-secondary"></i></a>
|
||||||
|
<a class="btn btn-sm btn-outline-light btn-square rounded-circle me-2" href=""><i class="fab fa-facebook-f fw-normal text-secondary"></i></a>
|
||||||
|
<a class="btn btn-sm btn-outline-light btn-square rounded-circle me-2" href=""><i class="fab fa-linkedin-in fw-normal text-secondary"></i></a>
|
||||||
|
<a class="btn btn-sm btn-outline-light btn-square rounded-circle me-2" href=""><i class="fab fa-instagram fw-normal text-secondary"></i></a>
|
||||||
|
<a class="btn btn-sm btn-outline-light btn-square rounded-circle" href=""><i class="fab fa-youtube fw-normal text-secondary"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-4 text-center text-lg-end">
|
||||||
|
<div class="d-inline-flex align-items-center" style="height: 45px;">
|
||||||
|
<a href="#" class="text-muted me-2"> Help</a><small> / </small>
|
||||||
|
<a href="#" class="text-muted mx-2"> Support</a><small> / </small>
|
||||||
|
<a href="#" class="text-muted ms-2"> Contact</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Topbar End -->
|
||||||
|
|
||||||
|
<!-- Navbar & Hero Start -->
|
||||||
|
<div class="container-fluid nav-bar p-0">
|
||||||
|
<nav class="navbar navbar-expand-lg navbar-light bg-white px-4 px-lg-5 py-3 py-lg-0">
|
||||||
|
<a href="" class="navbar-brand p-0">
|
||||||
|
<h1 class="display-5 text-secondary m-0"><img src="img/brand-logo.png" class="img-fluid" alt="">Travisa</h1>
|
||||||
|
<!-- <img src="img/logo.png" alt="Logo"> -->
|
||||||
|
</a>
|
||||||
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
|
||||||
|
<span class="fa fa-bars"></span>
|
||||||
|
</button>
|
||||||
|
<div class="collapse navbar-collapse" id="navbarCollapse">
|
||||||
|
<div class="navbar-nav ms-auto py-0">
|
||||||
|
<a href="index.html" class="nav-item nav-link">Home</a>
|
||||||
|
<a href="about.html" class="nav-item nav-link">About</a>
|
||||||
|
<a href="service.html" class="nav-item nav-link">Service</a>
|
||||||
|
<div class="nav-item dropdown">
|
||||||
|
<a href="#" class="nav-link active" data-bs-toggle="dropdown"><span class="dropdown-toggle">Pages</span></a>
|
||||||
|
<div class="dropdown-menu m-0">
|
||||||
|
<a href="feature.html" class="dropdown-item">Feature</a>
|
||||||
|
<a href="countries.html" class="dropdown-item active">Countries</a>
|
||||||
|
<a href="testimonial.html" class="dropdown-item">Testimonial</a>
|
||||||
|
<a href="training.html" class="dropdown-item">Training</a>
|
||||||
|
<a href="404.html" class="dropdown-item">404 Page</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<a href="contact.html" class="nav-item nav-link">Contact</a>
|
||||||
|
</div>
|
||||||
|
<button class="btn btn-primary btn-md-square border-secondary mb-3 mb-md-3 mb-lg-0 me-3" data-bs-toggle="modal" data-bs-target="#searchModal"><i class="fas fa-search"></i></button>
|
||||||
|
<a href="" class="btn btn-primary border-secondary rounded-pill py-2 px-4 px-lg-3 mb-3 mb-md-3 mb-lg-0">Get A Quote</a>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
<!-- Navbar & Hero End -->
|
||||||
|
|
||||||
|
<!-- Modal Search Start -->
|
||||||
|
<div class="modal fade" id="searchModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
|
||||||
|
<div class="modal-dialog modal-fullscreen">
|
||||||
|
<div class="modal-content rounded-0">
|
||||||
|
<div class="modal-header">
|
||||||
|
<h4 class="modal-title text-secondary mb-0" id="exampleModalLabel">Search by keyword</h4>
|
||||||
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||||
|
</div>
|
||||||
|
<div class="modal-body d-flex align-items-center">
|
||||||
|
<div class="input-group w-75 mx-auto d-flex">
|
||||||
|
<input type="search" class="form-control p-3" placeholder="keywords" aria-describedby="search-icon-1">
|
||||||
|
<span id="search-icon-1" class="input-group-text p-3"><i class="fa fa-search"></i></span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Modal Search End -->
|
||||||
|
|
||||||
|
<!-- Header Start -->
|
||||||
|
<div class="container-fluid bg-breadcrumb">
|
||||||
|
<div class="container text-center py-5" style="max-width: 900px;">
|
||||||
|
<h3 class="text-white display-3 mb-4 wow fadeInDown" data-wow-delay="0.1s">Our Countries Offer</h1>
|
||||||
|
<ol class="breadcrumb justify-content-center text-white mb-0 wow fadeInDown" data-wow-delay="0.3s">
|
||||||
|
<li class="breadcrumb-item"><a href="index.html" class="text-white">Home</a></li>
|
||||||
|
<li class="breadcrumb-item"><a href="#" class="text-white">Pages</a></li>
|
||||||
|
<li class="breadcrumb-item active text-secondary">Countries</li>
|
||||||
|
</ol>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Header End -->
|
||||||
|
|
||||||
|
<!-- Countries We Offer Start -->
|
||||||
|
<div class="container-fluid country overflow-hidden py-5">
|
||||||
|
<div class="container py-5">
|
||||||
|
<div class="section-title text-center wow fadeInUp" data-wow-delay="0.1s" style="margin-bottom: 70px;">
|
||||||
|
<div class="sub-style">
|
||||||
|
<h5 class="sub-title text-primary px-3">COUNTRIES WE OFFER</h5>
|
||||||
|
</div>
|
||||||
|
<h1 class="display-5 mb-4">Immigration & visa services following Countries</h1>
|
||||||
|
<p class="mb-0">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat deleniti amet at atque sequi quibusdam cumque itaque repudiandae temporibus, eius nam mollitia voluptas maxime veniam necessitatibus saepe in ab? Repellat!</p>
|
||||||
|
</div>
|
||||||
|
<div class="row g-4 text-center">
|
||||||
|
<div class="col-lg-6 col-xl-3 mb-5 mb-xl-0 wow fadeInUp" data-wow-delay="0.1s">
|
||||||
|
<div class="country-item">
|
||||||
|
<div class="rounded overflow-hidden">
|
||||||
|
<img src="img/country-1.jpg" class="img-fluid w-100 rounded" alt="Image">
|
||||||
|
</div>
|
||||||
|
<div class="country-flag">
|
||||||
|
<img src="img/brazil.jpg" class="img-fluid rounded-circle" alt="Image">
|
||||||
|
</div>
|
||||||
|
<div class="country-name">
|
||||||
|
<a href="#" class="text-white fs-4">Brazil</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-6 col-xl-3 mb-5 mb-xl-0 wow fadeInUp" data-wow-delay="0.3s">
|
||||||
|
<div class="country-item">
|
||||||
|
<div class="rounded overflow-hidden">
|
||||||
|
<img src="img/country-2.jpg" class="img-fluid w-100 rounded" alt="Image">
|
||||||
|
</div>
|
||||||
|
<div class="country-flag">
|
||||||
|
<img src="img/india.jpg" class="img-fluid rounded-circle" alt="Image">
|
||||||
|
</div>
|
||||||
|
<div class="country-name">
|
||||||
|
<a href="#" class="text-white fs-4">india</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-6 col-xl-3 mb-5 mb-xl-0 wow fadeInUp" data-wow-delay="0.5s">
|
||||||
|
<div class="country-item">
|
||||||
|
<div class="rounded overflow-hidden">
|
||||||
|
<img src="img/country-3.jpg" class="img-fluid w-100 rounded" alt="Image">
|
||||||
|
</div>
|
||||||
|
<div class="country-flag">
|
||||||
|
<img src="img/usa.jpg" class="img-fluid rounded-circle" alt="Image">
|
||||||
|
</div>
|
||||||
|
<div class="country-name">
|
||||||
|
<a href="#" class="text-white fs-4">New York</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-6 col-xl-3 mb-5 mb-xl-0 wow fadeInUp" data-wow-delay="0.7s">
|
||||||
|
<div class="country-item">
|
||||||
|
<div class="rounded overflow-hidden">
|
||||||
|
<img src="img/country-4.jpg" class="img-fluid w-100 rounded" alt="Image">
|
||||||
|
</div>
|
||||||
|
<div class="country-flag">
|
||||||
|
<img src="img/italy.jpg" class="img-fluid rounded-circle" alt="Image">
|
||||||
|
</div>
|
||||||
|
<div class="country-name">
|
||||||
|
<a href="#" class="text-white fs-4">Italy</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-12">
|
||||||
|
<a class="btn btn-primary border-secondary rounded-pill py-3 px-5 wow fadeInUp" data-wow-delay="0.1s" href="#">More Countries</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Countries We Offer End -->
|
||||||
|
|
||||||
|
<!-- Counter Facts Start -->
|
||||||
|
<div class="container-fluid counter-facts overflow-hidden py-5">
|
||||||
|
<div class="container py-5">
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-12 col-sm-6 col-md-6 col-xl-3 wow fadeInUp" data-wow-delay="0.1s">
|
||||||
|
<div class="counter">
|
||||||
|
<div class="counter-icon">
|
||||||
|
<i class="fas fa-passport"></i>
|
||||||
|
</div>
|
||||||
|
<div class="counter-content">
|
||||||
|
<h3>Visa Categories</h3>
|
||||||
|
<div class="d-flex align-items-center justify-content-center">
|
||||||
|
<span class="counter-value" data-toggle="counter-up">31</span>
|
||||||
|
<h4 class="text-secondary mb-0" style="font-weight: 600; font-size: 25px;">+</h4>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 col-sm-6 col-md-6 col-xl-3 wow fadeInUp" data-wow-delay="0.3s">
|
||||||
|
<div class="counter">
|
||||||
|
<div class="counter-icon">
|
||||||
|
<i class="fas fa-users"></i>
|
||||||
|
</div>
|
||||||
|
<div class="counter-content">
|
||||||
|
<h3>Team Members</h3>
|
||||||
|
<div class="d-flex align-items-center justify-content-center">
|
||||||
|
<span class="counter-value" data-toggle="counter-up">377</span>
|
||||||
|
<h4 class="text-secondary mb-0" style="font-weight: 600; font-size: 25px;">+</h4>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 col-sm-6 col-md-6 col-xl-3 wow fadeInUp" data-wow-delay="0.5s">
|
||||||
|
<div class="counter">
|
||||||
|
<div class="counter-icon">
|
||||||
|
<i class="fas fa-user-check"></i>
|
||||||
|
</div>
|
||||||
|
<div class="counter-content">
|
||||||
|
<h3>Visa Process</h3>
|
||||||
|
<div class="d-flex align-items-center justify-content-center">
|
||||||
|
<span class="counter-value" data-toggle="counter-up">4.9</span>
|
||||||
|
<h4 class="text-secondary mb-0" style="font-weight: 600; font-size: 25px;">K</h4>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 col-sm-6 col-md-6 col-xl-3 wow fadeInUp" data-wow-delay="0.7s">
|
||||||
|
<div class="counter">
|
||||||
|
<div class="counter-icon">
|
||||||
|
<i class="fas fa-handshake"></i>
|
||||||
|
</div>
|
||||||
|
<div class="counter-content">
|
||||||
|
<h3>Success Rates</h3>
|
||||||
|
<div class="d-flex align-items-center justify-content-center">
|
||||||
|
<span class="counter-value" data-toggle="counter-up">98</span>
|
||||||
|
<h4 class="text-secondary mb-0" style="font-weight: 600; font-size: 25px;">%</h4>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Counter Facts End -->
|
||||||
|
|
||||||
|
<!-- Training Start -->
|
||||||
|
<div class="container-fluid training overflow-hidden bg-light py-5">
|
||||||
|
<div class="container py-5">
|
||||||
|
<div class="section-title text-center mb-5 wow fadeInUp" data-wow-delay="0.1s">
|
||||||
|
<div class="sub-style">
|
||||||
|
<h5 class="sub-title text-primary px-3">CHECK OUR TRAINING</h5>
|
||||||
|
</div>
|
||||||
|
<h1 class="display-5 mb-4">Get the Best Coacing Service Training with Our Travisa</h1>
|
||||||
|
<p class="mb-0">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat deleniti amet at atque sequi quibusdam cumque itaque repudiandae temporibus, eius nam mollitia voluptas maxime veniam necessitatibus saepe in ab? Repellat!</p>
|
||||||
|
</div>
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-lg-6 col-lg-6 col-xl-3 wow fadeInUp" data-wow-delay="0.1s">
|
||||||
|
<div class="training-item">
|
||||||
|
<div class="training-inner">
|
||||||
|
<img src="img/training-1.jpg" class="img-fluid w-100 rounded" alt="Image">
|
||||||
|
<div class="training-title-name">
|
||||||
|
<a href="#" class="h4 text-white mb-0">IELTS</a>
|
||||||
|
<a href="#" class="h4 text-white mb-0">Coaching</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="training-content bg-secondary rounded-bottom p-4">
|
||||||
|
<a href="#"><h4 class="text-white">IELTS Coaching</h4></a>
|
||||||
|
<p class="text-white-50">Lorem ipsum dolor sit amet consectetur adipisicing elit. Autem, veritatis.</p>
|
||||||
|
<a class="btn btn-secondary rounded-pill text-white p-0" href="#">Read More <i class="fa fa-arrow-right"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-6 col-lg-6 col-xl-3 wow fadeInUp" data-wow-delay="0.3s">
|
||||||
|
<div class="training-item">
|
||||||
|
<div class="training-inner">
|
||||||
|
<img src="img/training-2.jpg" class="img-fluid w-100 rounded" alt="Image">
|
||||||
|
<div class="training-title-name">
|
||||||
|
<a href="#" class="h4 text-white mb-0">TOEFL</a>
|
||||||
|
<a href="#" class="h4 text-white mb-0">Coaching</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="training-content bg-secondary rounded-bottom p-4">
|
||||||
|
<a href="#"><h4 class="text-white">TOEFL Coaching</h4></a>
|
||||||
|
<p class="text-white-50">Lorem ipsum dolor sit amet consectetur adipisicing elit. Autem, veritatis.</p>
|
||||||
|
<a class="btn btn-secondary rounded-pill text-white p-0" href="#">Read More <i class="fa fa-arrow-right"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-6 col-lg-6 col-xl-3 wow fadeInUp" data-wow-delay="0.5s">
|
||||||
|
<div class="training-item">
|
||||||
|
<div class="training-inner">
|
||||||
|
<img src="img/training-3.jpg" class="img-fluid w-100 rounded" alt="Image">
|
||||||
|
<div class="training-title-name">
|
||||||
|
<a href="#" class="h4 text-white mb-0">PTE</a>
|
||||||
|
<a href="#" class="h4 text-white mb-0">Coaching</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="training-content bg-secondary rounded-bottom p-4">
|
||||||
|
<a href="#"><h4 class="text-white">PTE Coaching</h4></a>
|
||||||
|
<p class="text-white-50">Lorem ipsum dolor sit amet consectetur adipisicing elit. Autem, veritatis.</p>
|
||||||
|
<a class="btn btn-secondary rounded-pill text-white p-0" href="#">Read More <i class="fa fa-arrow-right"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-6 col-lg-6 col-xl-3 wow fadeInUp" data-wow-delay="0.7s">
|
||||||
|
<div class="training-item">
|
||||||
|
<div class="training-inner">
|
||||||
|
<img src="img/training-4.jpg" class="img-fluid w-100 rounded" alt="Image">
|
||||||
|
<div class="training-title-name">
|
||||||
|
<a href="#" class="h4 text-white mb-0">OET</a>
|
||||||
|
<a href="#" class="h4 text-white mb-0">Coaching</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="training-content bg-secondary rounded-bottom p-4">
|
||||||
|
<a href="#"><h4 class="text-white">OET Coaching</h4></a>
|
||||||
|
<p class="text-white-50">Lorem ipsum dolor sit amet consectetur adipisicing elit. Autem, veritatis.</p>
|
||||||
|
<a class="btn btn-secondary rounded-pill text-white p-0" href="#">Read More <i class="fa fa-arrow-right"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 text-center">
|
||||||
|
<a class="btn btn-primary border-secondary rounded-pill py-3 px-5 wow fadeInUp" data-wow-delay="0.1s" href="#">View More</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Training End -->
|
||||||
|
|
||||||
|
<!-- Footer Start -->
|
||||||
|
<div class="container-fluid footer py-5 wow fadeIn" data-wow-delay="0.2s">
|
||||||
|
<div class="container py-5">
|
||||||
|
<div class="row g-5">
|
||||||
|
<div class="col-md-6 col-lg-6 col-xl-3">
|
||||||
|
<div class="footer-item d-flex flex-column">
|
||||||
|
<h4 class="text-secondary mb-4">Contact Info</h4>
|
||||||
|
<a href=""><i class="fa fa-map-marker-alt me-2"></i> 123 Street, New York, USA</a>
|
||||||
|
<a href=""><i class="fas fa-envelope me-2"></i> info@example.com</a>
|
||||||
|
<a href=""><i class="fas fa-phone me-2"></i> +012 345 67890</a>
|
||||||
|
<a href="" class="mb-3"><i class="fas fa-print me-2"></i> +012 345 67890</a>
|
||||||
|
<div class="d-flex align-items-center">
|
||||||
|
<i class="fas fa-share fa-2x text-secondary me-2"></i>
|
||||||
|
<a class="btn mx-1" href=""><i class="fab fa-facebook-f"></i></a>
|
||||||
|
<a class="btn mx-1" href=""><i class="fab fa-twitter"></i></a>
|
||||||
|
<a class="btn mx-1" href=""><i class="fab fa-instagram"></i></a>
|
||||||
|
<a class="btn mx-1" href=""><i class="fab fa-linkedin-in"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-6 col-xl-3">
|
||||||
|
<div class="footer-item d-flex flex-column">
|
||||||
|
<h4 class="text-secondary mb-4">Opening Time</h4>
|
||||||
|
<div class="mb-3">
|
||||||
|
<h6 class="text-muted mb-0">Mon - Friday:</h6>
|
||||||
|
<p class="text-white mb-0">09.00 am to 07.00 pm</p>
|
||||||
|
</div>
|
||||||
|
<div class="mb-3">
|
||||||
|
<h6 class="text-muted mb-0">Satday:</h6>
|
||||||
|
<p class="text-white mb-0">10.00 am to 05.00 pm</p>
|
||||||
|
</div>
|
||||||
|
<div class="mb-3">
|
||||||
|
<h6 class="text-muted mb-0">Vacation:</h6>
|
||||||
|
<p class="text-white mb-0">All Sunday is our vacation</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-6 col-xl-3">
|
||||||
|
<div class="footer-item d-flex flex-column">
|
||||||
|
<h4 class="text-secondary mb-4">Our Services</h4>
|
||||||
|
<a href="#" class=""><i class="fas fa-angle-right me-2"></i> Business</a>
|
||||||
|
<a href="#" class=""><i class="fas fa-angle-right me-2"></i> Evaluation</a>
|
||||||
|
<a href="#" class=""><i class="fas fa-angle-right me-2"></i> Migrate</a>
|
||||||
|
<a href="#" class=""><i class="fas fa-angle-right me-2"></i> Study</a>
|
||||||
|
<a href="#" class=""><i class="fas fa-angle-right me-2"></i> Counselling</a>
|
||||||
|
<a href="#" class=""><i class="fas fa-angle-right me-2"></i> Work / Career</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-6 col-xl-3">
|
||||||
|
<div class="footer-item">
|
||||||
|
<h4 class="text-secondary mb-4">Newsletter</h4>
|
||||||
|
<p class="text-white mb-3">Dolor amet sit justo amet elitr clita ipsum elitr est.Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
|
||||||
|
<div class="position-relative mx-auto rounded-pill">
|
||||||
|
<input class="form-control border-0 rounded-pill w-100 py-3 ps-4 pe-5" type="text" placeholder="Enter your email">
|
||||||
|
<button type="button" class="btn btn-primary rounded-pill position-absolute top-0 end-0 py-2 mt-2 me-2">SignUp</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Footer End -->
|
||||||
|
|
||||||
|
<!-- Copyright Start -->
|
||||||
|
<div class="container-fluid copyright py-4">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row g-4 align-items-center">
|
||||||
|
<div class="col-md-6 text-center text-md-start mb-md-0">
|
||||||
|
<span class="text-white"><a href="#" class="border-bottom text-white"><i class="fas fa-copyright text-light me-2"></i>Your Site Name</a>, All right reserved.</span>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 text-center text-md-end text-white">
|
||||||
|
<!--/*** This template is free as long as you keep the below author’s credit link/attribution link/backlink. ***/-->
|
||||||
|
<!--/*** If you'd like to use the template without the below author’s credit link/attribution link/backlink, ***/-->
|
||||||
|
<!--/*** you can purchase the Credit Removal License from "https://htmlcodex.com/credit-removal". ***/-->
|
||||||
|
Designed By <a class="border-bottom text-white" href="https://htmlcodex.com">HTML Codex</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Copyright End -->
|
||||||
|
|
||||||
|
<!-- Back to Top -->
|
||||||
|
<a href="#" class="btn btn-primary btn-lg-square back-to-top"><i class="fa fa-arrow-up"></i></a>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- JavaScript Libraries -->
|
||||||
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
|
||||||
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
|
||||||
|
<script src="lib/wow/wow.min.js"></script>
|
||||||
|
<script src="lib/easing/easing.min.js"></script>
|
||||||
|
<script src="lib/waypoints/waypoints.min.js"></script>
|
||||||
|
<script src="lib/counterup/counterup.min.js"></script>
|
||||||
|
<script src="lib/owlcarousel/owl.carousel.min.js"></script>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Template Javascript -->
|
||||||
|
<script src="js/main.js"></script>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
441
pages/feature.html
Normal file
441
pages/feature.html
Normal file
@ -0,0 +1,441 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Travisa - Visa & Immigration Website Template</title>
|
||||||
|
<meta content="width=device-width, initial-scale=1.0" name="viewport">
|
||||||
|
<meta content="" name="keywords">
|
||||||
|
<meta content="" name="description">
|
||||||
|
|
||||||
|
<!-- Google Web Fonts -->
|
||||||
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
|
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&family=Poppins:wght@200;300;400;500;600&display=swap" rel="stylesheet">
|
||||||
|
|
||||||
|
<!-- Icon Font Stylesheet -->
|
||||||
|
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css"/>
|
||||||
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet">
|
||||||
|
|
||||||
|
<!-- Libraries Stylesheet -->
|
||||||
|
<link href="lib/animate/animate.min.css" rel="stylesheet">
|
||||||
|
<link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Customized Bootstrap Stylesheet -->
|
||||||
|
<link href="css/bootstrap.min.css" rel="stylesheet">
|
||||||
|
|
||||||
|
<!-- Template Stylesheet -->
|
||||||
|
<link href="css/style.css" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<!-- Spinner Start -->
|
||||||
|
<div id="spinner" class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center">
|
||||||
|
<div class="spinner-border text-secondary" style="width: 3rem; height: 3rem;" role="status">
|
||||||
|
<span class="sr-only">Loading...</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Spinner End -->
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Topbar Start -->
|
||||||
|
<div class="container-fluid bg-primary px-5 d-none d-lg-block">
|
||||||
|
<div class="row gx-0 align-items-center">
|
||||||
|
<div class="col-lg-5 text-center text-lg-start mb-lg-0">
|
||||||
|
<div class="d-flex">
|
||||||
|
<a href="#" class="text-muted me-4"><i class="fas fa-envelope text-secondary me-2"></i>Example@gmail.com</a>
|
||||||
|
<a href="#" class="text-muted me-0"><i class="fas fa-phone-alt text-secondary me-2"></i>+01234567890</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-3 row-cols-1 text-center mb-2 mb-lg-0">
|
||||||
|
<div class="d-inline-flex align-items-center" style="height: 45px;">
|
||||||
|
<a class="btn btn-sm btn-outline-light btn-square rounded-circle me-2" href=""><i class="fab fa-twitter fw-normal text-secondary"></i></a>
|
||||||
|
<a class="btn btn-sm btn-outline-light btn-square rounded-circle me-2" href=""><i class="fab fa-facebook-f fw-normal text-secondary"></i></a>
|
||||||
|
<a class="btn btn-sm btn-outline-light btn-square rounded-circle me-2" href=""><i class="fab fa-linkedin-in fw-normal text-secondary"></i></a>
|
||||||
|
<a class="btn btn-sm btn-outline-light btn-square rounded-circle me-2" href=""><i class="fab fa-instagram fw-normal text-secondary"></i></a>
|
||||||
|
<a class="btn btn-sm btn-outline-light btn-square rounded-circle" href=""><i class="fab fa-youtube fw-normal text-secondary"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-4 text-center text-lg-end">
|
||||||
|
<div class="d-inline-flex align-items-center" style="height: 45px;">
|
||||||
|
<a href="#" class="text-muted me-2"> Help</a><small> / </small>
|
||||||
|
<a href="#" class="text-muted mx-2"> Support</a><small> / </small>
|
||||||
|
<a href="#" class="text-muted ms-2"> Contact</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Topbar End -->
|
||||||
|
|
||||||
|
<!-- Navbar & Hero Start -->
|
||||||
|
<div class="container-fluid nav-bar p-0">
|
||||||
|
<nav class="navbar navbar-expand-lg navbar-light bg-white px-4 px-lg-5 py-3 py-lg-0">
|
||||||
|
<a href="" class="navbar-brand p-0">
|
||||||
|
<h1 class="display-5 text-secondary m-0"><img src="img/brand-logo.png" class="img-fluid" alt="">Travisa</h1>
|
||||||
|
<!-- <img src="img/logo.png" alt="Logo"> -->
|
||||||
|
</a>
|
||||||
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
|
||||||
|
<span class="fa fa-bars"></span>
|
||||||
|
</button>
|
||||||
|
<div class="collapse navbar-collapse" id="navbarCollapse">
|
||||||
|
<div class="navbar-nav ms-auto py-0">
|
||||||
|
<a href="index.html" class="nav-item nav-link">Home</a>
|
||||||
|
<a href="about.html" class="nav-item nav-link">About</a>
|
||||||
|
<a href="service.html" class="nav-item nav-link">Service</a>
|
||||||
|
<div class="nav-item dropdown">
|
||||||
|
<a href="#" class="nav-link active" data-bs-toggle="dropdown"><span class="dropdown-toggle">Pages</span></a>
|
||||||
|
<div class="dropdown-menu m-0">
|
||||||
|
<a href="feature.html" class="dropdown-item active">Feature</a>
|
||||||
|
<a href="countries.html" class="dropdown-item">Countries</a>
|
||||||
|
<a href="testimonial.html" class="dropdown-item">Testimonial</a>
|
||||||
|
<a href="training.html" class="dropdown-item">Training</a>
|
||||||
|
<a href="404.html" class="dropdown-item">404 Page</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<a href="contact.html" class="nav-item nav-link">Contact</a>
|
||||||
|
</div>
|
||||||
|
<button class="btn btn-primary btn-md-square border-secondary mb-3 mb-md-3 mb-lg-0 me-3" data-bs-toggle="modal" data-bs-target="#searchModal"><i class="fas fa-search"></i></button>
|
||||||
|
<a href="" class="btn btn-primary border-secondary rounded-pill py-2 px-4 px-lg-3 mb-3 mb-md-3 mb-lg-0">Get A Quote</a>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
<!-- Navbar & Hero End -->
|
||||||
|
|
||||||
|
<!-- Modal Search Start -->
|
||||||
|
<div class="modal fade" id="searchModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
|
||||||
|
<div class="modal-dialog modal-fullscreen">
|
||||||
|
<div class="modal-content rounded-0">
|
||||||
|
<div class="modal-header">
|
||||||
|
<h4 class="modal-title text-secondary mb-0" id="exampleModalLabel">Search by keyword</h4>
|
||||||
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||||
|
</div>
|
||||||
|
<div class="modal-body d-flex align-items-center">
|
||||||
|
<div class="input-group w-75 mx-auto d-flex">
|
||||||
|
<input type="search" class="form-control p-3" placeholder="keywords" aria-describedby="search-icon-1">
|
||||||
|
<span id="search-icon-1" class="input-group-text p-3"><i class="fa fa-search"></i></span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Modal Search End -->
|
||||||
|
|
||||||
|
<!-- Header Start -->
|
||||||
|
<div class="container-fluid bg-breadcrumb">
|
||||||
|
<div class="container text-center py-5" style="max-width: 900px;">
|
||||||
|
<h3 class="text-white display-3 mb-4 wow fadeInDown" data-wow-delay="0.1s">Our Features</h1>
|
||||||
|
<ol class="breadcrumb justify-content-center text-white mb-0 wow fadeInDown" data-wow-delay="0.3s">
|
||||||
|
<li class="breadcrumb-item"><a href="index.html" class="text-white">Home</a></li>
|
||||||
|
<li class="breadcrumb-item"><a href="#" class="text-white">Pages</a></li>
|
||||||
|
<li class="breadcrumb-item active text-secondary">Features</li>
|
||||||
|
</ol>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Header End -->
|
||||||
|
|
||||||
|
<!-- Features Start -->
|
||||||
|
<div class="container-fluid features overflow-hidden py-5">
|
||||||
|
<div class="container py-5">
|
||||||
|
<div class="section-title text-center mb-5 wow fadeInUp" data-wow-delay="0.1s">
|
||||||
|
<div class="sub-style">
|
||||||
|
<h5 class="sub-title text-primary px-3">Why Choose Us</h5>
|
||||||
|
</div>
|
||||||
|
<h1 class="display-5 mb-4">Offer Tailor Made Services That Our Client Requires</h1>
|
||||||
|
<p class="mb-0">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat deleniti amet at atque sequi quibusdam cumque itaque repudiandae temporibus, eius nam mollitia voluptas maxime veniam necessitatibus saepe in ab? Repellat!</p>
|
||||||
|
</div>
|
||||||
|
<div class="row g-4 justify-content-center text-center">
|
||||||
|
<div class="col-md-6 col-lg-6 col-xl-3 wow fadeInUp" data-wow-delay="0.1s">
|
||||||
|
<div class="feature-item text-center p-4">
|
||||||
|
<div class="feature-icon p-3 mb-4">
|
||||||
|
<i class="fas fa-dollar-sign fa-4x text-primary"></i>
|
||||||
|
</div>
|
||||||
|
<div class="feature-content d-flex flex-column">
|
||||||
|
<h5 class="mb-3">Cost-Effective</h5>
|
||||||
|
<p class="mb-3">Dolor, sit amet consectetur adipisicing elit. Soluta inventore cum accusamus,</p>
|
||||||
|
<a class="btn btn-secondary rounded-pill" href="#">Read More<i class="fas fa-arrow-right ms-2"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-6 col-xl-3 wow fadeInUp" data-wow-delay="0.3s">
|
||||||
|
<div class="feature-item text-center p-4">
|
||||||
|
<div class="feature-icon p-3 mb-4">
|
||||||
|
<i class="fab fa-cc-visa fa-4x text-primary"></i>
|
||||||
|
</div>
|
||||||
|
<div class="feature-content d-flex flex-column">
|
||||||
|
<h5 class="mb-3">Visa Assistance</h5>
|
||||||
|
<p class="mb-3">Dolor, sit amet consectetur adipisicing elit. Soluta inventore cum accusamus,</p>
|
||||||
|
<a class="btn btn-secondary rounded-pill" href="#">Read More<i class="fas fa-arrow-right ms-2"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-6 col-xl-3 wow fadeInUp" data-wow-delay="0.5s">
|
||||||
|
<div class="feature-item text-center p-4">
|
||||||
|
<div class="feature-icon p-3 mb-4">
|
||||||
|
<i class="fas fa-atlas fa-4x text-primary"></i>
|
||||||
|
</div>
|
||||||
|
<div class="feature-content d-flex flex-column">
|
||||||
|
<h5 class="mb-3">Faster Processing</h5>
|
||||||
|
<p class="mb-3">Dolor, sit amet consectetur adipisicing elit. Soluta inventore cum accusamus,</p>
|
||||||
|
<a class="btn btn-secondary rounded-pill" href="#">Read More<i class="fas fa-arrow-right ms-2"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-6 col-xl-3 wow fadeInUp" data-wow-delay="0.7s">
|
||||||
|
<div class="feature-item text-center p-4">
|
||||||
|
<div class="feature-icon p-3 mb-4">
|
||||||
|
<i class="fas fa-users fa-4x text-primary"></i>
|
||||||
|
</div>
|
||||||
|
<div class="feature-content d-flex flex-column">
|
||||||
|
<h5 class="mb-3">Direct Interviews</h5>
|
||||||
|
<p class="mb-3">Dolor, sit amet consectetur adipisicing elit. Soluta inventore cum accusamus,</p>
|
||||||
|
<a class="btn btn-secondary rounded-pill" href="#">Read More<i class="fas fa-arrow-right ms-2"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-12">
|
||||||
|
<a class="btn btn-primary border-secondary rounded-pill py-3 px-5 wow fadeInUp" data-wow-delay="0.1s" href="#">More Features</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Features End -->
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Counter Facts Start -->
|
||||||
|
<div class="container-fluid counter-facts overflow-hidden py-5">
|
||||||
|
<div class="container py-5">
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-12 col-sm-6 col-md-6 col-xl-3 wow fadeInUp" data-wow-delay="0.1s">
|
||||||
|
<div class="counter">
|
||||||
|
<div class="counter-icon">
|
||||||
|
<i class="fas fa-passport"></i>
|
||||||
|
</div>
|
||||||
|
<div class="counter-content">
|
||||||
|
<h3>Visa Categories</h3>
|
||||||
|
<div class="d-flex align-items-center justify-content-center">
|
||||||
|
<span class="counter-value" data-toggle="counter-up">31</span>
|
||||||
|
<h4 class="text-secondary mb-0" style="font-weight: 600; font-size: 25px;">+</h4>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 col-sm-6 col-md-6 col-xl-3 wow fadeInUp" data-wow-delay="0.3s">
|
||||||
|
<div class="counter">
|
||||||
|
<div class="counter-icon">
|
||||||
|
<i class="fas fa-users"></i>
|
||||||
|
</div>
|
||||||
|
<div class="counter-content">
|
||||||
|
<h3>Team Members</h3>
|
||||||
|
<div class="d-flex align-items-center justify-content-center">
|
||||||
|
<span class="counter-value" data-toggle="counter-up">377</span>
|
||||||
|
<h4 class="text-secondary mb-0" style="font-weight: 600; font-size: 25px;">+</h4>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 col-sm-6 col-md-6 col-xl-3 wow fadeInUp" data-wow-delay="0.5s">
|
||||||
|
<div class="counter">
|
||||||
|
<div class="counter-icon">
|
||||||
|
<i class="fas fa-user-check"></i>
|
||||||
|
</div>
|
||||||
|
<div class="counter-content">
|
||||||
|
<h3>Visa Process</h3>
|
||||||
|
<div class="d-flex align-items-center justify-content-center">
|
||||||
|
<span class="counter-value" data-toggle="counter-up">4.9</span>
|
||||||
|
<h4 class="text-secondary mb-0" style="font-weight: 600; font-size: 25px;">K</h4>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 col-sm-6 col-md-6 col-xl-3 wow fadeInUp" data-wow-delay="0.7s">
|
||||||
|
<div class="counter">
|
||||||
|
<div class="counter-icon">
|
||||||
|
<i class="fas fa-handshake"></i>
|
||||||
|
</div>
|
||||||
|
<div class="counter-content">
|
||||||
|
<h3>Success Rates</h3>
|
||||||
|
<div class="d-flex align-items-center justify-content-center">
|
||||||
|
<span class="counter-value" data-toggle="counter-up">98</span>
|
||||||
|
<h4 class="text-secondary mb-0" style="font-weight: 600; font-size: 25px;">%</h4>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Counter Facts End -->
|
||||||
|
|
||||||
|
<!-- Countries We Offer Start -->
|
||||||
|
<div class="container-fluid country overflow-hidden py-5">
|
||||||
|
<div class="container py-5">
|
||||||
|
<div class="section-title text-center wow fadeInUp" data-wow-delay="0.1s" style="margin-bottom: 70px;">
|
||||||
|
<div class="sub-style">
|
||||||
|
<h5 class="sub-title text-primary px-3">COUNTRIES WE OFFER</h5>
|
||||||
|
</div>
|
||||||
|
<h1 class="display-5 mb-4">Immigration & visa services following Countries</h1>
|
||||||
|
<p class="mb-0">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat deleniti amet at atque sequi quibusdam cumque itaque repudiandae temporibus, eius nam mollitia voluptas maxime veniam necessitatibus saepe in ab? Repellat!</p>
|
||||||
|
</div>
|
||||||
|
<div class="row g-4 text-center">
|
||||||
|
<div class="col-lg-6 col-xl-3 mb-5 mb-xl-0 wow fadeInUp" data-wow-delay="0.1s">
|
||||||
|
<div class="country-item">
|
||||||
|
<div class="rounded overflow-hidden">
|
||||||
|
<img src="img/country-1.jpg" class="img-fluid w-100 rounded" alt="Image">
|
||||||
|
</div>
|
||||||
|
<div class="country-flag">
|
||||||
|
<img src="img/brazil.jpg" class="img-fluid rounded-circle" alt="Image">
|
||||||
|
</div>
|
||||||
|
<div class="country-name">
|
||||||
|
<a href="#" class="text-white fs-4">Brazil</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-6 col-xl-3 mb-5 mb-xl-0 wow fadeInUp" data-wow-delay="0.3s">
|
||||||
|
<div class="country-item">
|
||||||
|
<div class="rounded overflow-hidden">
|
||||||
|
<img src="img/country-2.jpg" class="img-fluid w-100 rounded" alt="Image">
|
||||||
|
</div>
|
||||||
|
<div class="country-flag">
|
||||||
|
<img src="img/india.jpg" class="img-fluid rounded-circle" alt="Image">
|
||||||
|
</div>
|
||||||
|
<div class="country-name">
|
||||||
|
<a href="#" class="text-white fs-4">india</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-6 col-xl-3 mb-5 mb-xl-0 wow fadeInUp" data-wow-delay="0.5s">
|
||||||
|
<div class="country-item">
|
||||||
|
<div class="rounded overflow-hidden">
|
||||||
|
<img src="img/country-3.jpg" class="img-fluid w-100 rounded" alt="Image">
|
||||||
|
</div>
|
||||||
|
<div class="country-flag">
|
||||||
|
<img src="img/usa.jpg" class="img-fluid rounded-circle" alt="Image">
|
||||||
|
</div>
|
||||||
|
<div class="country-name">
|
||||||
|
<a href="#" class="text-white fs-4">New York</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-6 col-xl-3 mb-5 mb-xl-0 wow fadeInUp" data-wow-delay="0.7s">
|
||||||
|
<div class="country-item">
|
||||||
|
<div class="rounded overflow-hidden">
|
||||||
|
<img src="img/country-4.jpg" class="img-fluid w-100 rounded" alt="Image">
|
||||||
|
</div>
|
||||||
|
<div class="country-flag">
|
||||||
|
<img src="img/italy.jpg" class="img-fluid rounded-circle" alt="Image">
|
||||||
|
</div>
|
||||||
|
<div class="country-name">
|
||||||
|
<a href="#" class="text-white fs-4">Italy</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-12">
|
||||||
|
<a class="btn btn-primary border-secondary rounded-pill py-3 px-5 wow fadeInUp" data-wow-delay="0.1s" href="#">More Countries</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Countries We Offer End -->
|
||||||
|
|
||||||
|
<!-- Footer Start -->
|
||||||
|
<div class="container-fluid footer py-5 wow fadeIn" data-wow-delay="0.2s">
|
||||||
|
<div class="container py-5">
|
||||||
|
<div class="row g-5">
|
||||||
|
<div class="col-md-6 col-lg-6 col-xl-3">
|
||||||
|
<div class="footer-item d-flex flex-column">
|
||||||
|
<h4 class="text-secondary mb-4">Contact Info</h4>
|
||||||
|
<a href=""><i class="fa fa-map-marker-alt me-2"></i> 123 Street, New York, USA</a>
|
||||||
|
<a href=""><i class="fas fa-envelope me-2"></i> info@example.com</a>
|
||||||
|
<a href=""><i class="fas fa-phone me-2"></i> +012 345 67890</a>
|
||||||
|
<a href="" class="mb-3"><i class="fas fa-print me-2"></i> +012 345 67890</a>
|
||||||
|
<div class="d-flex align-items-center">
|
||||||
|
<i class="fas fa-share fa-2x text-secondary me-2"></i>
|
||||||
|
<a class="btn mx-1" href=""><i class="fab fa-facebook-f"></i></a>
|
||||||
|
<a class="btn mx-1" href=""><i class="fab fa-twitter"></i></a>
|
||||||
|
<a class="btn mx-1" href=""><i class="fab fa-instagram"></i></a>
|
||||||
|
<a class="btn mx-1" href=""><i class="fab fa-linkedin-in"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-6 col-xl-3">
|
||||||
|
<div class="footer-item d-flex flex-column">
|
||||||
|
<h4 class="text-secondary mb-4">Opening Time</h4>
|
||||||
|
<div class="mb-3">
|
||||||
|
<h6 class="text-muted mb-0">Mon - Friday:</h6>
|
||||||
|
<p class="text-white mb-0">09.00 am to 07.00 pm</p>
|
||||||
|
</div>
|
||||||
|
<div class="mb-3">
|
||||||
|
<h6 class="text-muted mb-0">Satday:</h6>
|
||||||
|
<p class="text-white mb-0">10.00 am to 05.00 pm</p>
|
||||||
|
</div>
|
||||||
|
<div class="mb-3">
|
||||||
|
<h6 class="text-muted mb-0">Vacation:</h6>
|
||||||
|
<p class="text-white mb-0">All Sunday is our vacation</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-6 col-xl-3">
|
||||||
|
<div class="footer-item d-flex flex-column">
|
||||||
|
<h4 class="text-secondary mb-4">Our Services</h4>
|
||||||
|
<a href="#" class=""><i class="fas fa-angle-right me-2"></i> Business</a>
|
||||||
|
<a href="#" class=""><i class="fas fa-angle-right me-2"></i> Evaluation</a>
|
||||||
|
<a href="#" class=""><i class="fas fa-angle-right me-2"></i> Migrate</a>
|
||||||
|
<a href="#" class=""><i class="fas fa-angle-right me-2"></i> Study</a>
|
||||||
|
<a href="#" class=""><i class="fas fa-angle-right me-2"></i> Counselling</a>
|
||||||
|
<a href="#" class=""><i class="fas fa-angle-right me-2"></i> Work / Career</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-6 col-xl-3">
|
||||||
|
<div class="footer-item">
|
||||||
|
<h4 class="text-secondary mb-4">Newsletter</h4>
|
||||||
|
<p class="text-white mb-3">Dolor amet sit justo amet elitr clita ipsum elitr est.Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
|
||||||
|
<div class="position-relative mx-auto rounded-pill">
|
||||||
|
<input class="form-control border-0 rounded-pill w-100 py-3 ps-4 pe-5" type="text" placeholder="Enter your email">
|
||||||
|
<button type="button" class="btn btn-primary rounded-pill position-absolute top-0 end-0 py-2 mt-2 me-2">SignUp</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Footer End -->
|
||||||
|
|
||||||
|
<!-- Copyright Start -->
|
||||||
|
<div class="container-fluid copyright py-4">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row g-4 align-items-center">
|
||||||
|
<div class="col-md-6 text-center text-md-start mb-md-0">
|
||||||
|
<span class="text-white"><a href="#" class="border-bottom text-white"><i class="fas fa-copyright text-light me-2"></i>Your Site Name</a>, All right reserved.</span>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 text-center text-md-end text-white">
|
||||||
|
<!--/*** This template is free as long as you keep the below author’s credit link/attribution link/backlink. ***/-->
|
||||||
|
<!--/*** If you'd like to use the template without the below author’s credit link/attribution link/backlink, ***/-->
|
||||||
|
<!--/*** you can purchase the Credit Removal License from "https://htmlcodex.com/credit-removal". ***/-->
|
||||||
|
Designed By <a class="border-bottom text-white" href="https://htmlcodex.com">HTML Codex</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Copyright End -->
|
||||||
|
|
||||||
|
<!-- Back to Top -->
|
||||||
|
<a href="#" class="btn btn-primary btn-lg-square back-to-top"><i class="fa fa-arrow-up"></i></a>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- JavaScript Libraries -->
|
||||||
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
|
||||||
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
|
||||||
|
<script src="lib/wow/wow.min.js"></script>
|
||||||
|
<script src="lib/easing/easing.min.js"></script>
|
||||||
|
<script src="lib/waypoints/waypoints.min.js"></script>
|
||||||
|
<script src="lib/counterup/counterup.min.js"></script>
|
||||||
|
<script src="lib/owlcarousel/owl.carousel.min.js"></script>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Template Javascript -->
|
||||||
|
<script src="js/main.js"></script>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
944
pages/index.html
Normal file
944
pages/index.html
Normal file
@ -0,0 +1,944 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Bibhuti Website Template</title>
|
||||||
|
<meta content="width=device-width, initial-scale=1.0" name="viewport">
|
||||||
|
<meta content="" name="keywords">
|
||||||
|
<meta content="" name="description">
|
||||||
|
|
||||||
|
<!-- Google Web Fonts -->
|
||||||
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
|
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&family=Poppins:wght@200;300;400;500;600&display=swap" rel="stylesheet">
|
||||||
|
|
||||||
|
<!-- Icon Font Stylesheet -->
|
||||||
|
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css"/>
|
||||||
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet">
|
||||||
|
|
||||||
|
<!-- Libraries Stylesheet -->
|
||||||
|
<link href="lib/animate/animate.min.css" rel="stylesheet">
|
||||||
|
<link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Customized Bootstrap Stylesheet -->
|
||||||
|
<link href="css/bootstrap.min.css" rel="stylesheet">
|
||||||
|
|
||||||
|
<!-- Template Stylesheet -->
|
||||||
|
<link href="css/style.css" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<!-- Spinner Start -->
|
||||||
|
<div id="spinner" class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center">
|
||||||
|
<div class="spinner-border text-secondary" style="width: 3rem; height: 3rem;" role="status">
|
||||||
|
<span class="sr-only">Loading...</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Spinner End -->
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Topbar Start -->
|
||||||
|
<div class="container-fluid bg-primary px-5 d-none d-lg-block">
|
||||||
|
<div class="row gx-0 align-items-center">
|
||||||
|
<div class="col-lg-5 text-center text-lg-start mb-lg-0">
|
||||||
|
<div class="d-flex">
|
||||||
|
<a href="#" class="text-muted me-4"><i class="fas fa-envelope text-secondary me-2"></i>Example@gmail.com</a>
|
||||||
|
<a href="#" class="text-muted me-0"><i class="fas fa-phone-alt text-secondary me-2"></i>+01234567890</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-3 row-cols-1 text-center mb-2 mb-lg-0">
|
||||||
|
<div class="d-inline-flex align-items-center" style="height: 45px;">
|
||||||
|
<a class="btn btn-sm btn-outline-light btn-square rounded-circle me-2" href=""><i class="fab fa-twitter fw-normal text-secondary"></i></a>
|
||||||
|
<a class="btn btn-sm btn-outline-light btn-square rounded-circle me-2" href=""><i class="fab fa-facebook-f fw-normal text-secondary"></i></a>
|
||||||
|
<a class="btn btn-sm btn-outline-light btn-square rounded-circle me-2" href=""><i class="fab fa-linkedin-in fw-normal text-secondary"></i></a>
|
||||||
|
<a class="btn btn-sm btn-outline-light btn-square rounded-circle me-2" href=""><i class="fab fa-instagram fw-normal text-secondary"></i></a>
|
||||||
|
<a class="btn btn-sm btn-outline-light btn-square rounded-circle" href=""><i class="fab fa-youtube fw-normal text-secondary"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-4 text-center text-lg-end">
|
||||||
|
<div class="d-inline-flex align-items-center" style="height: 45px;">
|
||||||
|
<a href="#" class="text-muted me-2"> Help</a><small> / </small>
|
||||||
|
<a href="#" class="text-muted mx-2"> Support</a><small> / </small>
|
||||||
|
<a href="#" class="text-muted ms-2"> Contact</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Topbar End -->
|
||||||
|
|
||||||
|
<!-- Navbar & Hero Start -->
|
||||||
|
<div class="container-fluid nav-bar p-0">
|
||||||
|
<nav class="navbar navbar-expand-lg navbar-light bg-white px-4 px-lg-5 py-3 py-lg-0">
|
||||||
|
<a href="" class="navbar-brand p-0">
|
||||||
|
<h1 class="display-5 text-secondary m-0"><img src="img/brand-logo.png" class="img-fluid" alt="">Travisa</h1>
|
||||||
|
<!-- <img src="img/logo.png" alt="Logo"> -->
|
||||||
|
</a>
|
||||||
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
|
||||||
|
<span class="fa fa-bars"></span>
|
||||||
|
</button>
|
||||||
|
<div class="collapse navbar-collapse" id="navbarCollapse">
|
||||||
|
<div class="navbar-nav ms-auto py-0">
|
||||||
|
<a href="index.html" class="nav-item nav-link active">Home</a>
|
||||||
|
<a href="about.html" class="nav-item nav-link">About</a>
|
||||||
|
<a href="service.html" class="nav-item nav-link">Service</a>
|
||||||
|
<div class="nav-item dropdown">
|
||||||
|
<a href="#" class="nav-link" data-bs-toggle="dropdown"><span class="dropdown-toggle">Pages</span></a>
|
||||||
|
<div class="dropdown-menu m-0">
|
||||||
|
<a href="feature.html" class="dropdown-item">Feature</a>
|
||||||
|
<a href="countries.html" class="dropdown-item">Countries</a>
|
||||||
|
<a href="testimonial.html" class="dropdown-item">Testimonial</a>
|
||||||
|
<a href="training.html" class="dropdown-item">Training</a>
|
||||||
|
<a href="404.html" class="dropdown-item">404 Page</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<a href="contact.html" class="nav-item nav-link">Contact</a>
|
||||||
|
</div>
|
||||||
|
<button class="btn btn-primary btn-md-square border-secondary mb-3 mb-md-3 mb-lg-0 me-3" data-bs-toggle="modal" data-bs-target="#searchModal"><i class="fas fa-search"></i></button>
|
||||||
|
<a href="" class="btn btn-primary border-secondary rounded-pill py-2 px-4 px-lg-3 mb-3 mb-md-3 mb-lg-0">Get A Quote</a>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
<!-- Navbar & Hero End -->
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Carousel Start -->
|
||||||
|
<div class="carousel-header">
|
||||||
|
<div id="carouselId" class="carousel slide" data-bs-ride="carousel">
|
||||||
|
<ol class="carousel-indicators">
|
||||||
|
<li data-bs-target="#carouselId" data-bs-slide-to="0" class="active"></li>
|
||||||
|
<li data-bs-target="#carouselId" data-bs-slide-to="1"></li>
|
||||||
|
</ol>
|
||||||
|
<div class="carousel-inner" role="listbox">
|
||||||
|
<div class="carousel-item active">
|
||||||
|
<img src="img/carousel-1.jpg" class="img-fluid" alt="Image">
|
||||||
|
<div class="carousel-caption">
|
||||||
|
<div class="text-center p-4" style="max-width: 900px;">
|
||||||
|
<h4 class="text-white text-uppercase fw-bold mb-3 mb-md-4 wow fadeInUp" data-wow-delay="0.1s">Solution For All Type Of Visas</h4>
|
||||||
|
<h1 class="display-1 text-capitalize text-white mb-3 mb-md-4 wow fadeInUp" data-wow-delay="0.3s">Immigration Process Starts Here!</h1>
|
||||||
|
<p class="text-white mb-4 mb-md-5 fs-5 wow fadeInUp" data-wow-delay="0.5s">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,
|
||||||
|
</p>
|
||||||
|
<a class="btn btn-primary border-secondary rounded-pill text-white py-3 px-5 wow fadeInUp" data-wow-delay="0.7s" href="#">More Details</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="carousel-item">
|
||||||
|
<img src="img/carousel-2.jpg" class="img-fluid" alt="Image">
|
||||||
|
<div class="carousel-caption">
|
||||||
|
<div class="text-center p-4" style="max-width: 900px;">
|
||||||
|
<h5 class="text-white text-uppercase fw-bold mb-3 mb-md-4 wow fadeInUp" data-wow-delay="0.1s">Solution For All Type Of Visas</h5>
|
||||||
|
<h1 class="display-1 text-capitalize text-white mb-3 mb-md-4 wow fadeInUp" data-wow-delay="0.3s">Best Visa Immigrations Services</h1>
|
||||||
|
<p class="text-white mb-4 mb-md-5 fs-5 wow fadeInUp" data-wow-delay="0.5s">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,
|
||||||
|
</p>
|
||||||
|
<a class="btn btn-primary border-secondary rounded-pill text-white py-3 px-5 wow fadeInUp" data-wow-delay="0.7s" href="#">More Details</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<button class="carousel-control-prev" type="button" data-bs-target="#carouselId" data-bs-slide="prev">
|
||||||
|
<span class="carousel-control-prev-icon bg-secondary wow fadeInLeft" data-wow-delay="0.2s" aria-hidden="false"></span>
|
||||||
|
<span class="visually-hidden-focusable">Previous</span>
|
||||||
|
</button>
|
||||||
|
<button class="carousel-control-next" type="button" data-bs-target="#carouselId" data-bs-slide="next">
|
||||||
|
<span class="carousel-control-next-icon bg-secondary wow fadeInRight" data-wow-delay="0.2s" aria-hidden="false"></span>
|
||||||
|
<span class="visually-hidden-focusable">Next</span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Carousel End -->
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Modal Search Start -->
|
||||||
|
<div class="modal fade" id="searchModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
|
||||||
|
<div class="modal-dialog modal-fullscreen">
|
||||||
|
<div class="modal-content rounded-0">
|
||||||
|
<div class="modal-header">
|
||||||
|
<h4 class="modal-title text-secondary mb-0" id="exampleModalLabel">Search by keyword</h4>
|
||||||
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||||
|
</div>
|
||||||
|
<div class="modal-body d-flex align-items-center">
|
||||||
|
<div class="input-group w-75 mx-auto d-flex">
|
||||||
|
<input type="search" class="form-control p-3" placeholder="keywords" aria-describedby="search-icon-1">
|
||||||
|
<span id="search-icon-1" class="input-group-text p-3"><i class="fa fa-search"></i></span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Modal Search End -->
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<!-- About Start -->
|
||||||
|
<div class="container-fluid py-5">
|
||||||
|
<div class="container py-5">
|
||||||
|
<div class="row g-5">
|
||||||
|
<div class="col-xl-5 wow fadeInLeft" data-wow-delay="0.1s">
|
||||||
|
<div class="bg-light rounded">
|
||||||
|
<img src="img/about-2.png" class="img-fluid w-100" style="margin-bottom: -7px;" alt="Image">
|
||||||
|
<img src="img/about-3.jpg" class="img-fluid w-100 border-bottom border-5 border-primary" style="border-top-right-radius: 300px; border-top-left-radius: 300px;" alt="Image">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-xl-7 wow fadeInRight" data-wow-delay="0.3s">
|
||||||
|
<h5 class="sub-title pe-3">About the company</h5>
|
||||||
|
<h1 class="display-5 mb-4">We’re Trusted Immigration Consultant Agency.</h1>
|
||||||
|
<p class="mb-4">Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt architecto consectetur iusto perferendis blanditiis assumenda dignissimos, commodi fuga culpa earum explicabo libero sint est mollitia saepe! Sequi asperiores rerum nemo!</p>
|
||||||
|
<div class="row gy-4 align-items-center">
|
||||||
|
<div class="col-12 col-sm-6 d-flex align-items-center">
|
||||||
|
<i class="fas fa-map-marked-alt fa-3x text-secondary"></i>
|
||||||
|
<h5 class="ms-4">Best Immigration Resources</h5>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 col-sm-6 d-flex align-items-center">
|
||||||
|
<i class="fas fa-passport fa-3x text-secondary"></i>
|
||||||
|
<h5 class="ms-4">Return Visas Availabile</h5>
|
||||||
|
</div>
|
||||||
|
<div class="col-4 col-md-3">
|
||||||
|
<div class="bg-light text-center rounded p-3">
|
||||||
|
<div class="mb-2">
|
||||||
|
<i class="fas fa-ticket-alt fa-4x text-primary"></i>
|
||||||
|
</div>
|
||||||
|
<h1 class="display-5 fw-bold mb-2">34</h1>
|
||||||
|
<p class="text-muted mb-0">Years of Experience</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-8 col-md-9">
|
||||||
|
<div class="mb-5">
|
||||||
|
<p class="text-primary h6 mb-3"><i class="fa fa-check-circle text-secondary me-2"></i> Offer 100 % Genuine Assistance</p>
|
||||||
|
<p class="text-primary h6 mb-3"><i class="fa fa-check-circle text-secondary me-2"></i> It’s Faster & Reliable Execution</p>
|
||||||
|
<p class="text-primary h6 mb-3"><i class="fa fa-check-circle text-secondary me-2"></i> Accurate & Expert Advice</p>
|
||||||
|
</div>
|
||||||
|
<div class="d-flex flex-wrap">
|
||||||
|
<div id="phone-tada" class="d-flex align-items-center justify-content-center me-4">
|
||||||
|
<a href="" class="position-relative wow tada" data-wow-delay=".9s">
|
||||||
|
<i class="fa fa-phone-alt text-primary fa-3x"></i>
|
||||||
|
<div class="position-absolute" style="top: 0; left: 25px;">
|
||||||
|
<span><i class="fa fa-comment-dots text-secondary"></i></span>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="d-flex flex-column justify-content-center">
|
||||||
|
<span class="text-primary">Have any questions?</span>
|
||||||
|
<span class="text-secondary fw-bold fs-5" style="letter-spacing: 2px;">Free: +0123 456 7890</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- About End -->
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Counter Facts Start -->
|
||||||
|
<div class="container-fluid counter-facts py-5">
|
||||||
|
<div class="container py-5">
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-12 col-sm-6 col-md-6 col-xl-3 wow fadeInUp" data-wow-delay="0.1s">
|
||||||
|
<div class="counter">
|
||||||
|
<div class="counter-icon">
|
||||||
|
<i class="fas fa-passport"></i>
|
||||||
|
</div>
|
||||||
|
<div class="counter-content">
|
||||||
|
<h3>Visa Categories</h3>
|
||||||
|
<div class="d-flex align-items-center justify-content-center">
|
||||||
|
<span class="counter-value" data-toggle="counter-up">31</span>
|
||||||
|
<h4 class="text-secondary mb-0" style="font-weight: 600; font-size: 25px;">+</h4>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 col-sm-6 col-md-6 col-xl-3 wow fadeInUp" data-wow-delay="0.3s">
|
||||||
|
<div class="counter">
|
||||||
|
<div class="counter-icon">
|
||||||
|
<i class="fas fa-users"></i>
|
||||||
|
</div>
|
||||||
|
<div class="counter-content">
|
||||||
|
<h3>Team Members</h3>
|
||||||
|
<div class="d-flex align-items-center justify-content-center">
|
||||||
|
<span class="counter-value" data-toggle="counter-up">377</span>
|
||||||
|
<h4 class="text-secondary mb-0" style="font-weight: 600; font-size: 25px;">+</h4>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 col-sm-6 col-md-6 col-xl-3 wow fadeInUp" data-wow-delay="0.5s">
|
||||||
|
<div class="counter">
|
||||||
|
<div class="counter-icon">
|
||||||
|
<i class="fas fa-user-check"></i>
|
||||||
|
</div>
|
||||||
|
<div class="counter-content">
|
||||||
|
<h3>Visa Process</h3>
|
||||||
|
<div class="d-flex align-items-center justify-content-center">
|
||||||
|
<span class="counter-value" data-toggle="counter-up">4.9</span>
|
||||||
|
<h4 class="text-secondary mb-0" style="font-weight: 600; font-size: 25px;">K</h4>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 col-sm-6 col-md-6 col-xl-3 wow fadeInUp" data-wow-delay="0.7s">
|
||||||
|
<div class="counter">
|
||||||
|
<div class="counter-icon">
|
||||||
|
<i class="fas fa-handshake"></i>
|
||||||
|
</div>
|
||||||
|
<div class="counter-content">
|
||||||
|
<h3>Success Rates</h3>
|
||||||
|
<div class="d-flex align-items-center justify-content-center">
|
||||||
|
<span class="counter-value" data-toggle="counter-up">98</span>
|
||||||
|
<h4 class="text-secondary mb-0" style="font-weight: 600; font-size: 25px;">%</h4>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Counter Facts End -->
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Services Start -->
|
||||||
|
<div class="container-fluid service overflow-hidden pt-5">
|
||||||
|
<div class="container py-5">
|
||||||
|
<div class="section-title text-center mb-5 wow fadeInUp" data-wow-delay="0.1s">
|
||||||
|
<div class="sub-style">
|
||||||
|
<h5 class="sub-title text-primary px-3">Visa Categories</h5>
|
||||||
|
</div>
|
||||||
|
<h1 class="display-5 mb-4">Enabling Your Immigration Successfully</h1>
|
||||||
|
<p class="mb-0">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat deleniti amet at atque sequi quibusdam cumque itaque repudiandae temporibus, eius nam mollitia voluptas maxime veniam necessitatibus saepe in ab? Repellat!</p>
|
||||||
|
</div>
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-lg-6 col-xl-4 wow fadeInUp" data-wow-delay="0.1s">
|
||||||
|
<div class="service-item">
|
||||||
|
<div class="service-inner">
|
||||||
|
<div class="service-img">
|
||||||
|
<img src="img/service-1.jpg" class="img-fluid w-100 rounded" alt="Image">
|
||||||
|
</div>
|
||||||
|
<div class="service-title">
|
||||||
|
<div class="service-title-name">
|
||||||
|
<div class="bg-primary text-center rounded p-3 mx-5 mb-4">
|
||||||
|
<a href="#" class="h4 text-white mb-0">Job Visa</a>
|
||||||
|
</div>
|
||||||
|
<a class="btn bg-light text-secondary rounded-pill py-3 px-5 mb-4" href="#">Explore More</a>
|
||||||
|
</div>
|
||||||
|
<div class="service-content pb-4">
|
||||||
|
<a href="#"><h4 class="text-white mb-4 py-3">Job Visa</h4></a>
|
||||||
|
<div class="px-4">
|
||||||
|
<p class="mb-4">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Mollitia fugit dolores nesciunt adipisci obcaecati veritatis cum, ratione aspernatur autem velit.</p>
|
||||||
|
<a class="btn btn-primary border-secondary rounded-pill py-3 px-5" href="#">Explore More</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-6 col-xl-4 wow fadeInUp" data-wow-delay="0.3s">
|
||||||
|
<div class="service-item">
|
||||||
|
<div class="service-inner">
|
||||||
|
<div class="service-img">
|
||||||
|
<img src="img/service-2.jpg" class="img-fluid w-100 rounded" alt="Image">
|
||||||
|
</div>
|
||||||
|
<div class="service-title">
|
||||||
|
<div class="service-title-name">
|
||||||
|
<div class="bg-primary text-center rounded p-3 mx-5 mb-4">
|
||||||
|
<a href="#" class="h4 text-white mb-0">Business Visa</a>
|
||||||
|
</div>
|
||||||
|
<a class="btn bg-light text-secondary rounded-pill py-3 px-5 mb-4" href="#">Explore More</a>
|
||||||
|
</div>
|
||||||
|
<div class="service-content pb-4">
|
||||||
|
<a href="#"><h4 class="text-white mb-4 py-3">Business Visa</h4></a>
|
||||||
|
<div class="px-4">
|
||||||
|
<p class="mb-4">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Mollitia fugit dolores nesciunt adipisci obcaecati veritatis cum, ratione aspernatur autem velit.</p>
|
||||||
|
<a class="btn btn-primary border-secondary rounded-pill text-white py-3 px-5" href="#">Explore More</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-6 col-xl-4 wow fadeInUp" data-wow-delay="0.5s">
|
||||||
|
<div class="service-item">
|
||||||
|
<div class="service-inner">
|
||||||
|
<div class="service-img">
|
||||||
|
<img src="img/service-3.jpg" class="img-fluid w-100 rounded" alt="Image">
|
||||||
|
</div>
|
||||||
|
<div class="service-title">
|
||||||
|
<div class="service-title-name">
|
||||||
|
<div class="bg-primary text-center rounded p-3 mx-5 mb-4">
|
||||||
|
<a href="#" class="h4 text-white mb-0">Diplometic Visa</a>
|
||||||
|
</div>
|
||||||
|
<a class="btn bg-light text-secondary rounded-pill py-3 px-5 mb-4" href="#">Explore More</a>
|
||||||
|
</div>
|
||||||
|
<div class="service-content pb-4">
|
||||||
|
<a href="#"><h4 class="text-white mb-4 py-3">Diplometic Visa</h4></a>
|
||||||
|
<div class="px-4">
|
||||||
|
<p class="mb-4">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Mollitia fugit dolores nesciunt adipisci obcaecati veritatis cum, ratione aspernatur autem velit.</p>
|
||||||
|
<a class="btn btn-primary border-secondary rounded-pill text-white py-3 px-5" href="#">Explore More</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-6 col-xl-4 wow fadeInUp" data-wow-delay="0.1s">
|
||||||
|
<div class="service-item">
|
||||||
|
<div class="service-inner">
|
||||||
|
<div class="service-img">
|
||||||
|
<img src="img/service-1.jpg" class="img-fluid w-100 rounded" alt="Image">
|
||||||
|
</div>
|
||||||
|
<div class="service-title">
|
||||||
|
<div class="service-title-name">
|
||||||
|
<div class="bg-primary text-center rounded p-3 mx-5 mb-4">
|
||||||
|
<a href="#" class="h4 text-white mb-0">Students Visa</a>
|
||||||
|
</div>
|
||||||
|
<a class="btn bg-light text-secondary rounded-pill py-3 px-5 mb-4" href="#">Explore More</a>
|
||||||
|
</div>
|
||||||
|
<div class="service-content pb-4">
|
||||||
|
<a href="#"><h4 class="text-white mb-4 py-3">Students Visa</h4></a>
|
||||||
|
<div class="px-4">
|
||||||
|
<p class="mb-4">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Mollitia fugit dolores nesciunt adipisci obcaecati veritatis cum, ratione aspernatur autem velit.</p>
|
||||||
|
<a class="btn btn-primary border-secondary rounded-pill text-white py-3 px-5" href="#">Explore More</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-6 col-xl-4 wow fadeInUp" data-wow-delay="0.3s">
|
||||||
|
<div class="service-item">
|
||||||
|
<div class="service-inner">
|
||||||
|
<div class="service-img">
|
||||||
|
<img src="img/service-2.jpg" class="img-fluid w-100 rounded" alt="Image">
|
||||||
|
</div>
|
||||||
|
<div class="service-title">
|
||||||
|
<div class="service-title-name">
|
||||||
|
<div class="bg-primary text-center rounded p-3 mx-5 mb-4">
|
||||||
|
<a href="#" class="h4 text-white mb-0">Residence Visa</a>
|
||||||
|
</div>
|
||||||
|
<a class="btn bg-light text-secondary rounded-pill py-3 px-5 mb-4" href="#">Explore More</a>
|
||||||
|
</div>
|
||||||
|
<div class="service-content pb-4">
|
||||||
|
<a href="#"><h4 class="text-white mb-4 py-3">Residence Visa</h4></a>
|
||||||
|
<div class="px-4">
|
||||||
|
<p class="mb-4">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Mollitia fugit dolores nesciunt adipisci obcaecati veritatis cum, ratione aspernatur autem velit.</p>
|
||||||
|
<a class="btn btn-primary border-secondary rounded-pill text-white py-3 px-5" href="#">Explore More</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-6 col-xl-4 wow fadeInUp" data-wow-delay="0.5s">
|
||||||
|
<div class="service-item">
|
||||||
|
<div class="service-inner">
|
||||||
|
<div class="service-img">
|
||||||
|
<img src="img/service-3.jpg" class="img-fluid w-100 rounded" alt="Image">
|
||||||
|
</div>
|
||||||
|
<div class="service-title">
|
||||||
|
<div class="service-title-name">
|
||||||
|
<div class="bg-primary text-center rounded p-3 mx-5 mb-4">
|
||||||
|
<a href="#" class="h4 text-white mb-0">Tourist Visa</a>
|
||||||
|
</div>
|
||||||
|
<a class="btn bg-light text-secondary rounded-pill py-3 px-5 mb-4" href="#">Explore More</a>
|
||||||
|
</div>
|
||||||
|
<div class="service-content pb-4">
|
||||||
|
<a href="#"><h4 class="text-white mb-4 py-3">Tourist Visa</h4></a>
|
||||||
|
<div class="px-4">
|
||||||
|
<p class="mb-4">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Mollitia fugit dolores nesciunt adipisci obcaecati veritatis cum, ratione aspernatur autem velit.</p>
|
||||||
|
<a class="btn btn-primary border-secondary rounded-pill text-white py-3 px-5" href="#">Explore More</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Services End -->
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Features Start -->
|
||||||
|
<div class="container-fluid features overflow-hidden py-5">
|
||||||
|
<div class="container">
|
||||||
|
<div class="section-title text-center mb-5 wow fadeInUp" data-wow-delay="0.1s">
|
||||||
|
<div class="sub-style">
|
||||||
|
<h5 class="sub-title text-primary px-3">Why Choose Us</h5>
|
||||||
|
</div>
|
||||||
|
<h1 class="display-5 mb-4">Offer Tailor Made Services That Our Client Requires</h1>
|
||||||
|
<p class="mb-0">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat deleniti amet at atque sequi quibusdam cumque itaque repudiandae temporibus, eius nam mollitia voluptas maxime veniam necessitatibus saepe in ab? Repellat!</p>
|
||||||
|
</div>
|
||||||
|
<div class="row g-4 justify-content-center text-center">
|
||||||
|
<div class="col-md-6 col-lg-6 col-xl-3 wow fadeInUp" data-wow-delay="0.1s">
|
||||||
|
<div class="feature-item text-center p-4">
|
||||||
|
<div class="feature-icon p-3 mb-4">
|
||||||
|
<i class="fas fa-dollar-sign fa-4x text-primary"></i>
|
||||||
|
</div>
|
||||||
|
<div class="feature-content d-flex flex-column">
|
||||||
|
<h5 class="mb-3">Cost-Effective</h5>
|
||||||
|
<p class="mb-3">Dolor, sit amet consectetur adipisicing elit. Soluta inventore cum accusamus,</p>
|
||||||
|
<a class="btn btn-secondary rounded-pill" href="#">Read More<i class="fas fa-arrow-right ms-2"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-6 col-xl-3 wow fadeInUp" data-wow-delay="0.3s">
|
||||||
|
<div class="feature-item text-center p-4">
|
||||||
|
<div class="feature-icon p-3 mb-4">
|
||||||
|
<i class="fab fa-cc-visa fa-4x text-primary"></i>
|
||||||
|
</div>
|
||||||
|
<div class="feature-content d-flex flex-column">
|
||||||
|
<h5 class="mb-3">Visa Assistance</h5>
|
||||||
|
<p class="mb-3">Dolor, sit amet consectetur adipisicing elit. Soluta inventore cum accusamus,</p>
|
||||||
|
<a class="btn btn-secondary rounded-pill" href="#">Read More<i class="fas fa-arrow-right ms-2"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-6 col-xl-3 wow fadeInUp" data-wow-delay="0.5s">
|
||||||
|
<div class="feature-item text-center p-4">
|
||||||
|
<div class="feature-icon p-3 mb-4">
|
||||||
|
<i class="fas fa-atlas fa-4x text-primary"></i>
|
||||||
|
</div>
|
||||||
|
<div class="feature-content d-flex flex-column">
|
||||||
|
<h5 class="mb-3">Faster Processing</h5>
|
||||||
|
<p class="mb-3">Dolor, sit amet consectetur adipisicing elit. Soluta inventore cum accusamus,</p>
|
||||||
|
<a class="btn btn-secondary rounded-pill" href="#">Read More<i class="fas fa-arrow-right ms-2"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-6 col-xl-3 wow fadeInUp" data-wow-delay="0.7s">
|
||||||
|
<div class="feature-item text-center p-4">
|
||||||
|
<div class="feature-icon p-3 mb-4">
|
||||||
|
<i class="fas fa-users fa-4x text-primary"></i>
|
||||||
|
</div>
|
||||||
|
<div class="feature-content d-flex flex-column">
|
||||||
|
<h5 class="mb-3">Direct Interviews</h5>
|
||||||
|
<p class="mb-3">Dolor, sit amet consectetur adipisicing elit. Soluta inventore cum accusamus,</p>
|
||||||
|
<a class="btn btn-secondary rounded-pill" href="#">Read More<i class="fas fa-arrow-right ms-2"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-12">
|
||||||
|
<a class="btn btn-primary border-secondary rounded-pill py-3 px-5 wow fadeInUp" data-wow-delay="0.1s" href="#">More Features</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Features End -->
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Countries We Offer Start -->
|
||||||
|
<div class="container-fluid country overflow-hidden py-5">
|
||||||
|
<div class="container">
|
||||||
|
<div class="section-title text-center wow fadeInUp" data-wow-delay="0.1s" style="margin-bottom: 70px;">
|
||||||
|
<div class="sub-style">
|
||||||
|
<h5 class="sub-title text-primary px-3">COUNTRIES WE OFFER</h5>
|
||||||
|
</div>
|
||||||
|
<h1 class="display-5 mb-4">Immigration & visa services following Countries</h1>
|
||||||
|
<p class="mb-0">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat deleniti amet at atque sequi quibusdam cumque itaque repudiandae temporibus, eius nam mollitia voluptas maxime veniam necessitatibus saepe in ab? Repellat!</p>
|
||||||
|
</div>
|
||||||
|
<div class="row g-4 text-center">
|
||||||
|
<div class="col-lg-6 col-xl-3 mb-5 mb-xl-0 wow fadeInUp" data-wow-delay="0.1s">
|
||||||
|
<div class="country-item">
|
||||||
|
<div class="rounded overflow-hidden">
|
||||||
|
<img src="img/country-1.jpg" class="img-fluid w-100 rounded" alt="Image">
|
||||||
|
</div>
|
||||||
|
<div class="country-flag">
|
||||||
|
<img src="img/brazil.jpg" class="img-fluid rounded-circle" alt="Image">
|
||||||
|
</div>
|
||||||
|
<div class="country-name">
|
||||||
|
<a href="#" class="text-white fs-4">Brazil</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-6 col-xl-3 mb-5 mb-xl-0 wow fadeInUp" data-wow-delay="0.3s">
|
||||||
|
<div class="country-item">
|
||||||
|
<div class="rounded overflow-hidden">
|
||||||
|
<img src="img/country-2.jpg" class="img-fluid w-100 rounded" alt="Image">
|
||||||
|
</div>
|
||||||
|
<div class="country-flag">
|
||||||
|
<img src="img/india.jpg" class="img-fluid rounded-circle" alt="Image">
|
||||||
|
</div>
|
||||||
|
<div class="country-name">
|
||||||
|
<a href="#" class="text-white fs-4">india</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-6 col-xl-3 mb-5 mb-xl-0 wow fadeInUp" data-wow-delay="0.5s">
|
||||||
|
<div class="country-item">
|
||||||
|
<div class="rounded overflow-hidden">
|
||||||
|
<img src="img/country-3.jpg" class="img-fluid w-100 rounded" alt="Image">
|
||||||
|
</div>
|
||||||
|
<div class="country-flag">
|
||||||
|
<img src="img/usa.jpg" class="img-fluid rounded-circle" alt="Image">
|
||||||
|
</div>
|
||||||
|
<div class="country-name">
|
||||||
|
<a href="#" class="text-white fs-4">New York</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-6 col-xl-3 mb-5 mb-xl-0 wow fadeInUp" data-wow-delay="0.7s">
|
||||||
|
<div class="country-item">
|
||||||
|
<div class="rounded overflow-hidden">
|
||||||
|
<img src="img/country-4.jpg" class="img-fluid w-100 rounded" alt="Image">
|
||||||
|
</div>
|
||||||
|
<div class="country-flag">
|
||||||
|
<img src="img/italy.jpg" class="img-fluid rounded-circle" alt="Image">
|
||||||
|
</div>
|
||||||
|
<div class="country-name">
|
||||||
|
<a href="#" class="text-white fs-4">Italy</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-12">
|
||||||
|
<a class="btn btn-primary border-secondary rounded-pill py-3 px-5 wow fadeInUp" data-wow-delay="0.1s" href="#">More Countries</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Countries We Offer End -->
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Testimonial Start -->
|
||||||
|
<div class="container-fluid testimonial overflow-hidden pb-5">
|
||||||
|
<div class="container py-5">
|
||||||
|
<div class="section-title text-center mb-5 wow fadeInUp" data-wow-delay="0.1s">
|
||||||
|
<div class="sub-style">
|
||||||
|
<h5 class="sub-title text-primary px-3">OUR CLIENTS RIVIEWS</h5>
|
||||||
|
</div>
|
||||||
|
<h1 class="display-5 mb-4">What Our Clients Say</h1>
|
||||||
|
<p class="mb-0">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat deleniti amet at atque sequi quibusdam cumque itaque repudiandae temporibus, eius nam mollitia voluptas maxime veniam necessitatibus saepe in ab? Repellat!</p>
|
||||||
|
</div>
|
||||||
|
<div class="owl-carousel testimonial-carousel wow zoomInDown" data-wow-delay="0.2s">
|
||||||
|
<div class="testimonial-item">
|
||||||
|
<div class="testimonial-content p-4 mb-5">
|
||||||
|
<p class="fs-5 mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitati eiusmod tempor incididunt.
|
||||||
|
</p>
|
||||||
|
<div class="d-flex justify-content-end">
|
||||||
|
<i class="fas fa-star text-secondary"></i>
|
||||||
|
<i class="fas fa-star text-secondary"></i>
|
||||||
|
<i class="fas fa-star text-secondary"></i>
|
||||||
|
<i class="fas fa-star text-secondary"></i>
|
||||||
|
<i class="fas fa-star text-secondary"></i>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="d-flex">
|
||||||
|
<div class="rounded-circle me-4" style="width: 100px; height: 100px;">
|
||||||
|
<img class="img-fluid rounded-circle" src="img/testimonial-1.jpg" alt="img">
|
||||||
|
</div>
|
||||||
|
<div class="my-auto">
|
||||||
|
<h5>Person Name</h5>
|
||||||
|
<p class="mb-0">Profession</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="testimonial-item">
|
||||||
|
<div class="testimonial-content p-4 mb-5">
|
||||||
|
<p class="fs-5 mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitati eiusmod tempor incididunt.
|
||||||
|
</p>
|
||||||
|
<div class="d-flex justify-content-end">
|
||||||
|
<i class="fas fa-star text-secondary"></i>
|
||||||
|
<i class="fas fa-star text-secondary"></i>
|
||||||
|
<i class="fas fa-star text-secondary"></i>
|
||||||
|
<i class="fas fa-star text-secondary"></i>
|
||||||
|
<i class="fas fa-star text-secondary"></i>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="d-flex">
|
||||||
|
<div class="rounded-circle me-4" style="width: 100px; height: 100px;">
|
||||||
|
<img class="img-fluid rounded-circle" src="img/testimonial-2.jpg" alt="img">
|
||||||
|
</div>
|
||||||
|
<div class="my-auto">
|
||||||
|
<h5>Person Name</h5>
|
||||||
|
<p class="mb-0">Profession</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="testimonial-item">
|
||||||
|
<div class="testimonial-content p-4 mb-5">
|
||||||
|
<p class="fs-5 mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitati eiusmod tempor incididunt.
|
||||||
|
</p>
|
||||||
|
<div class="d-flex justify-content-end">
|
||||||
|
<i class="fas fa-star text-secondary"></i>
|
||||||
|
<i class="fas fa-star text-secondary"></i>
|
||||||
|
<i class="fas fa-star text-secondary"></i>
|
||||||
|
<i class="fas fa-star text-secondary"></i>
|
||||||
|
<i class="fas fa-star text-secondary"></i>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="d-flex">
|
||||||
|
<div class="rounded-circle me-4" style="width: 100px; height: 100px;">
|
||||||
|
<img class="img-fluid rounded-circle" src="img/testimonial-3.jpg" alt="img">
|
||||||
|
</div>
|
||||||
|
<div class="my-auto">
|
||||||
|
<h5>Person Name</h5>
|
||||||
|
<p class="mb-0">Profession</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Testimonial End -->
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Training Start -->
|
||||||
|
<div class="container-fluid training overflow-hidden bg-light py-5">
|
||||||
|
<div class="container py-5">
|
||||||
|
<div class="section-title text-center mb-5 wow fadeInUp" data-wow-delay="0.1s">
|
||||||
|
<div class="sub-style">
|
||||||
|
<h5 class="sub-title text-primary px-3">CHECK OUR TRAINING</h5>
|
||||||
|
</div>
|
||||||
|
<h1 class="display-5 mb-4">Get the Best Coacing Service Training with Our Travisa</h1>
|
||||||
|
<p class="mb-0">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat deleniti amet at atque sequi quibusdam cumque itaque repudiandae temporibus, eius nam mollitia voluptas maxime veniam necessitatibus saepe in ab? Repellat!</p>
|
||||||
|
</div>
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-lg-6 col-lg-6 col-xl-3 wow fadeInUp" data-wow-delay="0.1s">
|
||||||
|
<div class="training-item">
|
||||||
|
<div class="training-inner">
|
||||||
|
<img src="img/training-1.jpg" class="img-fluid w-100 rounded" alt="Image">
|
||||||
|
<div class="training-title-name">
|
||||||
|
<a href="#" class="h4 text-white mb-0">IELTS</a>
|
||||||
|
<a href="#" class="h4 text-white mb-0">Coaching</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="training-content bg-secondary rounded-bottom p-4">
|
||||||
|
<a href="#"><h4 class="text-white">IELTS Coaching</h4></a>
|
||||||
|
<p class="text-white-50">Lorem ipsum dolor sit amet consectetur adipisicing elit. Autem, veritatis.</p>
|
||||||
|
<a class="btn btn-secondary rounded-pill text-white p-0" href="#">Read More <i class="fa fa-arrow-right"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-6 col-lg-6 col-xl-3 wow fadeInUp" data-wow-delay="0.3s">
|
||||||
|
<div class="training-item">
|
||||||
|
<div class="training-inner">
|
||||||
|
<img src="img/training-2.jpg" class="img-fluid w-100 rounded" alt="Image">
|
||||||
|
<div class="training-title-name">
|
||||||
|
<a href="#" class="h4 text-white mb-0">TOEFL</a>
|
||||||
|
<a href="#" class="h4 text-white mb-0">Coaching</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="training-content bg-secondary rounded-bottom p-4">
|
||||||
|
<a href="#"><h4 class="text-white">TOEFL Coaching</h4></a>
|
||||||
|
<p class="text-white-50">Lorem ipsum dolor sit amet consectetur adipisicing elit. Autem, veritatis.</p>
|
||||||
|
<a class="btn btn-secondary rounded-pill text-white p-0" href="#">Read More <i class="fa fa-arrow-right"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-6 col-lg-6 col-xl-3 wow fadeInUp" data-wow-delay="0.5s">
|
||||||
|
<div class="training-item">
|
||||||
|
<div class="training-inner">
|
||||||
|
<img src="img/training-3.jpg" class="img-fluid w-100 rounded" alt="Image">
|
||||||
|
<div class="training-title-name">
|
||||||
|
<a href="#" class="h4 text-white mb-0">PTE</a>
|
||||||
|
<a href="#" class="h4 text-white mb-0">Coaching</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="training-content bg-secondary rounded-bottom p-4">
|
||||||
|
<a href="#"><h4 class="text-white">PTE Coaching</h4></a>
|
||||||
|
<p class="text-white-50">Lorem ipsum dolor sit amet consectetur adipisicing elit. Autem, veritatis.</p>
|
||||||
|
<a class="btn btn-secondary rounded-pill text-white p-0" href="#">Read More <i class="fa fa-arrow-right"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-6 col-lg-6 col-xl-3 wow fadeInUp" data-wow-delay="0.7s">
|
||||||
|
<div class="training-item">
|
||||||
|
<div class="training-inner">
|
||||||
|
<img src="img/training-4.jpg" class="img-fluid w-100 rounded" alt="Image">
|
||||||
|
<div class="training-title-name">
|
||||||
|
<a href="#" class="h4 text-white mb-0">OET</a>
|
||||||
|
<a href="#" class="h4 text-white mb-0">Coaching</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="training-content bg-secondary rounded-bottom p-4">
|
||||||
|
<a href="#"><h4 class="text-white">OET Coaching</h4></a>
|
||||||
|
<p class="text-white-50">Lorem ipsum dolor sit amet consectetur adipisicing elit. Autem, veritatis.</p>
|
||||||
|
<a class="btn btn-secondary rounded-pill text-white p-0" href="#">Read More <i class="fa fa-arrow-right"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 text-center">
|
||||||
|
<a class="btn btn-primary border-secondary rounded-pill py-3 px-5 wow fadeInUp" data-wow-delay="0.1s" href="#">View More</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Training End -->
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Contact Start -->
|
||||||
|
<div class="container-fluid contact overflow-hidden pb-5">
|
||||||
|
<div class="container py-5">
|
||||||
|
<div class="office pt-5">
|
||||||
|
<div class="section-title text-center mb-5 wow fadeInUp" data-wow-delay="0.1s">
|
||||||
|
<div class="sub-style">
|
||||||
|
<h5 class="sub-title text-primary px-3">Worlwide Offices</h5>
|
||||||
|
</div>
|
||||||
|
<h1 class="display-5 mb-4">Explore Our Office Worldwide</h1>
|
||||||
|
<p class="mb-0">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat deleniti amet at atque sequi quibusdam cumque itaque repudiandae temporibus, eius nam mollitia voluptas maxime veniam necessitatibus saepe in ab? Repellat!</p>
|
||||||
|
</div>
|
||||||
|
<div class="row g-4 justify-content-center">
|
||||||
|
<div class="col-md-6 col-lg-6 col-xl-3 wow fadeInUp" data-wow-delay="0.1s">
|
||||||
|
<div class="office-item p-4">
|
||||||
|
<div class="office-img mb-4">
|
||||||
|
<img src="img/office-2.jpg" class="img-fluid w-100 rounded" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="office-content d-flex flex-column">
|
||||||
|
<h4 class="mb-2">Australia</h4>
|
||||||
|
<a href="#" class="text-secondary fs-5 mb-2">+123.456.7890</a>
|
||||||
|
<a href="#" class="text-muted fs-5 mb-2">travisa@example.com</a>
|
||||||
|
<p class="mb-0">123, First Floor, 123 St Roots Terrace, Los Angeles 90010 Unitd States of America.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-6 col-xl-3 wow fadeInUp" data-wow-delay="0.3s">
|
||||||
|
<div class="office-item p-4">
|
||||||
|
<div class="office-img mb-4">
|
||||||
|
<img src="img/office-1.jpg" class="img-fluid w-100 rounded" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="office-content d-flex flex-column">
|
||||||
|
<h4 class="mb-2">Canada</h4>
|
||||||
|
<a href="#" class="text-secondary fs-5 mb-2">(012) 0345 6789</a>
|
||||||
|
<a href="#" class="text-muted fs-5 mb-2">travisa@example.com</a>
|
||||||
|
<p class="mb-0">123, First Floor, 123 St Roots Terrace, Los Angeles 90010 Unitd States of America.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-6 col-xl-3 wow fadeInUp" data-wow-delay="0.5s">
|
||||||
|
<div class="office-item p-4">
|
||||||
|
<div class="office-img mb-4">
|
||||||
|
<img src="img/office-3.jpg" class="img-fluid w-100 rounded" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="office-content d-flex flex-column">
|
||||||
|
<h4 class="mb-2">United Kingdom</h4>
|
||||||
|
<a href="#" class="text-secondary fs-5 mb-2">01234.567.890</a>
|
||||||
|
<a href="#" class="text-muted fs-5 mb-2">travisa@example.com</a>
|
||||||
|
<p class="mb-0">123, First Floor, 123 St Roots Terrace, Los Angeles 90010 Unitd States of America.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-6 col-xl-3 wow fadeInUp" data-wow-delay="0.7s">
|
||||||
|
<div class="office-item p-4">
|
||||||
|
<div class="office-img mb-4">
|
||||||
|
<img src="img/office-4.jpg" class="img-fluid w-100 rounded" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="office-content d-flex flex-column">
|
||||||
|
<h4 class="mb-2">India</h4>
|
||||||
|
<a href="#" class="text-secondary fs-5 mb-2">+123.45.67890</a>
|
||||||
|
<a href="#" class="text-muted fs-5 mb-2">travisa@example.com</a>
|
||||||
|
<p class="mb-0">123, First Floor, 123 St Roots Terrace, Los Angeles 90010 Unitd States of America.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Contact End -->
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Footer Start -->
|
||||||
|
<div class="container-fluid footer py-5 wow fadeIn" data-wow-delay="0.2s">
|
||||||
|
<div class="container py-5">
|
||||||
|
<div class="row g-5">
|
||||||
|
<div class="col-md-6 col-lg-6 col-xl-3">
|
||||||
|
<div class="footer-item d-flex flex-column">
|
||||||
|
<h4 class="text-secondary mb-4">Contact Info</h4>
|
||||||
|
<a href=""><i class="fa fa-map-marker-alt me-2"></i> 123 Street, New York, USA</a>
|
||||||
|
<a href=""><i class="fas fa-envelope me-2"></i> info@example.com</a>
|
||||||
|
<a href=""><i class="fas fa-phone me-2"></i> +012 345 67890</a>
|
||||||
|
<a href="" class="mb-3"><i class="fas fa-print me-2"></i> +012 345 67890</a>
|
||||||
|
<div class="d-flex align-items-center">
|
||||||
|
<i class="fas fa-share fa-2x text-secondary me-2"></i>
|
||||||
|
<a class="btn mx-1" href=""><i class="fab fa-facebook-f"></i></a>
|
||||||
|
<a class="btn mx-1" href=""><i class="fab fa-twitter"></i></a>
|
||||||
|
<a class="btn mx-1" href=""><i class="fab fa-instagram"></i></a>
|
||||||
|
<a class="btn mx-1" href=""><i class="fab fa-linkedin-in"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-6 col-xl-3">
|
||||||
|
<div class="footer-item d-flex flex-column">
|
||||||
|
<h4 class="text-secondary mb-4">Opening Time</h4>
|
||||||
|
<div class="mb-3">
|
||||||
|
<h6 class="text-muted mb-0">Mon - Friday:</h6>
|
||||||
|
<p class="text-white mb-0">09.00 am to 07.00 pm</p>
|
||||||
|
</div>
|
||||||
|
<div class="mb-3">
|
||||||
|
<h6 class="text-muted mb-0">Satday:</h6>
|
||||||
|
<p class="text-white mb-0">10.00 am to 05.00 pm</p>
|
||||||
|
</div>
|
||||||
|
<div class="mb-3">
|
||||||
|
<h6 class="text-muted mb-0">Vacation:</h6>
|
||||||
|
<p class="text-white mb-0">All Sunday is our vacation</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-6 col-xl-3">
|
||||||
|
<div class="footer-item d-flex flex-column">
|
||||||
|
<h4 class="text-secondary mb-4">Our Services</h4>
|
||||||
|
<a href="#" class=""><i class="fas fa-angle-right me-2"></i> Business</a>
|
||||||
|
<a href="#" class=""><i class="fas fa-angle-right me-2"></i> Evaluation</a>
|
||||||
|
<a href="#" class=""><i class="fas fa-angle-right me-2"></i> Migrate</a>
|
||||||
|
<a href="#" class=""><i class="fas fa-angle-right me-2"></i> Study</a>
|
||||||
|
<a href="#" class=""><i class="fas fa-angle-right me-2"></i> Counselling</a>
|
||||||
|
<a href="#" class=""><i class="fas fa-angle-right me-2"></i> Work / Career</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-6 col-xl-3">
|
||||||
|
<div class="footer-item">
|
||||||
|
<h4 class="text-secondary mb-4">Newsletter</h4>
|
||||||
|
<p class="text-white mb-3">Dolor amet sit justo amet elitr clita ipsum elitr est.Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
|
||||||
|
<div class="position-relative mx-auto rounded-pill">
|
||||||
|
<input class="form-control border-0 rounded-pill w-100 py-3 ps-4 pe-5" type="text" placeholder="Enter your email">
|
||||||
|
<button type="button" class="btn btn-primary rounded-pill position-absolute top-0 end-0 py-2 mt-2 me-2">SignUp</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Footer End -->
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Copyright Start -->
|
||||||
|
<div class="container-fluid copyright py-4">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row g-4 align-items-center">
|
||||||
|
<div class="col-md-6 text-center text-md-start mb-md-0">
|
||||||
|
<span class="text-white"><a href="#" class="border-bottom text-white"><i class="fas fa-copyright text-light me-2"></i>Your Site Name</a>, All right reserved.</span>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 text-center text-md-end text-white">
|
||||||
|
<!--/*** This template is free as long as you keep the below author’s credit link/attribution link/backlink. ***/-->
|
||||||
|
<!--/*** If you'd like to use the template without the below author’s credit link/attribution link/backlink, ***/-->
|
||||||
|
<!--/*** you can purchase the Credit Removal License from "https://htmlcodex.com/credit-removal". ***/-->
|
||||||
|
Designed By <a class="border-bottom text-white" href="https://htmlcodex.com">HTML Codex</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Copyright End -->
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Back to Top -->
|
||||||
|
<a href="#" class="btn btn-primary btn-lg-square back-to-top"><i class="fa fa-arrow-up"></i></a>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- JavaScript Libraries -->
|
||||||
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
|
||||||
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
|
||||||
|
<script src="lib/wow/wow.min.js"></script>
|
||||||
|
<script src="lib/easing/easing.min.js"></script>
|
||||||
|
<script src="lib/waypoints/waypoints.min.js"></script>
|
||||||
|
<script src="lib/counterup/counterup.min.js"></script>
|
||||||
|
<script src="lib/owlcarousel/owl.carousel.min.js"></script>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Template Javascript -->
|
||||||
|
<script src="js/main.js"></script>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
617
pages/service.html
Normal file
617
pages/service.html
Normal file
@ -0,0 +1,617 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Travisa - Visa & Immigration Website Template</title>
|
||||||
|
<meta content="width=device-width, initial-scale=1.0" name="viewport">
|
||||||
|
<meta content="" name="keywords">
|
||||||
|
<meta content="" name="description">
|
||||||
|
|
||||||
|
<!-- Google Web Fonts -->
|
||||||
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
|
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&family=Poppins:wght@200;300;400;500;600&display=swap" rel="stylesheet">
|
||||||
|
|
||||||
|
<!-- Icon Font Stylesheet -->
|
||||||
|
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css"/>
|
||||||
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet">
|
||||||
|
|
||||||
|
<!-- Libraries Stylesheet -->
|
||||||
|
<link href="lib/animate/animate.min.css" rel="stylesheet">
|
||||||
|
<link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Customized Bootstrap Stylesheet -->
|
||||||
|
<link href="css/bootstrap.min.css" rel="stylesheet">
|
||||||
|
|
||||||
|
<!-- Template Stylesheet -->
|
||||||
|
<link href="css/style.css" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<!-- Spinner Start -->
|
||||||
|
<div id="spinner" class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center">
|
||||||
|
<div class="spinner-border text-secondary" style="width: 3rem; height: 3rem;" role="status">
|
||||||
|
<span class="sr-only">Loading...</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Spinner End -->
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Topbar Start -->
|
||||||
|
<div class="container-fluid bg-primary px-5 d-none d-lg-block">
|
||||||
|
<div class="row gx-0 align-items-center">
|
||||||
|
<div class="col-lg-5 text-center text-lg-start mb-lg-0">
|
||||||
|
<div class="d-flex">
|
||||||
|
<a href="#" class="text-muted me-4"><i class="fas fa-envelope text-secondary me-2"></i>Example@gmail.com</a>
|
||||||
|
<a href="#" class="text-muted me-0"><i class="fas fa-phone-alt text-secondary me-2"></i>+01234567890</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-3 row-cols-1 text-center mb-2 mb-lg-0">
|
||||||
|
<div class="d-inline-flex align-items-center" style="height: 45px;">
|
||||||
|
<a class="btn btn-sm btn-outline-light btn-square rounded-circle me-2" href=""><i class="fab fa-twitter fw-normal text-secondary"></i></a>
|
||||||
|
<a class="btn btn-sm btn-outline-light btn-square rounded-circle me-2" href=""><i class="fab fa-facebook-f fw-normal text-secondary"></i></a>
|
||||||
|
<a class="btn btn-sm btn-outline-light btn-square rounded-circle me-2" href=""><i class="fab fa-linkedin-in fw-normal text-secondary"></i></a>
|
||||||
|
<a class="btn btn-sm btn-outline-light btn-square rounded-circle me-2" href=""><i class="fab fa-instagram fw-normal text-secondary"></i></a>
|
||||||
|
<a class="btn btn-sm btn-outline-light btn-square rounded-circle" href=""><i class="fab fa-youtube fw-normal text-secondary"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-4 text-center text-lg-end">
|
||||||
|
<div class="d-inline-flex align-items-center" style="height: 45px;">
|
||||||
|
<a href="#" class="text-muted me-2"> Help</a><small> / </small>
|
||||||
|
<a href="#" class="text-muted mx-2"> Support</a><small> / </small>
|
||||||
|
<a href="#" class="text-muted ms-2"> Contact</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Topbar End -->
|
||||||
|
|
||||||
|
<!-- Navbar & Hero Start -->
|
||||||
|
<div class="container-fluid nav-bar p-0">
|
||||||
|
<nav class="navbar navbar-expand-lg navbar-light bg-white px-4 px-lg-5 py-3 py-lg-0">
|
||||||
|
<a href="" class="navbar-brand p-0">
|
||||||
|
<h1 class="display-5 text-secondary m-0"><img src="img/brand-logo.png" class="img-fluid" alt="">Travisa</h1>
|
||||||
|
<!-- <img src="img/logo.png" alt="Logo"> -->
|
||||||
|
</a>
|
||||||
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
|
||||||
|
<span class="fa fa-bars"></span>
|
||||||
|
</button>
|
||||||
|
<div class="collapse navbar-collapse" id="navbarCollapse">
|
||||||
|
<div class="navbar-nav ms-auto py-0">
|
||||||
|
<a href="index.html" class="nav-item nav-link">Home</a>
|
||||||
|
<a href="about.html" class="nav-item nav-link">About</a>
|
||||||
|
<a href="service.html" class="nav-item nav-link active">Service</a>
|
||||||
|
<div class="nav-item dropdown">
|
||||||
|
<a href="#" class="nav-link" data-bs-toggle="dropdown"><span class="dropdown-toggle">Pages</span></a>
|
||||||
|
<div class="dropdown-menu m-0">
|
||||||
|
<a href="feature.html" class="dropdown-item">Feature</a>
|
||||||
|
<a href="countries.html" class="dropdown-item">Countries</a>
|
||||||
|
<a href="testimonial.html" class="dropdown-item">Testimonial</a>
|
||||||
|
<a href="training.html" class="dropdown-item">Training</a>
|
||||||
|
<a href="404.html" class="dropdown-item">404 Page</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<a href="contact.html" class="nav-item nav-link">Contact</a>
|
||||||
|
</div>
|
||||||
|
<button class="btn btn-primary btn-md-square border-secondary mb-3 mb-md-3 mb-lg-0 me-3" data-bs-toggle="modal" data-bs-target="#searchModal"><i class="fas fa-search"></i></button>
|
||||||
|
<a href="" class="btn btn-primary border-secondary rounded-pill py-2 px-4 px-lg-3 mb-3 mb-md-3 mb-lg-0">Get A Quote</a>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
<!-- Navbar & Hero End -->
|
||||||
|
|
||||||
|
<!-- Modal Search Start -->
|
||||||
|
<div class="modal fade" id="searchModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
|
||||||
|
<div class="modal-dialog modal-fullscreen">
|
||||||
|
<div class="modal-content rounded-0">
|
||||||
|
<div class="modal-header">
|
||||||
|
<h4 class="modal-title text-secondary mb-0" id="exampleModalLabel">Search by keyword</h4>
|
||||||
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||||
|
</div>
|
||||||
|
<div class="modal-body d-flex align-items-center">
|
||||||
|
<div class="input-group w-75 mx-auto d-flex">
|
||||||
|
<input type="search" class="form-control p-3" placeholder="keywords" aria-describedby="search-icon-1">
|
||||||
|
<span id="search-icon-1" class="input-group-text p-3"><i class="fa fa-search"></i></span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Modal Search End -->
|
||||||
|
|
||||||
|
<!-- Header Start -->
|
||||||
|
<div class="container-fluid bg-breadcrumb">
|
||||||
|
<div class="container text-center py-5" style="max-width: 900px;">
|
||||||
|
<h3 class="text-white display-3 mb-4 wow fadeInDown" data-wow-delay="0.1s">Our Services</h1>
|
||||||
|
<ol class="breadcrumb justify-content-center text-white mb-0 wow fadeInDown" data-wow-delay="0.3s">
|
||||||
|
<li class="breadcrumb-item"><a href="index.html" class="text-white">Home</a></li>
|
||||||
|
<li class="breadcrumb-item"><a href="#" class="text-white">Pages</a></li>
|
||||||
|
<li class="breadcrumb-item active text-secondary">Services</li>
|
||||||
|
</ol>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Header End -->
|
||||||
|
|
||||||
|
<!-- Services Start -->
|
||||||
|
<div class="container-fluid service overflow-hidden py-5">
|
||||||
|
<div class="container py-5">
|
||||||
|
<div class="section-title text-center mb-5 wow fadeInUp" data-wow-delay="0.1s">
|
||||||
|
<div class="sub-style">
|
||||||
|
<h5 class="sub-title text-primary px-3">Visa Categories</h5>
|
||||||
|
</div>
|
||||||
|
<h1 class="display-5 mb-4">Enabling Your Immigration Successfully</h1>
|
||||||
|
<p class="mb-0">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat deleniti amet at atque sequi quibusdam cumque itaque repudiandae temporibus, eius nam mollitia voluptas maxime veniam necessitatibus saepe in ab? Repellat!</p>
|
||||||
|
</div>
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-lg-6 col-xl-4 wow fadeInUp" data-wow-delay="0.1s">
|
||||||
|
<div class="service-item">
|
||||||
|
<div class="service-inner">
|
||||||
|
<div class="service-img">
|
||||||
|
<img src="img/service-1.jpg" class="img-fluid w-100 rounded" alt="Image">
|
||||||
|
</div>
|
||||||
|
<div class="service-title">
|
||||||
|
<div class="service-title-name">
|
||||||
|
<div class="bg-primary text-center rounded p-3 mx-5 mb-4">
|
||||||
|
<a href="#" class="h4 text-white mb-0">Job Visa</a>
|
||||||
|
</div>
|
||||||
|
<a class="btn bg-light text-secondary rounded-pill py-3 px-5 mb-4" href="#">Explore More</a>
|
||||||
|
</div>
|
||||||
|
<div class="service-content pb-4">
|
||||||
|
<a href="#"><h4 class="text-white mb-4 py-3">Job Visa</h4></a>
|
||||||
|
<div class="px-4">
|
||||||
|
<p class="mb-4">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Mollitia fugit dolores nesciunt adipisci obcaecati veritatis cum, ratione aspernatur autem velit.</p>
|
||||||
|
<a class="btn btn-primary border-secondary rounded-pill py-3 px-5" href="#">Explore More</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-6 col-xl-4 wow fadeInUp" data-wow-delay="0.3s">
|
||||||
|
<div class="service-item">
|
||||||
|
<div class="service-inner">
|
||||||
|
<div class="service-img">
|
||||||
|
<img src="img/service-2.jpg" class="img-fluid w-100 rounded" alt="Image">
|
||||||
|
</div>
|
||||||
|
<div class="service-title">
|
||||||
|
<div class="service-title-name">
|
||||||
|
<div class="bg-primary text-center rounded p-3 mx-5 mb-4">
|
||||||
|
<a href="#" class="h4 text-white mb-0">Business Visa</a>
|
||||||
|
</div>
|
||||||
|
<a class="btn bg-light text-secondary rounded-pill py-3 px-5 mb-4" href="#">Explore More</a>
|
||||||
|
</div>
|
||||||
|
<div class="service-content pb-4">
|
||||||
|
<a href="#"><h4 class="text-white mb-4 py-3">Business Visa</h4></a>
|
||||||
|
<div class="px-4">
|
||||||
|
<p class="mb-4">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Mollitia fugit dolores nesciunt adipisci obcaecati veritatis cum, ratione aspernatur autem velit.</p>
|
||||||
|
<a class="btn btn-primary border-secondary rounded-pill text-white py-3 px-5" href="#">Explore More</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-6 col-xl-4 wow fadeInUp" data-wow-delay="0.5s">
|
||||||
|
<div class="service-item">
|
||||||
|
<div class="service-inner">
|
||||||
|
<div class="service-img">
|
||||||
|
<img src="img/service-3.jpg" class="img-fluid w-100 rounded" alt="Image">
|
||||||
|
</div>
|
||||||
|
<div class="service-title">
|
||||||
|
<div class="service-title-name">
|
||||||
|
<div class="bg-primary text-center rounded p-3 mx-5 mb-4">
|
||||||
|
<a href="#" class="h4 text-white mb-0">Diplometic Visa</a>
|
||||||
|
</div>
|
||||||
|
<a class="btn bg-light text-secondary rounded-pill py-3 px-5 mb-4" href="#">Explore More</a>
|
||||||
|
</div>
|
||||||
|
<div class="service-content pb-4">
|
||||||
|
<a href="#"><h4 class="text-white mb-4 py-3">Diplometic Visa</h4></a>
|
||||||
|
<div class="px-4">
|
||||||
|
<p class="mb-4">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Mollitia fugit dolores nesciunt adipisci obcaecati veritatis cum, ratione aspernatur autem velit.</p>
|
||||||
|
<a class="btn btn-primary border-secondary rounded-pill text-white py-3 px-5" href="#">Explore More</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-6 col-xl-4 wow fadeInUp" data-wow-delay="0.1s">
|
||||||
|
<div class="service-item">
|
||||||
|
<div class="service-inner">
|
||||||
|
<div class="service-img">
|
||||||
|
<img src="img/service-1.jpg" class="img-fluid w-100 rounded" alt="Image">
|
||||||
|
</div>
|
||||||
|
<div class="service-title">
|
||||||
|
<div class="service-title-name">
|
||||||
|
<div class="bg-primary text-center rounded p-3 mx-5 mb-4">
|
||||||
|
<a href="#" class="h4 text-white mb-0">Students Visa</a>
|
||||||
|
</div>
|
||||||
|
<a class="btn bg-light text-secondary rounded-pill py-3 px-5 mb-4" href="#">Explore More</a>
|
||||||
|
</div>
|
||||||
|
<div class="service-content pb-4">
|
||||||
|
<a href="#"><h4 class="text-white mb-4 py-3">Students Visa</h4></a>
|
||||||
|
<div class="px-4">
|
||||||
|
<p class="mb-4">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Mollitia fugit dolores nesciunt adipisci obcaecati veritatis cum, ratione aspernatur autem velit.</p>
|
||||||
|
<a class="btn btn-primary border-secondary rounded-pill text-white py-3 px-5" href="#">Explore More</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-6 col-xl-4 wow fadeInUp" data-wow-delay="0.3s">
|
||||||
|
<div class="service-item">
|
||||||
|
<div class="service-inner">
|
||||||
|
<div class="service-img">
|
||||||
|
<img src="img/service-2.jpg" class="img-fluid w-100 rounded" alt="Image">
|
||||||
|
</div>
|
||||||
|
<div class="service-title">
|
||||||
|
<div class="service-title-name">
|
||||||
|
<div class="bg-primary text-center rounded p-3 mx-5 mb-4">
|
||||||
|
<a href="#" class="h4 text-white mb-0">Residence Visa</a>
|
||||||
|
</div>
|
||||||
|
<a class="btn bg-light text-secondary rounded-pill py-3 px-5 mb-4" href="#">Explore More</a>
|
||||||
|
</div>
|
||||||
|
<div class="service-content pb-4">
|
||||||
|
<a href="#"><h4 class="text-white mb-4 py-3">Residence Visa</h4></a>
|
||||||
|
<div class="px-4">
|
||||||
|
<p class="mb-4">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Mollitia fugit dolores nesciunt adipisci obcaecati veritatis cum, ratione aspernatur autem velit.</p>
|
||||||
|
<a class="btn btn-primary border-secondary rounded-pill text-white py-3 px-5" href="#">Explore More</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-6 col-xl-4 wow fadeInUp" data-wow-delay="0.5s">
|
||||||
|
<div class="service-item">
|
||||||
|
<div class="service-inner">
|
||||||
|
<div class="service-img">
|
||||||
|
<img src="img/service-3.jpg" class="img-fluid w-100 rounded" alt="Image">
|
||||||
|
</div>
|
||||||
|
<div class="service-title">
|
||||||
|
<div class="service-title-name">
|
||||||
|
<div class="bg-primary text-center rounded p-3 mx-5 mb-4">
|
||||||
|
<a href="#" class="h4 text-white mb-0">Tourist Visa</a>
|
||||||
|
</div>
|
||||||
|
<a class="btn bg-light text-secondary rounded-pill py-3 px-5 mb-4" href="#">Explore More</a>
|
||||||
|
</div>
|
||||||
|
<div class="service-content pb-4">
|
||||||
|
<a href="#"><h4 class="text-white mb-4 py-3">Tourist Visa</h4></a>
|
||||||
|
<div class="px-4">
|
||||||
|
<p class="mb-4">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Mollitia fugit dolores nesciunt adipisci obcaecati veritatis cum, ratione aspernatur autem velit.</p>
|
||||||
|
<a class="btn btn-primary border-secondary rounded-pill text-white py-3 px-5" href="#">Explore More</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Services End -->
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Counter Facts Start -->
|
||||||
|
<div class="container-fluid counter-facts py-5">
|
||||||
|
<div class="container py-5">
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-12 col-sm-6 col-md-6 col-xl-3 wow fadeInUp" data-wow-delay="0.1s">
|
||||||
|
<div class="counter">
|
||||||
|
<div class="counter-icon">
|
||||||
|
<i class="fas fa-passport"></i>
|
||||||
|
</div>
|
||||||
|
<div class="counter-content">
|
||||||
|
<h3>Visa Categories</h3>
|
||||||
|
<div class="d-flex align-items-center justify-content-center">
|
||||||
|
<span class="counter-value" data-toggle="counter-up">31</span>
|
||||||
|
<h4 class="text-secondary mb-0" style="font-weight: 600; font-size: 25px;">+</h4>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 col-sm-6 col-md-6 col-xl-3 wow fadeInUp" data-wow-delay="0.3s">
|
||||||
|
<div class="counter">
|
||||||
|
<div class="counter-icon">
|
||||||
|
<i class="fas fa-users"></i>
|
||||||
|
</div>
|
||||||
|
<div class="counter-content">
|
||||||
|
<h3>Team Members</h3>
|
||||||
|
<div class="d-flex align-items-center justify-content-center">
|
||||||
|
<span class="counter-value" data-toggle="counter-up">377</span>
|
||||||
|
<h4 class="text-secondary mb-0" style="font-weight: 600; font-size: 25px;">+</h4>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 col-sm-6 col-md-6 col-xl-3 wow fadeInUp" data-wow-delay="0.5s">
|
||||||
|
<div class="counter">
|
||||||
|
<div class="counter-icon">
|
||||||
|
<i class="fas fa-user-check"></i>
|
||||||
|
</div>
|
||||||
|
<div class="counter-content">
|
||||||
|
<h3>Visa Process</h3>
|
||||||
|
<div class="d-flex align-items-center justify-content-center">
|
||||||
|
<span class="counter-value" data-toggle="counter-up">4.9</span>
|
||||||
|
<h4 class="text-secondary mb-0" style="font-weight: 600; font-size: 25px;">K</h4>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 col-sm-6 col-md-6 col-xl-3 wow fadeInUp" data-wow-delay="0.7s">
|
||||||
|
<div class="counter">
|
||||||
|
<div class="counter-icon">
|
||||||
|
<i class="fas fa-handshake"></i>
|
||||||
|
</div>
|
||||||
|
<div class="counter-content">
|
||||||
|
<h3>Success Rates</h3>
|
||||||
|
<div class="d-flex align-items-center justify-content-center">
|
||||||
|
<span class="counter-value" data-toggle="counter-up">98</span>
|
||||||
|
<h4 class="text-secondary mb-0" style="font-weight: 600; font-size: 25px;">%</h4>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Counter Facts End -->
|
||||||
|
|
||||||
|
<!-- Countries We Offer Start -->
|
||||||
|
<div class="container-fluid country overflow-hidden py-5">
|
||||||
|
<div class="container py-5">
|
||||||
|
<div class="section-title text-center wow fadeInUp" data-wow-delay="0.1s" style="margin-bottom: 70px;">
|
||||||
|
<div class="sub-style">
|
||||||
|
<h5 class="sub-title text-primary px-3">COUNTRIES WE OFFER</h5>
|
||||||
|
</div>
|
||||||
|
<h1 class="display-5 mb-4">Immigration & visa services following Countries</h1>
|
||||||
|
<p class="mb-0">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat deleniti amet at atque sequi quibusdam cumque itaque repudiandae temporibus, eius nam mollitia voluptas maxime veniam necessitatibus saepe in ab? Repellat!</p>
|
||||||
|
</div>
|
||||||
|
<div class="row g-4 text-center">
|
||||||
|
<div class="col-lg-6 col-xl-3 mb-5 mb-xl-0 wow fadeInUp" data-wow-delay="0.1s">
|
||||||
|
<div class="country-item">
|
||||||
|
<div class="rounded overflow-hidden">
|
||||||
|
<img src="img/country-1.jpg" class="img-fluid w-100 rounded" alt="Image">
|
||||||
|
</div>
|
||||||
|
<div class="country-flag">
|
||||||
|
<img src="img/brazil.jpg" class="img-fluid rounded-circle" alt="Image">
|
||||||
|
</div>
|
||||||
|
<div class="country-name">
|
||||||
|
<a href="#" class="text-white fs-4">Brazil</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-6 col-xl-3 mb-5 mb-xl-0 wow fadeInUp" data-wow-delay="0.3s">
|
||||||
|
<div class="country-item">
|
||||||
|
<div class="rounded overflow-hidden">
|
||||||
|
<img src="img/country-2.jpg" class="img-fluid w-100 rounded" alt="Image">
|
||||||
|
</div>
|
||||||
|
<div class="country-flag">
|
||||||
|
<img src="img/india.jpg" class="img-fluid rounded-circle" alt="Image">
|
||||||
|
</div>
|
||||||
|
<div class="country-name">
|
||||||
|
<a href="#" class="text-white fs-4">india</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-6 col-xl-3 mb-5 mb-xl-0 wow fadeInUp" data-wow-delay="0.5s">
|
||||||
|
<div class="country-item">
|
||||||
|
<div class="rounded overflow-hidden">
|
||||||
|
<img src="img/country-3.jpg" class="img-fluid w-100 rounded" alt="Image">
|
||||||
|
</div>
|
||||||
|
<div class="country-flag">
|
||||||
|
<img src="img/usa.jpg" class="img-fluid rounded-circle" alt="Image">
|
||||||
|
</div>
|
||||||
|
<div class="country-name">
|
||||||
|
<a href="#" class="text-white fs-4">New York</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-6 col-xl-3 mb-5 mb-xl-0 wow fadeInUp" data-wow-delay="0.7s">
|
||||||
|
<div class="country-item">
|
||||||
|
<div class="rounded overflow-hidden">
|
||||||
|
<img src="img/country-4.jpg" class="img-fluid w-100 rounded" alt="Image">
|
||||||
|
</div>
|
||||||
|
<div class="country-flag">
|
||||||
|
<img src="img/italy.jpg" class="img-fluid rounded-circle" alt="Image">
|
||||||
|
</div>
|
||||||
|
<div class="country-name">
|
||||||
|
<a href="#" class="text-white fs-4">Italy</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-12">
|
||||||
|
<a class="btn btn-primary border-secondary rounded-pill py-3 px-5 wow fadeInUp" data-wow-delay="0.1s" href="#">More Countries</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Countries We Offer End -->
|
||||||
|
|
||||||
|
<!-- Training Start -->
|
||||||
|
<div class="container-fluid training bg-light overflow-hidden py-5">
|
||||||
|
<div class="container py-5">
|
||||||
|
<div class="section-title text-center mb-5 wow fadeInUp" data-wow-delay="0.1s">
|
||||||
|
<div class="sub-style">
|
||||||
|
<h5 class="sub-title text-primary px-3">CHECK OUR TRAINING</h5>
|
||||||
|
</div>
|
||||||
|
<h1 class="display-5 mb-4">Get the Best Coacing Service Training with Our Travisa</h1>
|
||||||
|
<p class="mb-0">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat deleniti amet at atque sequi quibusdam cumque itaque repudiandae temporibus, eius nam mollitia voluptas maxime veniam necessitatibus saepe in ab? Repellat!</p>
|
||||||
|
</div>
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-lg-6 col-lg-6 col-xl-3 wow fadeInUp" data-wow-delay="0.1s">
|
||||||
|
<div class="training-item">
|
||||||
|
<div class="training-inner">
|
||||||
|
<img src="img/training-1.jpg" class="img-fluid w-100 rounded" alt="Image">
|
||||||
|
<div class="training-title-name">
|
||||||
|
<a href="#" class="h4 text-white mb-0">IELTS</a>
|
||||||
|
<a href="#" class="h4 text-white mb-0">Coaching</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="training-content bg-secondary rounded-bottom p-4">
|
||||||
|
<a href="#"><h4 class="text-white">IELTS Coaching</h4></a>
|
||||||
|
<p class="text-white-50">Lorem ipsum dolor sit amet consectetur adipisicing elit. Autem, veritatis.</p>
|
||||||
|
<a class="btn btn-secondary rounded-pill text-white p-0" href="#">Read More <i class="fa fa-arrow-right"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-6 col-lg-6 col-xl-3 wow fadeInUp" data-wow-delay="0.3s">
|
||||||
|
<div class="training-item">
|
||||||
|
<div class="training-inner">
|
||||||
|
<img src="img/training-2.jpg" class="img-fluid w-100 rounded" alt="Image">
|
||||||
|
<div class="training-title-name">
|
||||||
|
<a href="#" class="h4 text-white mb-0">TOEFL</a>
|
||||||
|
<a href="#" class="h4 text-white mb-0">Coaching</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="training-content bg-secondary rounded-bottom p-4">
|
||||||
|
<a href="#"><h4 class="text-white">TOEFL Coaching</h4></a>
|
||||||
|
<p class="text-white-50">Lorem ipsum dolor sit amet consectetur adipisicing elit. Autem, veritatis.</p>
|
||||||
|
<a class="btn btn-secondary rounded-pill text-white p-0" href="#">Read More <i class="fa fa-arrow-right"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-6 col-lg-6 col-xl-3 wow fadeInUp" data-wow-delay="0.5s">
|
||||||
|
<div class="training-item">
|
||||||
|
<div class="training-inner">
|
||||||
|
<img src="img/training-3.jpg" class="img-fluid w-100 rounded" alt="Image">
|
||||||
|
<div class="training-title-name">
|
||||||
|
<a href="#" class="h4 text-white mb-0">PTE</a>
|
||||||
|
<a href="#" class="h4 text-white mb-0">Coaching</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="training-content bg-secondary rounded-bottom p-4">
|
||||||
|
<a href="#"><h4 class="text-white">PTE Coaching</h4></a>
|
||||||
|
<p class="text-white-50">Lorem ipsum dolor sit amet consectetur adipisicing elit. Autem, veritatis.</p>
|
||||||
|
<a class="btn btn-secondary rounded-pill text-white p-0" href="#">Read More <i class="fa fa-arrow-right"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-6 col-lg-6 col-xl-3 wow fadeInUp" data-wow-delay="0.7s">
|
||||||
|
<div class="training-item">
|
||||||
|
<div class="training-inner">
|
||||||
|
<img src="img/training-4.jpg" class="img-fluid w-100 rounded" alt="Image">
|
||||||
|
<div class="training-title-name">
|
||||||
|
<a href="#" class="h4 text-white mb-0">OET</a>
|
||||||
|
<a href="#" class="h4 text-white mb-0">Coaching</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="training-content bg-secondary rounded-bottom p-4">
|
||||||
|
<a href="#"><h4 class="text-white">OET Coaching</h4></a>
|
||||||
|
<p class="text-white-50">Lorem ipsum dolor sit amet consectetur adipisicing elit. Autem, veritatis.</p>
|
||||||
|
<a class="btn btn-secondary rounded-pill text-white p-0" href="#">Read More <i class="fa fa-arrow-right"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 text-center">
|
||||||
|
<a class="btn btn-primary border-secondary rounded-pill py-3 px-5 wow fadeInUp" data-wow-delay="0.1s" href="#">View More</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Training End -->
|
||||||
|
|
||||||
|
<!-- Footer Start -->
|
||||||
|
<div class="container-fluid footer py-5 wow fadeIn" data-wow-delay="0.2s">
|
||||||
|
<div class="container py-5">
|
||||||
|
<div class="row g-5">
|
||||||
|
<div class="col-md-6 col-lg-6 col-xl-3">
|
||||||
|
<div class="footer-item d-flex flex-column">
|
||||||
|
<h4 class="text-secondary mb-4">Contact Info</h4>
|
||||||
|
<a href=""><i class="fa fa-map-marker-alt me-2"></i> 123 Street, New York, USA</a>
|
||||||
|
<a href=""><i class="fas fa-envelope me-2"></i> info@example.com</a>
|
||||||
|
<a href=""><i class="fas fa-phone me-2"></i> +012 345 67890</a>
|
||||||
|
<a href="" class="mb-3"><i class="fas fa-print me-2"></i> +012 345 67890</a>
|
||||||
|
<div class="d-flex align-items-center">
|
||||||
|
<i class="fas fa-share fa-2x text-secondary me-2"></i>
|
||||||
|
<a class="btn mx-1" href=""><i class="fab fa-facebook-f"></i></a>
|
||||||
|
<a class="btn mx-1" href=""><i class="fab fa-twitter"></i></a>
|
||||||
|
<a class="btn mx-1" href=""><i class="fab fa-instagram"></i></a>
|
||||||
|
<a class="btn mx-1" href=""><i class="fab fa-linkedin-in"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-6 col-xl-3">
|
||||||
|
<div class="footer-item d-flex flex-column">
|
||||||
|
<h4 class="text-secondary mb-4">Opening Time</h4>
|
||||||
|
<div class="mb-3">
|
||||||
|
<h6 class="text-muted mb-0">Mon - Friday:</h6>
|
||||||
|
<p class="text-white mb-0">09.00 am to 07.00 pm</p>
|
||||||
|
</div>
|
||||||
|
<div class="mb-3">
|
||||||
|
<h6 class="text-muted mb-0">Satday:</h6>
|
||||||
|
<p class="text-white mb-0">10.00 am to 05.00 pm</p>
|
||||||
|
</div>
|
||||||
|
<div class="mb-3">
|
||||||
|
<h6 class="text-muted mb-0">Vacation:</h6>
|
||||||
|
<p class="text-white mb-0">All Sunday is our vacation</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-6 col-xl-3">
|
||||||
|
<div class="footer-item d-flex flex-column">
|
||||||
|
<h4 class="text-secondary mb-4">Our Services</h4>
|
||||||
|
<a href="#" class=""><i class="fas fa-angle-right me-2"></i> Business</a>
|
||||||
|
<a href="#" class=""><i class="fas fa-angle-right me-2"></i> Evaluation</a>
|
||||||
|
<a href="#" class=""><i class="fas fa-angle-right me-2"></i> Migrate</a>
|
||||||
|
<a href="#" class=""><i class="fas fa-angle-right me-2"></i> Study</a>
|
||||||
|
<a href="#" class=""><i class="fas fa-angle-right me-2"></i> Counselling</a>
|
||||||
|
<a href="#" class=""><i class="fas fa-angle-right me-2"></i> Work / Career</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-6 col-xl-3">
|
||||||
|
<div class="footer-item">
|
||||||
|
<h4 class="text-secondary mb-4">Newsletter</h4>
|
||||||
|
<p class="text-white mb-3">Dolor amet sit justo amet elitr clita ipsum elitr est.Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
|
||||||
|
<div class="position-relative mx-auto rounded-pill">
|
||||||
|
<input class="form-control border-0 rounded-pill w-100 py-3 ps-4 pe-5" type="text" placeholder="Enter your email">
|
||||||
|
<button type="button" class="btn btn-primary rounded-pill position-absolute top-0 end-0 py-2 mt-2 me-2">SignUp</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Footer End -->
|
||||||
|
|
||||||
|
<!-- Copyright Start -->
|
||||||
|
<div class="container-fluid copyright py-4">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row g-4 align-items-center">
|
||||||
|
<div class="col-md-6 text-center text-md-start mb-md-0">
|
||||||
|
<span class="text-white"><a href="#" class="border-bottom text-white"><i class="fas fa-copyright text-light me-2"></i>Your Site Name</a>, All right reserved.</span>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 text-center text-md-end text-white">
|
||||||
|
<!--/*** This template is free as long as you keep the below author’s credit link/attribution link/backlink. ***/-->
|
||||||
|
<!--/*** If you'd like to use the template without the below author’s credit link/attribution link/backlink, ***/-->
|
||||||
|
<!--/*** you can purchase the Credit Removal License from "https://htmlcodex.com/credit-removal". ***/-->
|
||||||
|
Designed By <a class="border-bottom text-white" href="https://htmlcodex.com">HTML Codex</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Copyright End -->
|
||||||
|
|
||||||
|
<!-- Back to Top -->
|
||||||
|
<a href="#" class="btn btn-primary btn-lg-square back-to-top"><i class="fa fa-arrow-up"></i></a>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- JavaScript Libraries -->
|
||||||
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
|
||||||
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
|
||||||
|
<script src="lib/wow/wow.min.js"></script>
|
||||||
|
<script src="lib/easing/easing.min.js"></script>
|
||||||
|
<script src="lib/waypoints/waypoints.min.js"></script>
|
||||||
|
<script src="lib/counterup/counterup.min.js"></script>
|
||||||
|
<script src="lib/owlcarousel/owl.carousel.min.js"></script>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Template Javascript -->
|
||||||
|
<script src="js/main.js"></script>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue
Block a user