Compare commits

...

46 Commits

Author SHA1 Message Date
8704a98f70 Phone and Address Change 2024-08-01 10:34:55 +05:45
5d398d05f6 slider 2024-07-25 12:23:16 +05:45
09446d6bcd Merge branch 'main' of http://bibgit.com/Aashish/Orient_Website 2024-07-25 11:43:40 +05:45
8d8eec6a03 changes 2024-07-25 11:41:17 +05:45
Bikems Reezal
32ae338e51 slider gradient removed 2024-07-24 19:11:44 +05:45
4decfbc0f4 graphics and color 2024-07-24 16:33:55 +05:45
razusrest
b57ddd2e3a edit images 2024-07-10 18:23:40 +05:45
e5953168d6 abc 2024-07-10 16:55:49 +05:45
38fe4c41d1 issues solved 2024-07-10 16:51:35 +05:45
razusrest
89ce76a633 add md imag 2024-07-05 12:43:47 +05:45
razusrest
283aff4a10 edit breadcrumb of destination 2024-07-05 12:26:21 +05:45
razusrest
ef1c3b6747 edit about us image 2024-07-05 11:25:55 +05:45
razusrest
d23b20cd02 edit about us page 2024-07-05 11:01:44 +05:45
razusrest
f7b485ec55 add favicon 2024-07-05 10:36:31 +05:45
razusrest
08d762fa5a edit facebook and map 2024-07-05 10:17:55 +05:45
razusrest
5880bbce19 Merge branch 'main' of http://bibgit.com/Aashish/Orient_Website 2024-07-05 10:07:31 +05:45
razusrest
e9d426f020 edit 2024-07-05 10:07:27 +05:45
c9a2c908af Merge branch 'main' of http://bibgit.com/Aashish/Orient_Website 2024-07-03 11:01:33 +05:45
0f3f9769c1 coming soon 2024-07-03 11:01:08 +05:45
38408107f8 coming soon 2024-07-03 11:00:58 +05:45
razusrest
1d5e77f12a Merge branch 'main' of http://bibgit.com/Aashish/Orient_Website 2024-07-02 16:06:47 +05:45
razusrest
53f209f335 change font size 2024-07-02 16:06:32 +05:45
922aaa36bd Content 2024-07-02 15:30:47 +05:45
786ab13839 content 2024-07-02 13:42:23 +05:45
fd727b57e4 student resources 2024-07-02 13:24:18 +05:45
bf32ca2ae9 student resources 2024-07-02 12:30:56 +05:45
razusrest
0f6417d4a8 edit 2024-07-02 11:38:14 +05:45
razusrest
4314ea5e10 edit image 2024-07-02 11:36:53 +05:45
1a4c7042e9 blogs 2024-07-02 11:36:06 +05:45
b5e7245b8a Merge branch 'main' of http://bibgit.com/Aashish/Orient_Website 2024-07-01 19:08:00 +05:45
d330f2145c abc 2024-07-01 19:07:49 +05:45
razusrest
b02bc12d1d edit footer 2024-07-01 18:55:32 +05:45
razusrest
70c68e6270 add images 2024-07-01 18:44:18 +05:45
106284eaee abc 2024-07-01 18:18:12 +05:45
1f4fc915f0 content 2024-07-01 18:11:36 +05:45
b88b2b4ed8 abc 2024-07-01 18:08:27 +05:45
razusrest
aaf6e10d1b header part edit 2024-07-01 18:01:44 +05:45
razusrest
3a776f70ad edit home page 2024-07-01 17:55:55 +05:45
4db8b05723 content 2024-07-01 17:11:53 +05:45
razusrest
cf913a6625 Merge branch 'main' of http://bibgit.com/Aashish/Orient_Website 2024-07-01 17:06:35 +05:45
razusrest
bf9d77853e edit header 2024-07-01 17:06:33 +05:45
3a77e62a5c content 2024-07-01 17:04:18 +05:45
razusrest
3d14348528 edit 2024-06-25 14:02:13 +05:45
eefb79b3c9 content 2024-06-24 16:53:38 +05:45
Aashishad
d80bd7dfd9 Merge branch 'main' of ssh://bibgit.com:22022/Aashish/Orient_Website 2024-06-21 17:13:49 +05:45
Aashishad
02d6e8682a consultancy changed to international 2024-06-21 17:12:10 +05:45
442 changed files with 50764 additions and 1036 deletions

8
.htaccess Normal file
View File

@@ -0,0 +1,8 @@
# php -- BEGIN cPanel-generated handler, do not edit
# Set the “ea-php82” package as the default “PHP” programming language.
<IfModule mime_module>
AddHandler application/x-httpd-ea-php82___lsphp .php .php8 .phtml
</IfModule>
# php -- END cPanel-generated handler, do not edit

View File

@@ -1,38 +0,0 @@
=> 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<6F>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<6F>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 )

View File

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

View File

@@ -14,24 +14,22 @@
<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="col-xl-4 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">
<img src="img/aboutus.png" class="img-fluid" style="height:auto; " 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">Orient Consultancy is a premier educational services provider specializing in test preparation,
language training, and study abroad consultancy. Our expert team offers personalized coaching for exams like
IELTS, TOEFL, PTE, SAT, GRE, and GMAT, alongside structured language classes in Japanese and Korean. We guide
students through every step of their academic journey, from university admissions to visa applications, and
provide career counseling to ensure their success in a globalized world. Committed to excellence and
integrity, Orient Consultancy strives to empower individuals with the knowledge and skills needed to achieve
their academic and professional aspirations effectively.</p>
<div class="col-xl-8 wow fadeInRight" data-wow-delay="0.3s">
<h3 class="sub-title display-5 pe-3 text-lg b">Overview</h3>
<p class="mb-4">Welcome to Orient International for Abroad Studies, your dedicated partner in realizing your aspirations of studying abroad. With over a decade of unwavering commitment to excellence, Orient International has established itself as a trusted name in the field of international education consultancy.</p>
<p class="mb-4">At Orient International, we understand that studying abroad is not just about acquiring academic qualifications; it is a transformative journey that opens doors to new cultures, perspectives, and opportunities. Our mission is to empower students from around the world to navigate this journey with confidence and success.</p>
<p class="mb-4">Through personalized counseling and comprehensive support, we guide students through every step of the process, from selecting the right course and university to preparing visa applications and settling into their new academic environment. Our goal is to ensure that every student receives the best possible guidance and resources to achieve their academic and career goals abroad.</p>
<p class="mb-4">With a deep commitment to integrity, excellence, and innovation, Orient International strives to redefine the standards of educational consultancy. Our dedicated team of experienced professionals is committed to providing unmatched service, tailored to the unique needs and aspirations of each student.</p>
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i>Excellence: Commitment to delivering high-quality services and support.</p>
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i>Integrity: Upholding ethical standards in all our interactions and operations.</p>
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i>Empowerment: Empowering students to make informed decisions and achieve their aspirations.</p>
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i>Innovation: Embracing innovation to enhance the student experience and service delivery.</p>
</div>
</div>
</div>
</div>
@@ -99,72 +97,169 @@
</div>
</div>
<!--Team -->
<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">Our Team</h5>
</div>
<p class="mb-0">Meet our dedicated team of professionals who bring a wealth of experience and expertise in international education. Our team is committed to guiding students through every step of their journey, ensuring personalized attention and support.</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/avatar.png" class="img-fluid w-100 rounded" alt="Image">
</div>
<div class="country-name">
<a href="#" class="text-white fs-4">Name</a>
<a href="#" class="text-white fs-4">Designation</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/avatar.png" class="img-fluid w-100 rounded" alt="Image">
</div>
<div class="country-name">
<a href="#" class="text-white fs-4">Name</a>
<a href="#" class="text-white fs-4">Designation</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/avatar.png" class="img-fluid w-100 rounded" alt="Image">
</div>
<div class="country-name">
<a href="#" class="text-white fs-4">Name</a>
<a href="#" class="text-white fs-4">Designation</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/avatar.png" class="img-fluid w-100 rounded" alt="Image">
</div>
<div class="country-name">
<a href="#" class="text-white fs-4">Name</a>
<a href="#" class="text-white fs-4">Designation</a>
</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>
<h3 class="sub-title display-5 mb-4 px-3">Mission, Vision & Values</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>
<p class="mb-0">Empowering students through personalized guidance to achieve academic and career success.</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>
<p class="mb-4">Our mission at Orient International is to empower students by providing expert guidance and resources that facilitate successful academic journeys abroad. We strive to make the process seamless and enriching, ensuring every student receives the best opportunities for personal and professional growth.</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>
<p class="mb-4">Driven by a vision of creating global citizens and fostering cross-cultural understanding, Orient International aims to be a catalyst for educational excellence and international cooperation. We envision a future where education transcends borders, empowering individuals to make a positive impact worldwide.</p>
</div>
<div>
<h2 class=" mb-4">Objectives
<h2 class=" mb-4">Our Values
</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>
<p class="mb-4">At Orient International, our values are the cornerstone of our operations.</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">Why Choose<br> Orient International?</h3>
</div>
<p class="mb-4">Choosing Orient International means choosing:</p>
</div>
<div>
<h2 class=" mb-4">Expert Guidance:
</h2>
<p class="mb-4">Tailored counseling from industry experts with a deep understanding of global education trends.</p>
</div>
<div>
<h2 class=" mb-4">Comprehensive Support:
</h2>
<p class="mb-4">End-to-end assistance from application to visa processing and beyond.</p>
</div>
<div>
<h2 class=" mb-4">Proven Track Record:
</h2>
<p class="mb-4">A decade of successful student placements in top universities worldwide.</p>
</div>
<div>
<h2 class=" mb-4">Global Network:
</h2>
<p class="mb-4">Partnerships with prestigious universities and educational institutions globally.</p>
</div>
<div>
<h2 class=" mb-4">Community Engagement:
</h2>
<p class="mb-4">Beyond our core services, Orient International actively engages with the community and educational stakeholders to promote access to quality education. We collaborate with schools, colleges, and organizations to foster educational opportunities and support initiatives that benefit students.</p>
</div>
</div>
</div>
<div class="container-fluid country overflow-hidden py-5" id="network">
<!-- cta -->
<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">Get in Touch</h2>
<p class="mb-4">Contact us today to schedule a consultation with our experienced counselors and start planning your future.</p>
</div>
<div class="col-lg-2 row-cols-1 text-center mb-2 mb-lg-0">
<a href="contact.php" class="btn btn-outline-dark rounded-pill m-3 " data-bs-toggle="modal"
data-bs-target="#exampleModal" data-bs-whatever="Orient">Contact Us</a>
</div>
</div>
</div>
</div>
<!-- <div class="container-fluid country overflow-hidden py-5" id="network">
<div class="container ">
<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-5">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>
<p class="mb-5">Connecting students to their dreams, one consultation at a time. Navigating educational paths with expertise and care.</p>
<div class="container-fluid country pt-5 ">
@@ -244,6 +339,6 @@
</div>
</div>
</div>
</div> -->
<?php include ('footer.php'); ?>

91
apply.php Normal file
View File

@@ -0,0 +1,91 @@
<?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">Apply Form</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">Apply Now</a></li>
</ol>
</div>
</div>
<!-- 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/reg-form.jpg" class=" "
style="width: 650px; height: 800px; object-fit: cover; object-position: 100% 0;" 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 well 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 mb-3" 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&amp;k=6LcYxAETAAAAACHBoSfbKWFI5G5o24X3wU-3WA06&amp;co=aHR0cHM6Ly9hY2Nlc3NuZXBhbC5uZXQ6NDQz&amp;hl=en&amp;v=9pvHvq7kSOTqqZusUzJ6ewaF&amp;size=normal&amp;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>
<a href="#"><button class="btn btn-primary w-100 py-3 ">Submit your Enquiry</button></a>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<!-- Contact End -->
<?php include('footer.php');?>

View File

@@ -2,7 +2,7 @@
<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>
<h3 class="text-white display-3 mb-4 wow fadeInDown" data-wow-delay="0.1s">Australia</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>
@@ -17,69 +17,74 @@
<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=" height: 350px; object-fit: cover;" alt="Image">
<img src="img/australia.png" class="img-fluid w-100" style=" 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>
<h1 class="display-5 mb-4">Introduction</h1>
<p class="">Australia is globally recognized for its excellence in education, offering students a unique blend of academic quality, cultural diversity, and natural beauty. With a welcoming environment and a reputation for innovation, Australia is an ideal destination for international students seeking a transformative educational experience.</p>
<h1 class="display-5 mb-4">Education System</h1>
<p class="">Australia's higher education system is renowned for its academic rigor and research-driven approach. The country hosts a wide range of institutions, including prestigious universities, vocational education providers, and English language schools. Australian universities consistently rank among the top globally, providing comprehensive programs across diverse fields of study.</p>
</div>
<div class="col-12 wow fadeInRight" data-wow-delay="0.3s">
<h1 class="display-5 mb-4">Popular Courses</h1>
<p class="mb-4">The Australia excels in several key fields:</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>
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i> Engineering: Advanced programs integrating technology and sustainable practices.</p>
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i> Medicine and Health Sciences: Cutting-edge research facilities and clinical training.</p>
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i> Business and Management: Globally recognized MBA programs and entrepreneurship opportunities.</p>
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i> Information Technology: Leading courses in cybersecurity, artificial intelligence, and data analytics.</p>
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i> Environmental Sciences: Focus on conservation, climate change, and sustainable development.</p>
<p class=" mb-3"> Leading institutions such as the University of Melbourne, Australian National University, and University of Sydney are renowned for their contributions to these fields.</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>
<h1 class="display-5 mb-4 ">Living and Cost</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>
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i> Living in Australia offers an exceptional quality of life with diverse accommodation options ranging from university residences to private rentals. The cost of living varies by location, with cities like Sydney and Melbourne offering vibrant urban lifestyles, while regional areas provide tranquil environments.</p>
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i> International students can manage expenses through part-time work opportunities and benefit from student discounts on transport, food, and entertainment. Tuition fees vary by institution and program but are competitive compared to other study destinations.</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>
<h1 class="display-5 mb-4">Visa and Immigration</h1>
<p class="mb-4">Obtaining a student visa for Australia requires meeting specific requirements, including enrollment in a registered course, health insurance coverage, and financial capacity to support living expenses. Orient International guides students through the visa application process, ensuring compliance with Australian immigration regulations and providing support for post-study work options.</p>
</div>
<div>
<h1 class="display-5 mb-4">Culture and Lifestyle</h1>
<p class="mb-4">Australia's rich cultural tapestry is shaped by its diverse population, vibrant arts scene, and outdoor lifestyle. Students can explore multicultural festivals, culinary experiences, and world-class sporting events. From the Great Barrier Reef to the Outback, Australia offers unparalleled natural beauty and adventure opportunities.</p>
</div>
<div>
<h1 class="display-5 mb-4">Student Support Services</h1>
<p class="mb-4">Orient International is committed to enhancing the student experience in Australia through comprehensive support services:</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>
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i> Pre-departure Orientation: Guidance on academic requirements, cultural adaptation, and living in Australia.</p>
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i> Accommodation Assistance: Help with finding suitable housing options, both on-campus and off-campus.</p>
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i> Academic Support: Tutoring services, study skills workshops, and access to academic resources.</p>
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i> Career Counseling: Guidance on internships, job placements, and post-study work opportunities.</p>
<p class=" mb-3">Orient International ensures that students receive personalized assistance tailored to their academic and personal needs throughout their stay in Australia.</p>
</div>
</div>
<div>
<h1 class="display-5 mb-4">Why Choose Orient International for Studying in the Australia?</h1>
<p class="mb-4">Choosing Orient International for your study abroad journey in Australia ensures:</p>
<div class="mb-4">
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i> Expert Guidance: Personalized counseling by experienced education consultants with in-depth knowledge of Australian universities and programs.</p>
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i> Comprehensive Support: Assistance with application processes, visa requirements, and ongoing support during your academic journey.</p>
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i> Global Network: Access to a vast network of alumni and industry connections for enhanced career opportunities.</p>
</div>
</div>
<div>
<h1 class="display-5 mb-4">Get Started</h1>
<p class="mb-4">Ready to explore the endless possibilities of studying in Australia? Contact Orient International today to schedule a consultation with our knowledgeable counselors and embark on your educational journey in one of the world's most sought-after study destinations.</p>
</div>
</div>
</div>
</div>

68
best.php Normal file
View File

@@ -0,0 +1,68 @@
<?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">Blog-Page</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">Blog Details</a></li>
</ol>
</div>
</div>
<!-- Page Content -->
<div class="container mt-4">
<div class="row">
<!-- Main Content -->
<div class="col-lg-8">
<h1 class="mb-4">Korea, Japan or Vietnam? Which is best for Nepalese Students?</h1>
<div class="card mb-4">
<img src="img/japan-korea-vietnam.png" class="card-img-top" alt="...">
<div class="card-body">
<p class="mb-3 mt-40">Choosing the right study destination abroad is a pivotal decision for Nepalese students aiming to pursue higher education. Among the diverse options available, countries like Korea, Japan, and Vietnam stand out as popular choices offering unique educational experiences, cultural richness, and promising career opportunities. Let's delve into what each of these countries has to offer and how they cater to the aspirations of Nepalese students.</p>
<h1 class=" mb-4">Korea: Vibrant Culture and Economic Opportunities</h1>
<p class="mb-3">South Korea has emerged as a preferred destination for Nepalese students seeking quality education and diverse career prospects. Renowned for its technological advancements, vibrant culture, and robust economy, South Korea offers a range of English-taught programs across various disciplines. Korean universities are globally recognized for their academic excellence, particularly in fields such as engineering, technology, and business.</p>
<p class="mb-3">Moreover, studying in Korea provides Nepalese students with the opportunity to immerse themselves in a dynamic cultural environment while gaining proficiency in the Korean language. The country's strategic location in East Asia also facilitates easy access to regional travel and networking opportunities.</p>
<h1 class=" mb-4">Japan: Innovation Hub and Cultural Splendor</h1>
<p class="mb-3">Japan holds a special allure for Nepalese students drawn to its reputation as a global innovation hub and its rich cultural heritage. Japanese universities are renowned for their cutting-edge research facilities, academic rigor, and emphasis on practical skills development. From robotics and engineering to traditional arts and humanities, Japan offers a diverse range of programs taught in English, making it accessible to international students.</p>
<p class="mb-3">Studying in Japan not only equips Nepalese students with advanced technical knowledge but also fosters cultural understanding and global perspectives. The opportunity to learn the Japanese language adds a valuable skill set, enhancing career prospects in multinational corporations and academic institutions worldwide.</p>
<h1 class=" mb-4">Vietnam: Affordable Education and Cultural Proximity</h1>
<p class="mb-3">Vietnam has gained popularity among Nepalese students seeking affordable yet high-quality education in Southeast Asia. With a rapidly growing economy and a welcoming atmosphere, Vietnam offers a range of English-taught programs across disciplines such as business, hospitality, and engineering. Vietnamese universities emphasize practical learning and industry-relevant skills, preparing students for competitive global markets.</p>
<p class="mb-3">Cost-effective living expenses in Vietnam make it an attractive option for Nepalese students, offering a balance between academic excellence and cultural immersion. Studying in Vietnam allows students to explore Southeast Asian cultures, languages, and traditions while enjoying a vibrant social life and networking opportunities.</p>
<h1 class=" mb-4">Making the Right Choice</h1>
<p class="mb-3">Choosing between Korea, Japan, and Vietnam depends on individual preferences, academic interests, and career aspirations. Each country offers distinct advantages, from academic reputation and career opportunities to cultural immersion and affordability. Nepalese students are encouraged to research each destination thoroughly, consider program offerings, language requirements, and potential scholarships, and consult with study abroad experts for personalized guidance.</p>
<p class="mb-3">At Orient International, we specialize in helping Nepalese students navigate their study abroad options and make informed decisions. Whether you're interested in studying in Korea, Japan, Vietnam, or any other destination, our experienced counselors are here to provide comprehensive support and guidance tailored to your educational goals.</p>
<h1 class=" mb-4">Start Your Journey Today!</h1>
<p class="mb-3">Explore the possibilities awaiting you in Korea, Japan, Vietnam, and beyond. Contact Orient International to begin your journey towards academic excellence, cultural enrichment, and global opportunities. Together, we can turn your study abroad dreams into a successful reality.</p>
</div>
</div>
</div>
<!-- Sidebar -->
<div class="col-lg-4" id="sidebar">
<div class="card mb-4">
<h5 class="card-header">Trending Blogs</h5>
<ul class="list-group list-group-flush">
<li class="list-group-item"><a href="best.php">Korea, Japan or Vietnam? Which is best for Nepalese Students?</a></li>
<li class="list-group-item"><a href="study-abroad.php">About Abroad Study - Quality, Affordability, and Sustainability</a></li>
<li class="list-group-item"><a href="blogpage.php">Empowering Students Through Expert Guidance</a></li>
</ul>
</div>
</div>
</div>
</div>
<!-- Bootstrap JS, Popper.js, and jQuery -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.4/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
<?php include ('footer.php'); ?>

View File

@@ -25,17 +25,16 @@
<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>
<a href="blogpage.php" class="h4 text-white mb-0">About Abroad Study - Quality, Affordability, and Sustainability</a>
</div>
<a class="btn bg-light text-secondary rounded-pill py-3 px-5 mb-4" href="blogpage.php">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 href="blogpage.php">
<h4 class="text-white mb-4 py-3">Empowering Students Through Expert Guidance</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>
<p class="mb-4 text-light">Our team of experienced counselors is here to provide expert guidance tailored to each student's unique aspirations and goals.</p>
<a class="btn btn-primary border-secondary rounded-pill py-3 px-5" href="blogpage.php">Read More</a>
</div>
</div>
@@ -52,19 +51,17 @@
<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>
<a href="mba.php" class="h4 text-white mb-0">Korea, Japan or Vietnam? Which is best for Nepalese Students?</a>
</div>
<a class="btn bg-light text-secondary rounded-pill py-3 px-5 mb-4" href="blogpage.php">Read More</a>
<a class="btn bg-light text-secondary rounded-pill py-3 px-5 mb-4" href="best.php">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 href="mba.php">
<h4 class="text-white mb-4 py-3">Korea, Japan or Vietnam? Which is best for Nepalese 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="blogpage.php">Read
More</a>
<p class="mb-4 text-light">Choosing the right study destination abroad is a pivotal decision for Nepalese students aiming to pursue higher education.</p>
<a class="btn btn-primary border-secondary rounded-pill text-white py-3 px-5" href="best.php">Read More</a>
</div>
</div>
</div>
@@ -80,19 +77,17 @@
<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>
<a href="#" class="h4 text-white mb-0">About Abroad Study - Quality, Affordability, and Sustainability</a>
</div>
<a class="btn bg-light text-secondary rounded-pill py-3 px-5 mb-4" href="blogpage.php">Read More</a>
<a class="btn bg-light text-secondary rounded-pill py-3 px-5 mb-4" href="study-abroad.php">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>
<h4 class="text-white mb-4 py-3">About Abroad Study - Quality, Affordability, and Sustainability</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="blogpage.php">Read
More</a>
<p class="mb-4 text-light">Studying abroad is a transformative experience that enriches academic growth, cultural understanding, and career prospects.</p>
<a class="btn btn-primary border-secondary rounded-pill text-white py-3 px-5" href="study-abroad.php">Read More</a>
</div>
</div>
</div>

View File

@@ -1,40 +1,62 @@
<?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">Blog-Page</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">Blog Details</a></li>
</ol>
</div>
</div>
<!-- Page Content -->
<div class="container mt-4">
<div class="row">
<!-- Main Content -->
<div class="col-lg-8">
<h1 class="mb-4">Latest Articles</h1>
<h1 class="mb-4">Empowering Students Through Expert Guidance</h1>
<div class="card mb-4">
<img src="https://via.placeholder.com/800x400" class="card-img-top" alt="...">
<img src="img/empowering.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Article Title 1</h5>
<p class="card-text">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Molestias animi non fugiat
perspiciatis modi consequuntur, ipsum illum deleniti atque error minima commodi. Omnis perferendis amet
deserunt ipsam incidunt neque doloremque? Placeat incidunt quibusdam quae minus similique odit? Delectus non
ullam, deserunt sequi laboriosam assumenda magni. Saepe alias hic quia fugiat cupiditate vitae similique
quidem pariatur expedita dignissimos rerum assumenda quos illo laudantium consectetur ipsum distinctio eius
itaque veniam exercitationem architecto corporis odio, earum praesentium? Quos provident eos assumenda
dolorum voluptas perferendis, recusandae sit doloribus dolorem veritatis nulla nesciunt harum iste! Ea
quaerat aliquam itaque illo deleniti? Sunt minus fuga eveniet?</p>
<p class="mb-3 mt-40">Orient International is in Town with All-New Orientation and Commitment for Student's Success</p>
<p class="mb-3">At Orient International, located in the heart of Kathmandu City at New Baneshwor, we are thrilled to announce our renewed commitment to guiding students towards academic excellence and career success. As a leading consultancy specializing in study abroad services, Orient International is dedicated to empowering students with the knowledge, resources, and support needed to thrive in their educational journeys.</p>
<p class="mb-3">Our team of experienced counselors is here to provide expert guidance tailored to each student's unique aspirations and goals. Whether you're dreaming of studying in the bustling cities of the USA, the historic universities of the UK, the serene landscapes of Australia, or exploring the cultural richness of Japan and South Korea, Orient International offers personalized advice to help you navigate the complexities of international education.</p>
<h1 class=" mb-4">Comprehensive Services for Every Step of the Journey</h1>
<p class="mb-3">From initial consultation to post-arrival support, Orient International offers a comprehensive range of services to ensure a seamless study abroad experience. Our services include:</p>
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i>Study Abroad Counseling: Personalized guidance to help you choose the right destination and program.</p>
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i>Country-specific Expertise: Detailed insights into educational opportunities and cultural nuances across various countries.</p>
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i>Language Classes: Learn Japanese and Korean languages from native-speaking instructors.</p>
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i>Test Preparation: Prepare effectively for exams like IELTS, PTE, TOEFL, SAT, GRE, and GMAT.</p>
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i>Visa Assistance: Navigate visa processes with confidence and ease.</p>
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i>Pre-departure and Post-arrival Support: Practical advice and support for a smooth transition and integration.</p>
<h1 class=" mb-4">Commitment to Student Success</h1>
<p class=" mb-3">At Orient International, our commitment extends beyond facilitating study abroad opportunities. We are dedicated to equipping students with essential skills, cultural understanding, and global perspectives that enrich their academic and personal growth. Our educational workshops, career counseling services, and student resources are designed to enhance your learning experience and prepare you for future challenges.</p>
<h1 class=" mb-4">Join Us in Your Journey to Success</h1>
<p class=" mb-3">Whether you're a high school graduate planning your first venture abroad or a working professional seeking advanced studies, Orient International welcomes you to explore the world of opportunities awaiting you. Our team is here to support you at every step, ensuring you make informed decisions and achieve your academic and career aspirations.</p>
<h1 class=" mb-4">Get Started Today!</h1>
<p class=" mb-3">Visit Orient International at our centrally located office in New Baneshwor, Kathmandu, or contact us to schedule a consultation. Let us help you embark on a transformative journey towards academic excellence and personal growth. Together, we can turn your study abroad dreams into reality with confidence and commitment.</p>
</div>
</div>
</div>
<!-- Sidebar -->
<div class="col-lg-4">
<div class="col-lg-4" id="sidebar">
<div class="card mb-4">
<h5 class="card-header">Trending Blogs</h5>
<ul class="list-group list-group-flush">
<li class="list-group-item">Top Benefits of studying Computer Science in abroad.
</li>
<li class="list-group-item">Top MBA Programs for International Students</li>
<li class="list-group-item">Top Study Abroad Destinations for 2024 </li>
<li class="list-group-item">Blog Title 4</li>
<li class="list-group-item">Blog Title 5</li>
<li class="list-group-item"><a href="best.php">Korea, Japan or Vietnam? Which is best for Nepalese Students?</a></li>
<li class="list-group-item"><a href="study-abroad.php">About Abroad Study - Quality, Affordability, and Sustainability</a></li>
<li class="list-group-item"><a href="blogpage.php">Empowering Students Through Expert Guidance</a></li>
</ul>
</div>
</div>

View File

@@ -2,7 +2,7 @@
<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>
<h3 class="text-white display-3 mb-4 wow fadeInDown" data-wow-delay="0.1s">Canada</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>
@@ -17,75 +17,72 @@
<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=" height: 350px; object-fit: cover;" alt="Image">
<img src="img/canada.png" class="img-fluid w-100" style=" 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>
<h1 class="display-5 mb-4">Introduction</h1>
<p class="">Canada is renowned worldwide for its high-quality education system, welcoming multicultural society, and diverse landscapes. As a top study destination, Canada offers international students an enriching academic experience combined with vibrant cultural immersion.</p>
<h1 class="display-5 mb-4">Education System</h1>
<p class="">Canada's education system is recognized for its academic excellence, research opportunities, and inclusive learning environment. The country hosts a wide range of institutions, including universities, colleges, and specialized institutes offering programs in various fields. Institutions like the University of Toronto, McGill University, and University of British Columbia are globally recognized for their research contributions and academic rigor.</p>
</div>
<div class="col-12 wow fadeInRight" data-wow-delay="0.3s">
<h1 class="display-5 mb-4">Popular Courses</h1>
<p class="mb-4">Canada offers programs across diverse fields of study:</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>
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i> STEM (Science, Technology, Engineering, and Mathematics): Advanced programs in engineering, computer science, and biotechnology.</p>
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i> Business and Management: Leading MBA programs and courses in finance, marketing, and entrepreneurship.</p>
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i> Health Sciences: Research-driven programs in medicine, nursing, and public health.</p>
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i> Arts and Humanities: Programs in literature, history, and cultural studies.</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>
<h1 class="display-5 mb-4 ">Living and Cost</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>
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i> Living in Canada offers students a safe and inclusive environment with access to modern amenities, multicultural communities, and natural beauty. Accommodation options range from university residences to off-campus apartments, providing students with comfortable living choices. While living costs vary by location, Canada offers affordable healthcare, public transportation, and student discounts on various services.</p>
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i> Tuition fees in Canada vary depending on the institution and program. Scholarships, grants, and work-study opportunities are available to help offset educational expenses for international students.</p>
</div>
<div>
<h1 class="display-5 mb-4">Scholarships
</h1>
<p class="mb-4">Numerous scholarships are available for international students, including:</p>
<h1 class="display-5 mb-4">Visa and Immigration</h1>
<p class="mb-4">Securing a study permit for Canada requires acceptance into a Designated Learning Institution (DLI), proof of financial support, and meeting health and security requirements. Orient International provides expert guidance on visa application processes, ensuring students navigate immigration regulations effectively and prepare for their study abroad journey in Canada.</p>
</div>
<div>
<h1 class="display-5 mb-4">Culture and Lifestyle</h1>
<p class="mb-4">Canada's multicultural society celebrates diversity through festivals, arts, and culinary experiences. Students can explore iconic landmarks such as Niagara Falls, Banff National Park, and vibrant cities like Toronto, Vancouver, and Montreal. Canada's blend of urban sophistication and natural beauty offers students a rich cultural experience and recreational opportunities.</p>
</div>
<div>
<h1 class="display-5 mb-4">Student Support Services</h1>
<p class="mb-4">Orient International offers comprehensive support services to enhance the student experience in Canada:</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 Masters Program
</p>
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i>University-specific scholarships</p>
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i> Academic Guidance: Assistance with course selection, academic planning, and study strategies.</p>
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i> Accommodation Support: Advice on housing options, rental agreements, and settling into Canadian life.</p>
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i> Career Development: Internship placements, resume writing workshops, and networking events.</p>
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i> Cultural Integration: Orientation programs, language support, and community engagement activities.</p>
</div>
</div>
<div>
<h1 class="display-5 mb-4">Why Choose Orient International for Studying in the Canada?</h1>
<p class="mb-4">Choosing Orient International for your study abroad journey in Canada offers:</p>
<div class="mb-4">
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i> Expert Guidance: Access to knowledgeable education consultants with insights into Canadian universities and academic programs.</p>
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i> Personalized Assistance: Tailored support throughout the application process, ensuring students find the right academic fit.</p>
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i> Global Network: Connections to alumni and industry partners for career opportunities and professional growth.</p>
<p class=" mb-3"><i class="fa fa-check-circle me-2"></i> Comprehensive Services: A range of support services to help students thrive academically and socially in Canada.</p>
</div>
</div>
<div>
<h1 class="display-5 mb-4">Get Started</h1>
<p class="mb-4">Ready to pursue your educational goals in Canada? Contact Orient International today to schedule a consultation with our dedicated counselors and take the first step towards an enriching study abroad experience in one of the world's top destinations for higher education.</p>
</div>
</div>
</div>
</div>

25
comprehensive-support.php Normal file
View File

@@ -0,0 +1,25 @@
<?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">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.php" class="text-white">Home</a></li>
<li class="breadcrumb-item"><a href="#" class="text-white">Comprehensive Support</a></li>
</ol>
</div>
</div>
<div class="container-fluid py-5 bg-light">
<div class="container py-5">
<div class="container-fluid py-5 bg-light">
<div class="container py-5">
<div class="row">
<h1 class="display-5 text-center">COMING SOON .....</h1>
</div>
</div>
</div>
</div>
</div>
<?php include('footer.php');?>

View File

@@ -19,29 +19,27 @@
<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>
<i class="fas fa-map-marked-alt fa-3x " style="color:#f54813;"></i>
<div class="ps-3">
<h5 class="mb-3">Location</h5>
<a href="#" class="fs-5 text-primary">Kathmandu, Nepal</a>
<a href="#" class="fs-5 text-primary" target="_blank">Baneshwor Plaza, Block "A" 3rd Floor, Kathmandu</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>
<i class="fas fa-tty fa-3x" style="color: #f54813;"></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>
<a href="tel: 01-4594894" class="fs-5 text-primary" target="_blank">01-4594894</a>
</div>
<div class="mb-3">
<h6 class="mb-0">Email:</h6>
<a href="#" class="fs-5 text-primary">orientconsultancynepal@gmail.com</a>
<a href="mailto: info@orientabroad.com" class="fs-5 text-primary" target="_blank">info@orientabroad.com</a>
</div>
</div>
</div>
@@ -105,9 +103,9 @@
<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>
<iframe class="rounded w-100" style="height: 500px;" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3532.8720945893288!2d85.33298677611329!3d27.690347826239755!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x39eb19860a58dced%3A0x9a2314f109088c48!2sNew%20Baneshwor%20Plaza!5e0!3m2!1sen!2snp!4v1720153851635!5m2!1sen!2snp"
loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
</div>

12599
css/bootstrap.min.css vendored

File diff suppressed because one or more lines are too long

View File

@@ -17,23 +17,23 @@
h1{
color: #f1592a;
color: #f54813;
}
h2{
color: #f1592a;
color: #f54813;
}
h3{
color: #f1592a;
color: #f54813;
}
h4{
color: #f1592a;
color: #f54813;
}
h5{
color: #f1592a;
color: #f54813;
}
h6{
color: #f1592a;
color: #f54813;
}
.back-to-top {
position: fixed;
@@ -65,7 +65,7 @@ h6{
}
/* .mb-3{
color: #f1592a;
color: #f54813;
} */
.btn-sm-square {
width: 34px;
@@ -94,8 +94,14 @@ h6{
border-radius: 50%;
}
.btn-square:hover{
background-color: #d43b0b;
}
.btn.btn-primary {
background:#f1592a !important;
background:#f54813 !important;
color: var(--bs-white) !important;
font-family: 'Poppins', sans-serif;
font-weight: 400;
@@ -111,7 +117,7 @@ h6{
.btn.btn-secondary {
background: transparent;
color: #f1592a;
color: #f54813;
font-family: 'Poppins', sans-serif;
font-weight: 400;
border: none;
@@ -134,7 +140,7 @@ h6{
position: relative;
display: inline-block;
text-transform: uppercase;
color: #f1592a;
color: #f54813;
}
.section-title .sub-style::before {
@@ -146,7 +152,7 @@ h6{
transform: translateY(-50%);
margin-bottom: -6px;
margin-left: -100px;
border: 1px solid #f1592a !important;
border: 1px solid #f54813 !important;
}
.section-title .sub-style::after {
@@ -158,14 +164,14 @@ h6{
transform: translateY(-50%);
margin-top: -8px;
margin-left: -50px;
border: 1px solid #f1592a !important;
border: 1px solid #f54813 !important;
}
.sub-title {
position: relative;
display: inline-block;
text-transform: uppercase;
color: #f1592a;
color: #f54813;
}
.sub-title::before {
@@ -177,7 +183,7 @@ h6{
transform: translateY(-50%);
margin-bottom: -8px;
margin-right: -100px;
border: 1px solid #f1592a !important;
border: 1px solid #f54813 !important;
}
.sub-title::after {
@@ -189,7 +195,7 @@ h6{
transform: translateY(-50%);
margin-top: -6px;
margin-right: -50px;
border: 1px solid #f1592a !important;
border: 1px solid #f54813 !important;
}
@@ -242,16 +248,19 @@ h6{
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link.active {
color: #f1592a !important;
color: #f54813 !important;
}
.navbar-light .navbar-brand img {
max-height: 60px;
max-height: 100px;
transition: .5s;
}
.sticky-top .navbar-light .navbar-brand img {
max-height: 45px;
max-height: 100px;
}
.icons{
margin-left:100px;
}
.navbar .dropdown-toggle::after {
@@ -277,7 +286,7 @@ h6{
}
.dropdown .dropdown-menu a:hover {
background: #f1592a;
background: #f54813;
color: white;
}
@@ -333,7 +342,7 @@ h6{
left: 0px;
width: 100%;
height: 2px;
background: #f1592a;
background: #f54813;
opacity: 0;
transition: all 0.5s;
}
@@ -378,11 +387,13 @@ h6{
border-radius: 50%;
background-size: 60% 60%;
transition: 0.5s;
margin-top: 280%;
}
.carousel-header .carousel-control-next .carousel-control-next-icon {
margin-left: 0;
margin-right: -60px;
margin-top: 280%;
}
.carousel-header .carousel .carousel-indicators {
@@ -405,7 +416,7 @@ h6{
.carousel-header .carousel .carousel-indicators li.active {
width: 8px;
height: 8px;
border: 8px solid #f1592a;
border: 8px solid #f54813;
}
.carousel-header .carousel-inner .carousel-item {
@@ -428,7 +439,21 @@ h6{
left: 0;
display: flex;
align-items: center;
justify-content: center;
justify-content: left;
text-align: center;
/*background: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0.6));*/
background-size: cover;
}
.carousel-header .carousel-inner .carousel-item .carousel-caption_1 {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: flex;
align-items: center;
justify-content: right;
text-align: center;
background: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0.6));
background-size: cover;
@@ -489,7 +514,7 @@ h6{
left: 0;
top: 0;
border-radius: 10px 10px 0 0;
background-color: #f1592a;
background-color: #f54813;
}
.counter-facts .counter .counter-icon {
@@ -534,7 +559,7 @@ h6{
font-size: 30px;
font-weight: 700;
display: block;
color: #f1592a;
color: #f54813;
}
@media screen and (max-width: 1200px) {
@@ -667,7 +692,7 @@ h6{
}
.features .feature-item:hover .feature-icon i {
color:#f1592a !important;
color:#f54813 !important;
transform: rotate(360deg);
transition: all 0.5s ease;
}
@@ -686,7 +711,7 @@ h6{
height: 0;
bottom: 0;
left: 0;
background: #f1592a;
background: #f54813;
border-radius: 10px;
transition: 0.5s;
z-index: 1;
@@ -794,7 +819,7 @@ h6{
.testimonial .owl-carousel.testimonial-carousel .owl-nav .owl-prev:hover,
.testimonial .owl-carousel.testimonial-carousel .owl-nav .owl-next:hover {
color: #f1592a;
color: #f54813;
}
/*** testimonial end ***/
@@ -900,7 +925,7 @@ h6{
/*** Footer Start ***/
.footer {
background: #f1592a;
background: #f54813;
}
.footer .footer-item a {
line-height: 30px;
@@ -925,4 +950,30 @@ h6{
border-top: 1px solid rgba(255, 255, 255, 0.08);
background: var(--bs-secondary) !important;
}
/*** copyright end ***/
/*** copyright end ***/
#sidebar {
position: sticky;
top: 100px;
height: 100%;
background-color: #ffffff;
padding: 20px;
}
.ml-250{
margin-left: -650px;
}
.mr-250{
margin-right: -650px;
}
.ml-350{
margin-left: -350px;
}
.text-left{
text-align: left !important;
}
.text-right{
text-align: right !important;
}

25
data/Blog 1.txt Normal file
View File

@@ -0,0 +1,25 @@
Orient International is in Town with All-New Orientation and Commitment for Student's Success
At Orient International, located in the heart of Kathmandu City at New Baneshwor, we are thrilled to announce our renewed commitment to guiding students towards academic excellence and career success. As a leading consultancy specializing in study abroad services, Orient International is dedicated to empowering students with the knowledge, resources, and support needed to thrive in their educational journeys.
Empowering Students Through Expert Guidance
Our team of experienced counselors is here to provide expert guidance tailored to each student's unique aspirations and goals. Whether you're dreaming of studying in the bustling cities of the USA, the historic universities of the UK, the serene landscapes of Australia, or exploring the cultural richness of Japan and South Korea, Orient International offers personalized advice to help you navigate the complexities of international education.
Comprehensive Services for Every Step of the Journey
From initial consultation to post-arrival support, Orient International offers a comprehensive range of services to ensure a seamless study abroad experience. Our services include:
Study Abroad Counseling: Personalized guidance to help you choose the right destination and program.
Country-specific Expertise: Detailed insights into educational opportunities and cultural nuances across various countries.
Language Classes: Learn Japanese and Korean languages from native-speaking instructors.
Test Preparation: Prepare effectively for exams like IELTS, PTE, TOEFL, SAT, GRE, and GMAT.
Visa Assistance: Navigate visa processes with confidence and ease.
Pre-departure and Post-arrival Support: Practical advice and support for a smooth transition and integration.
Commitment to Student Success
At Orient International, our commitment extends beyond facilitating study abroad opportunities. We are dedicated to equipping students with essential skills, cultural understanding, and global perspectives that enrich their academic and personal growth. Our educational workshops, career counseling services, and student resources are designed to enhance your learning experience and prepare you for future challenges.
Join Us in Your Journey to Success
Whether you're a high school graduate planning your first venture abroad or a working professional seeking advanced studies, Orient International welcomes you to explore the world of opportunities awaiting you. Our team is here to support you at every step, ensuring you make informed decisions and achieve your academic and career aspirations.
Get Started Today!
Visit Orient International at our centrally located office in New Baneshwor, Kathmandu, or contact us to schedule a consultation. Let us help you embark on a transformative journey towards academic excellence and personal growth. Together, we can turn your study abroad dreams into reality with confidence and commitment.

27
data/Blog 2.txt Normal file
View File

@@ -0,0 +1,27 @@
Korea, Japan or Vietnam? Which is best for Nepalese Students?
Korea, Japan, or Vietnam? Which is Best for Nepalese Students?
Choosing the right study destination abroad is a pivotal decision for Nepalese students aiming to pursue higher education. Among the diverse options available, countries like Korea, Japan, and Vietnam stand out as popular choices offering unique educational experiences, cultural richness, and promising career opportunities. Let's delve into what each of these countries has to offer and how they cater to the aspirations of Nepalese students.
Korea: Vibrant Culture and Economic Opportunities
South Korea has emerged as a preferred destination for Nepalese students seeking quality education and diverse career prospects. Renowned for its technological advancements, vibrant culture, and robust economy, South Korea offers a range of English-taught programs across various disciplines. Korean universities are globally recognized for their academic excellence, particularly in fields such as engineering, technology, and business.
Moreover, studying in Korea provides Nepalese students with the opportunity to immerse themselves in a dynamic cultural environment while gaining proficiency in the Korean language. The country's strategic location in East Asia also facilitates easy access to regional travel and networking opportunities.
Japan: Innovation Hub and Cultural Splendor
Japan holds a special allure for Nepalese students drawn to its reputation as a global innovation hub and its rich cultural heritage. Japanese universities are renowned for their cutting-edge research facilities, academic rigor, and emphasis on practical skills development. From robotics and engineering to traditional arts and humanities, Japan offers a diverse range of programs taught in English, making it accessible to international students.
Studying in Japan not only equips Nepalese students with advanced technical knowledge but also fosters cultural understanding and global perspectives. The opportunity to learn the Japanese language adds a valuable skill set, enhancing career prospects in multinational corporations and academic institutions worldwide.
Vietnam: Affordable Education and Cultural Proximity
Vietnam has gained popularity among Nepalese students seeking affordable yet high-quality education in Southeast Asia. With a rapidly growing economy and a welcoming atmosphere, Vietnam offers a range of English-taught programs across disciplines such as business, hospitality, and engineering. Vietnamese universities emphasize practical learning and industry-relevant skills, preparing students for competitive global markets.
Cost-effective living expenses in Vietnam make it an attractive option for Nepalese students, offering a balance between academic excellence and cultural immersion. Studying in Vietnam allows students to explore Southeast Asian cultures, languages, and traditions while enjoying a vibrant social life and networking opportunities.
Making the Right Choice
Choosing between Korea, Japan, and Vietnam depends on individual preferences, academic interests, and career aspirations. Each country offers distinct advantages, from academic reputation and career opportunities to cultural immersion and affordability. Nepalese students are encouraged to research each destination thoroughly, consider program offerings, language requirements, and potential scholarships, and consult with study abroad experts for personalized guidance.
At Orient International, we specialize in helping Nepalese students navigate their study abroad options and make informed decisions. Whether you're interested in studying in Korea, Japan, Vietnam, or any other destination, our experienced counselors are here to provide comprehensive support and guidance tailored to your educational goals.
Start Your Journey Today!
Explore the possibilities awaiting you in Korea, Japan, Vietnam, and beyond. Contact Orient International to begin your journey towards academic excellence, cultural enrichment, and global opportunities. Together, we can turn your study abroad dreams into a successful reality.

23
data/Blog 4.txt Normal file
View File

@@ -0,0 +1,23 @@
About Abroad Study - Quality, Affordability, and Sustainability
Studying abroad is a transformative experience that enriches academic growth, cultural understanding, and career prospects. As students embark on their educational journeys beyond borders, several key factors—quality of education, affordability, and sustainability—play pivotal roles in shaping their decisions and experiences.
Quality of Education
Quality education forms the cornerstone of studying abroad, influencing students' academic achievements and career outcomes. Renowned universities and institutions worldwide attract students seeking cutting-edge research facilities, expert faculty, and innovative academic programs. Accreditation, rankings, and industry partnerships validate educational standards, ensuring students receive a robust learning experience aligned with global benchmarks.
Choosing a study destination known for academic excellence enhances students' knowledge acquisition, critical thinking skills, and professional competencies. Access to state-of-the-art laboratories, libraries, and extracurricular opportunities fosters holistic development, preparing graduates for competitive global markets and leadership roles in their chosen fields.
Affordability and Financial Planning
Affordability is a significant consideration for students navigating the costs associated with studying abroad. Tuition fees, living expenses, accommodation, and healthcare provisions vary across countries and institutions, influencing financial planning and student budgeting. Scholarships, grants, and financial aid programs alleviate financial burdens, making education accessible to talented students from diverse socio-economic backgrounds.
Strategic financial planning includes evaluating currency exchange rates, cost of living indices, and potential part-time employment opportunities. Budget-conscious decisions, prudent spending habits, and financial literacy empower students to manage expenses responsibly while maximizing educational opportunities and cultural experiences abroad.
Sustainability and Global Citizenship
Sustainability underscores the ethical and environmental responsibilities of studying abroad, promoting global citizenship and sustainable development goals. Institutions committed to sustainability initiatives integrate environmental stewardship, social equity, and economic viability into campus practices and curriculum. Sustainable campuses promote eco-friendly infrastructure, recycling programs, and energy-efficient technologies, fostering a culture of environmental awareness and responsibility among students.
Students engaged in sustainable practices advocate for ethical consumption, community engagement, and cultural preservation in their host countries. Volunteering initiatives, social entrepreneurship projects, and cross-cultural exchanges empower students to address global challenges, contribute positively to local communities, and promote sustainable development initiatives worldwide.
Choosing the Right Study Abroad Experience
Navigating the complexities of studying abroad involves researching diverse study destinations, evaluating educational offerings, and aligning personal aspirations with institutional values. Quality education, affordability, and sustainability serve as guiding principles in selecting the right study destination and institution. Consultation with academic advisors, alumni insights, and peer reviews provide valuable perspectives, ensuring informed decisions and memorable study abroad experiences.
Start Your Study Abroad Journey Today!
Embark on a transformative study abroad journey with Orient International. Our commitment to quality education, affordability, and sustainability ensures you receive a world-class learning experience while nurturing global citizenship and sustainable practices. Contact us to explore study abroad opportunities, financial planning guidance, and personalized support for your educational aspirations.

29
data/GMAT.txt Normal file
View File

@@ -0,0 +1,29 @@
GMAT Preparation at Orient International
Introduction
Prepare effectively for the GMAT (Graduate Management Admission Test) with Orient International's specialized preparation courses. Our program is designed to help you achieve your best possible score, enhancing your prospects for admission to graduate management programs worldwide.
Key Features
Expert Instructors: Learn from experienced tutors who specialize in GMAT preparation and test-taking strategies.
Comprehensive Curriculum: Access to comprehensive study materials, practice tests, and exercises tailored to each section of the GMAT.
Flexible Scheduling: Choose from flexible class timings to fit your schedule and optimize your learning experience.
Course Structure
Our GMAT preparation course covers all sections of the exam:
Analytical Writing Assessment (AWA): Develop skills to analyze arguments and communicate ideas effectively.
Integrated Reasoning: Enhance abilities to interpret data and solve complex problems.
Quantitative Reasoning: Strengthen mathematical skills in arithmetic, algebra, geometry, and data analysis.
Verbal Reasoning: Improve critical reading, reasoning, and grammar skills essential for the verbal section.
Additional Features
Mock Exams: Regular mock exams to assess progress and simulate real GMAT exam conditions.
Personalized Feedback: Receive detailed feedback on practice tests and writing tasks to identify strengths and areas for improvement.
Study Groups: Collaborate with peers in study groups to reinforce learning and enhance test preparation strategies.
Resources at Orient International
Practice Tests: Access to a variety of GMAT practice tests designed to replicate the format and timing of the actual exam.
Writing Workshops: Workshops focused on improving analytical writing skills, including brainstorming, outlining, and structuring essays.
Math Clinics: Interactive sessions to review and practice challenging math concepts tested on the GMAT.
Benefits of Choosing Orient International for GMAT Preparation
Expert Guidance: Benefit from personalized guidance and support from experienced instructors dedicated to your success.
Proven Results: Many of our students achieve competitive GMAT scores and gain admission to top graduate management programs.
Supportive Learning Environment: Engage in interactive classes and receive constructive feedback to maximize your potential.
Get Started
Ready to excel in the GMAT exam? Contact Orient International today to enroll in our GMAT preparation course and take the first step towards your graduate management education goals.

28
data/GRE.txt Normal file
View File

@@ -0,0 +1,28 @@
GRE Preparation at Orient International
Introduction
Prepare effectively for the GRE (Graduate Record Examination) with Orient International's specialized preparation courses. Our program is designed to help you achieve your best possible score, enhancing your graduate school admissions prospects.
Key Features
Expert Instructors: Learn from experienced tutors who specialize in GRE preparation and test-taking strategies.
Comprehensive Curriculum: Access to comprehensive study materials, practice tests, and exercises tailored to each section of the GRE.
Flexible Scheduling: Choose from flexible class timings to fit your schedule and optimize your learning experience.
Course Structure
Our GRE preparation course covers all sections of the exam:
Verbal Reasoning: Develop critical reading, vocabulary, and comprehension skills essential for the verbal section.
Quantitative Reasoning: Strengthen mathematical skills in arithmetic, algebra, geometry, and data analysis.
Analytical Writing: Master the skills required to analyze arguments and communicate complex ideas effectively.
Additional Features
Mock Exams: Regular mock exams to assess progress and simulate real GRE exam conditions.
Personalized Feedback: Receive detailed feedback on practice tests and writing tasks to identify strengths and areas for improvement.
Study Groups: Collaborate with peers in study groups to reinforce learning and enhance test preparation strategies.
Resources at Orient International
Practice Tests: Access to a variety of GRE practice tests designed to replicate the format and timing of the actual exam.
Writing Workshops: Workshops focused on improving analytical writing skills, including brainstorming, outlining, and structuring essays.
Math Clinics: Interactive sessions to review and practice challenging math concepts tested on the GRE.
Benefits of Choosing Orient International for GRE Preparation
Expert Guidance: Benefit from personalized guidance and support from experienced instructors dedicated to your success.
Proven Results: Many of our students achieve competitive GRE scores and gain admission to top graduate programs.
Supportive Learning Environment: Engage in interactive classes and receive constructive feedback to maximize your potential.
Get Started
Ready to excel in the GRE exam? Contact Orient International today to enroll in our GRE preparation course and take the first step towards your graduate school goals.

30
data/IELTS.txt Normal file
View File

@@ -0,0 +1,30 @@
IELTS Preparation at Orient International
Introduction
Prepare effectively for the International English Language Testing System (IELTS) with Orient International's specialized preparation courses. Our comprehensive program is meticulously designed to help you achieve your desired band score, whether for academic admission or immigration purposes.
Key Features
Expert Instructors: Learn from highly qualified tutors with extensive experience in IELTS preparation.
Comprehensive Curriculum: Gain access to up-to-date study materials, practice tests, and mock exams designed to simulate the actual exam environment.
Flexible Schedules: Choose from various class timings to accommodate your schedule and learning pace.
Course Structure
Our IELTS preparation course is structured to cover all sections of the exam:
Listening: Enhance your ability to understand spoken English through practice with various accents and topics.
Reading: Improve reading comprehension skills by practicing skimming, scanning, and in-depth reading techniques.
Writing: Develop effective writing strategies for both Task 1 (graph description) and Task 2 (essay writing).
Speaking: Practice and refine your speaking skills through mock interviews and structured speaking tasks.
Additional Features
Mock Exams: Access to regular mock exams to assess your progress and simulate real exam conditions.
Feedback Sessions: Receive personalized feedback sessions to identify strengths and areas for improvement.
Study Groups: Participate in study groups to collaborate with peers and enhance learning.
Resources at Orient International
Study Materials: Comprehensive study guides, textbooks, and online resources to support your preparation.
Practice Tests: Access to a variety of practice tests designed to familiarize you with the exam format and timing.
Writing Labs: Workshops and writing labs to refine your writing skills and receive guidance on essay structure and content.
Speaking Workshops: Interactive speaking workshops to practice fluency, pronunciation, and coherence.
Benefits of Choosing Orient International for IELTS Preparation
Personalized Guidance: Receive individualized feedback and coaching tailored to your specific areas of improvement.
Proven Results: Many of our students achieve their target band scores and successfully pursue their academic and career goals.
Supportive Learning Environment: Engage in interactive classes where you can practice with peers and receive constructive feedback from instructors.
Get Started
Ready to achieve your desired IELTS band score? Contact Orient International today to enroll in our IELTS preparation course and take the first step towards your academic or immigration goals.

View File

@@ -0,0 +1,22 @@
Japanese Language Classes at Orient International
Introduction
Learn Japanese language and culture with Orient International's specialized courses, led by our experienced sensei from Japan. Our program is designed to help you develop practical language skills and cultural insights.
Key Features
Experienced Sensei: Learn from a native Japanese instructor with over 10 years of experience living, working, and teaching in Japan.
Interactive Classes: Engage in interactive sessions focusing on speaking, listening, reading, and writing skills.
Cultural Immersion: Gain insights into Japanese customs, traditions, and etiquette alongside language learning.
Course Offerings
Beginner to Advanced Levels: Courses tailored for all proficiency levels, from beginners starting with hiragana to advanced learners focusing on kanji and complex grammar.
Conversation Practice: Practice conversational Japanese through role-playing and real-life scenarios.
Business Japanese: Specialized classes for professionals needing Japanese language skills for business interactions.
Additional Features
Small Class Sizes: Benefit from small class sizes to receive personalized attention and feedback from the instructor.
Language Lab: Access to language labs equipped with audio and visual aids for enhanced learning.
Cultural Workshops: Participate in cultural workshops to deepen your understanding of Japanese culture and traditions.
Benefits of Learning Japanese at Orient International
Expert Instruction: Learn Japanese language skills from a qualified sensei with firsthand knowledge of Japan.
Practical Learning: Gain practical language skills applicable for travel, work, or further studies in Japan.
Cultural Understanding: Develop cultural sensitivity and understanding through language and cultural immersion.
Get Started
Ready to embark on your journey to learn Japanese? Contact Orient International today to enroll in our Japanese language classes and immerse yourself in the language and culture of Japan.

27
data/Korean.txt Normal file
View File

@@ -0,0 +1,27 @@
Korean Language Classes at Orient International
Introduction
Learn Korean language and culture with Orient International's specialized courses designed to help you develop practical language skills and cultural insights.
Key Features
Qualified Instructors: Learn from experienced instructors who specialize in teaching Korean language and culture.
Interactive Learning: Engage in interactive sessions focusing on speaking, listening, reading, and writing skills in Korean.
Cultural Immersion: Gain insights into Korean customs, traditions, and etiquette alongside language learning.
Importance of Learning Korean
Studying in Korea has been increasingly popular among Nepalese students due to the country's affordability and job opportunities. Learning Korean is essential for:
Work Opportunities: Korean language proficiency enhances job prospects in Korea, especially for English-taught programs that require language skills for work.
Cost Considerations: Learning Korean in Korea can be costly for Nepalese students, making preparation at Orient International a cost-effective choice.
Course Offerings
Beginner to Advanced Levels: Courses tailored for all proficiency levels, from beginners learning Hangul to advanced learners focusing on complex grammar and conversation.
Conversation Practice: Practice conversational Korean through role-playing and real-life scenarios.
Business Korean: Specialized classes for professionals needing Korean language skills for business interactions.
Additional Features
Small Class Sizes: Benefit from small class sizes to receive personalized attention and feedback from the instructor.
Language Lab: Access to language labs equipped with audio and visual aids for enhanced learning.
Cultural Workshops: Participate in cultural workshops to deepen your understanding of Korean culture and traditions.
Benefits of Learning Korean at Orient International
Expert Instruction: Learn Korean language skills from qualified instructors with a passion for teaching Korean language and culture.
Practical Learning: Gain practical language skills applicable for travel, work, or further studies in Korea.
Cultural Understanding: Develop cultural sensitivity and understanding through language and cultural immersion.
Get Started
Ready to embark on your journey to learn Korean? Contact Orient International today to enroll in our Korean language classes and immerse yourself in the language and culture of Korea.

29
data/PTE.txt Normal file
View File

@@ -0,0 +1,29 @@
PTE Academic Preparation at Orient International
Introduction
Prepare effectively for the Pearson Test of English Academic (PTE Academic) with Orient International's specialized preparation courses. Our comprehensive program is designed to help you demonstrate English proficiency for academic and professional purposes with confidence.
Key Features
Experienced Instructors: Learn from tutors with deep expertise in PTE Academic and effective teaching methods.
Comprehensive Curriculum: Access to practice tests, study guides, and strategies tailored to each section of the exam.
Flexible Learning Options: Choose from flexible class schedules to accommodate your busy lifestyle.
Course Structure
Our PTE Academic preparation course covers all sections of the exam:
Speaking: Develop fluency and accuracy in spoken English through practice sessions.
Writing: Master the skills required to produce clear, well-structured written responses.
Listening: Enhance your ability to understand spoken English in academic contexts.
Reading: Improve reading comprehension skills and speed through targeted exercises.
Additional Features
Mock Exams: Regular mock exams to assess your progress and familiarize you with the exam format.
Personalized Feedback: Receive constructive feedback and tips to improve your performance in each section.
Study Materials: Access to a variety of study materials, including textbooks, online resources, and practice tests.
Resources at Orient International
Practice Tests: Access to a range of practice tests designed to simulate the PTE Academic exam conditions.
Writing Labs: Workshops and writing labs to practice essay writing skills and receive feedback on structure and content.
Speaking Workshops: Interactive sessions to enhance speaking skills, focusing on pronunciation, fluency, and coherence.
Benefits of Choosing Orient International for PTE Academic Preparation
Expert Guidance: Benefit from personalized attention and guidance from experienced instructors.
Proven Success: Many of our students achieve their desired scores and progress in their academic or professional careers.
Supportive Environment: Engage in interactive classes and collaborative learning with peers.
Get Started
Ready to excel in the PTE Academic exam? Contact Orient International today to enroll in our PTE Academic preparation course and embark on your journey to academic and professional success.

29
data/SAT.txt Normal file
View File

@@ -0,0 +1,29 @@
SAT Preparation at Orient International
Introduction
Prepare effectively for the SAT (Scholastic Assessment Test) with Orient International's specialized preparation courses. Our program is designed to help you achieve your best possible score, enhancing your college admissions prospects.
Key Features
Expert Instructors: Learn from experienced tutors who specialize in SAT preparation and test-taking strategies.
Comprehensive Curriculum: Access to comprehensive study materials, practice tests, and exercises tailored to each section of the SAT.
Flexible Scheduling: Choose from flexible class timings to fit your schedule and optimize your learning experience.
Course Structure
Our SAT preparation course covers all sections of the exam:
Reading: Develop critical reading skills and strategies to analyze and interpret passages.
Writing and Language: Enhance grammar, punctuation, and writing style through targeted practice.
Math: Strengthen mathematical skills in algebra, geometry, and advanced math topics tested on the SAT.
Essay (optional): Learn effective essay writing strategies and techniques for the SAT Essay section.
Additional Features
Mock Exams: Regular mock exams to assess progress and simulate real SAT exam conditions.
Personalized Feedback: Receive detailed feedback on practice tests and assignments to identify strengths and areas for improvement.
Study Groups: Collaborate with peers in study groups to reinforce learning and enhance test preparation strategies.
Resources at Orient International
Practice Tests: Access to a variety of SAT practice tests designed to replicate the format and timing of the actual exam.
Writing Workshops: Workshops focused on improving essay writing skills, including brainstorming, outlining, and structuring essays.
Math Clinics: Interactive sessions to review and practice challenging math concepts tested on the SAT.
Benefits of Choosing Orient International for SAT Preparation
Expert Guidance: Benefit from personalized guidance and support from experienced instructors dedicated to your success.
Proven Results: Many of our students achieve competitive SAT scores and gain admission to top universities.
Supportive Learning Environment: Engage in interactive classes and receive constructive feedback to maximize your potential.
Get Started
Ready to achieve your target SAT score? Contact Orient International today to enroll in our SAT preparation course and embark on your journey to college success.

View File

@@ -0,0 +1,45 @@
Study in Australia
Introduction
Australia is globally recognized for its excellence in education, offering students a unique blend of academic quality, cultural diversity, and natural beauty. With a welcoming environment and a reputation for innovation, Australia is an ideal destination for international students seeking a transformative educational experience.
Education System
Australia's higher education system is renowned for its academic rigor and research-driven approach. The country hosts a wide range of institutions, including prestigious universities, vocational education providers, and English language schools. Australian universities consistently rank among the top globally, providing comprehensive programs across diverse fields of study.
Popular Courses
Australia excels in several key fields:
Engineering: Advanced programs integrating technology and sustainable practices.
Medicine and Health Sciences: Cutting-edge research facilities and clinical training.
Business and Management: Globally recognized MBA programs and entrepreneurship opportunities.
Information Technology: Leading courses in cybersecurity, artificial intelligence, and data analytics.
Environmental Sciences: Focus on conservation, climate change, and sustainable development.
Leading institutions such as the University of Melbourne, Australian National University, and University of Sydney are renowned for their contributions to these fields.
Living and Cost
Living in Australia offers an exceptional quality of life with diverse accommodation options ranging from university residences to private rentals. The cost of living varies by location, with cities like Sydney and Melbourne offering vibrant urban lifestyles, while regional areas provide tranquil environments.
International students can manage expenses through part-time work opportunities and benefit from student discounts on transport, food, and entertainment. Tuition fees vary by institution and program but are competitive compared to other study destinations.
Visa and Immigration
Obtaining a student visa for Australia requires meeting specific requirements, including enrollment in a registered course, health insurance coverage, and financial capacity to support living expenses. Orient International guides students through the visa application process, ensuring compliance with Australian immigration regulations and providing support for post-study work options.
Culture and Lifestyle
Australia's rich cultural tapestry is shaped by its diverse population, vibrant arts scene, and outdoor lifestyle. Students can explore multicultural festivals, culinary experiences, and world-class sporting events. From the Great Barrier Reef to the Outback, Australia offers unparalleled natural beauty and adventure opportunities.
Student Support Services
Orient International is committed to enhancing the student experience in Australia through comprehensive support services:
Pre-departure Orientation: Guidance on academic requirements, cultural adaptation, and living in Australia.
Accommodation Assistance: Help with finding suitable housing options, both on-campus and off-campus.
Academic Support: Tutoring services, study skills workshops, and access to academic resources.
Career Counseling: Guidance on internships, job placements, and post-study work opportunities.
Orient International ensures that students receive personalized assistance tailored to their academic and personal needs throughout their stay in Australia.
Why Choose Orient International for Studying in Australia?
Choosing Orient International for your study abroad journey in Australia ensures:
Expert Guidance: Personalized counseling by experienced education consultants with in-depth knowledge of Australian universities and programs.
Comprehensive Support: Assistance with application processes, visa requirements, and ongoing support during your academic journey.
Global Network: Access to a vast network of alumni and industry connections for enhanced career opportunities.
Get Started
Ready to explore the endless possibilities of studying in Australia? Contact Orient International today to schedule a consultation with our knowledgeable counselors and embark on your educational journey in one of the world's most sought-after study destinations.

42
data/Study in Canada.txt Normal file
View File

@@ -0,0 +1,42 @@
Study in Canada
Introduction
Canada is renowned worldwide for its high-quality education system, welcoming multicultural society, and diverse landscapes. As a top study destination, Canada offers international students an enriching academic experience combined with vibrant cultural immersion.
Education System
Canada's education system is recognized for its academic excellence, research opportunities, and inclusive learning environment. The country hosts a wide range of institutions, including universities, colleges, and specialized institutes offering programs in various fields. Institutions like the University of Toronto, McGill University, and University of British Columbia are globally recognized for their research contributions and academic rigor.
Popular Courses
Canada offers programs across diverse fields of study:
STEM (Science, Technology, Engineering, and Mathematics): Advanced programs in engineering, computer science, and biotechnology.
Business and Management: Leading MBA programs and courses in finance, marketing, and entrepreneurship.
Health Sciences: Research-driven programs in medicine, nursing, and public health.
Arts and Humanities: Programs in literature, history, and cultural studies.
Living and Cost
Living in Canada offers students a safe and inclusive environment with access to modern amenities, multicultural communities, and natural beauty. Accommodation options range from university residences to off-campus apartments, providing students with comfortable living choices. While living costs vary by location, Canada offers affordable healthcare, public transportation, and student discounts on various services.
Tuition fees in Canada vary depending on the institution and program. Scholarships, grants, and work-study opportunities are available to help offset educational expenses for international students.
Visa and Immigration
Securing a study permit for Canada requires acceptance into a Designated Learning Institution (DLI), proof of financial support, and meeting health and security requirements. Orient International provides expert guidance on visa application processes, ensuring students navigate immigration regulations effectively and prepare for their study abroad journey in Canada.
Culture and Lifestyle
Canada's multicultural society celebrates diversity through festivals, arts, and culinary experiences. Students can explore iconic landmarks such as Niagara Falls, Banff National Park, and vibrant cities like Toronto, Vancouver, and Montreal. Canada's blend of urban sophistication and natural beauty offers students a rich cultural experience and recreational opportunities.
Student Support Services
Orient International offers comprehensive support services to enhance the student experience in Canada:
Academic Guidance: Assistance with program selection, course registration, and study strategies.
Accommodation Support: Advice on housing options, rental agreements, and settling into Canadian life.
Career Development: Internship placements, resume writing workshops, and networking events.
Cultural Integration: Orientation programs, language support, and community engagement activities.
Why Choose Orient International for Studying in Canada?
Choosing Orient International for your study abroad journey in Canada offers:
Expert Guidance: Access to knowledgeable education consultants with insights into Canadian universities and academic programs.
Personalized Assistance: Tailored support throughout the application process, ensuring students find the right academic fit.
Global Network: Connections to alumni and industry partners for career opportunities and professional growth.
Comprehensive Services: A range of support services to help students thrive academically and socially in Canada.
Get Started
Ready to pursue your educational goals in Canada? Contact Orient International today to schedule a consultation with our dedicated counselors and take the first step towards an enriching study abroad experience in one of the world's top destinations for higher education.

42
data/Study in Japan.txt Normal file
View File

@@ -0,0 +1,42 @@
Study in Japan
Introduction
Japan, renowned for its technological innovation, rich cultural heritage, and academic excellence, offers a unique study abroad experience for international students. With a commitment to cutting-edge research and global perspectives, Japan attracts students seeking quality education and cultural immersion.
Education System
Japan's education system is highly regarded for its academic rigor, advanced research facilities, and diverse range of institutions. The country hosts prestigious universities, technical colleges, and language schools known for their specialized programs and global partnerships. Institutions like the University of Tokyo, Kyoto University, and Waseda University are acclaimed for their contributions to science, technology, and humanities.
Popular Courses
Japan excels in several key fields:
Technology and Engineering: Innovations in robotics, automotive engineering, and information technology.
Business and Economics: Leading MBA programs and entrepreneurship opportunities.
Japanese Studies: Language courses and cultural immersion programs.
Health Sciences: Research in biotechnology, medicine, and public health.
Top universities in Japan offer specialized programs tailored to international students' academic and career goals.
Living and Cost
Living in Japan offers students a blend of traditional culture and modern amenities in bustling cities and serene rural landscapes. Accommodation options range from university dormitories to private apartments, providing comfort and convenience. While living costs vary by location, Japan offers affordable living expenses compared to other study destinations in Asia.
Tuition fees in Japan vary by institution and program, with scholarships and financial aid available to support international students. Part-time work opportunities and student discounts contribute to managing overall expenses.
Visa and Immigration
Securing a student visa for Japan involves meeting specific requirements, including acceptance into an accredited educational institution, proof of financial support, and health insurance coverage. Orient International provides expert guidance on visa application processes, ensuring students understand immigration regulations and facilitate a smooth transition into student life in Japan.
Culture and Lifestyle
Japan offers a rich cultural tapestry with opportunities to explore traditional arts, cuisine, and festivals alongside modern trends in technology and entertainment. Students can experience cultural landmarks such as Kyoto's temples, Tokyo's vibrant neighborhoods, and Hokkaido's natural beauty. Japan's unique blend of tradition and innovation creates an enriching environment for international students.
Student Support Services
Orient International offers comprehensive support services to enhance the student experience in Japan:
Academic Guidance: Assistance with course selection, academic planning, and study strategies.
Accommodation Support: Advice on finding suitable housing options and settling into student life.
Career Development: Internship placements, job search support, and networking opportunities.
Cultural Integration: Orientation programs and language workshops to facilitate adaptation to Japanese culture and society.
Why Choose Orient International for Studying in Japan?
Choosing Orient International for your study abroad journey in Japan offers:
Specialized Expertise: Guidance from experienced education consultants with knowledge of Japanese universities and academic programs.
Personalized Support: Tailored assistance throughout the application process, ensuring students find the right academic fit.
Global Network: Access to a wide network of alumni and industry connections for career opportunities and professional growth.
Get Started
Ready to embark on your study abroad journey in Japan? Contact Orient International today to schedule a consultation with our dedicated counselors and take the first step towards achieving your academic goals and personal growth in one of Asia's most dynamic study destinations.

View File

@@ -0,0 +1,46 @@
Study in New Zealand
Introduction
New Zealand offers a unique blend of academic excellence, breathtaking landscapes, and cultural diversity, making it a favored destination for international students seeking a high-quality education and enriching lifestyle. With a reputation for innovation and sustainability, New Zealand provides a welcoming environment for students from around the world.
Education System
New Zealand's education system is recognized globally for its progressive approach and emphasis on practical learning. The country boasts a range of institutions, including universities, polytechnics, and private training establishments, offering diverse programs tailored to international students' needs. Institutions like the University of Auckland, University of Otago, and Victoria University of Wellington are esteemed for their research and teaching excellence.
Popular Courses
New Zealand excels in several key disciplines:
Natural Sciences: Focus on environmental conservation, biodiversity, and marine sciences.
Engineering: Innovative programs integrating technology and sustainable practices.
Business and Management: Globally recognized MBA programs and entrepreneurship opportunities.
Hospitality and Tourism: Practical training in a thriving tourism industry.
Orient International collaborates closely with leading New Zealand institutions to offer students access to these specialized fields.
Living and Cost
Living in New Zealand offers students a safe and supportive environment with a high standard of living. Accommodation options range from university halls of residence to shared apartments, catering to diverse preferences and budgets. While living costs vary by location, international students can manage expenses through part-time work opportunities and benefit from student discounts.
Tuition fees in New Zealand are competitive compared to other study destinations, and scholarships are available for eligible students, enhancing affordability and accessibility.
Visa and Immigration
Securing a student visa for New Zealand involves meeting specific requirements, including proof of enrollment in an approved course, health and character checks, and financial capacity to support living expenses. Orient International's team of experts provides comprehensive guidance on visa application processes, ensuring students adhere to immigration regulations and facilitating smooth transitions.
Culture and Lifestyle
New Zealand's vibrant cultural scene is shaped by its indigenous Maori heritage, diverse communities, and outdoor lifestyle. Students can explore pristine natural landscapes, engage in adventure sports, and participate in cultural festivals and events, fostering a holistic learning experience.
Student Support Services
Orient International offers tailored support services to enhance the student experience in New Zealand:
Academic Guidance: Assistance with course selection and academic planning.
Accommodation Support: Advice on finding suitable housing options and settling into local communities.
Career Development: Internship opportunities, job placement assistance, and networking events.
Cultural Integration: Orientation programs and workshops on adapting to New Zealand's cultural norms and expectations.
Expertise of Orient International in New Zealand Education
At Orient International, our core team members possess over two decades of experience in recruiting students for New Zealand. Their deep understanding of the New Zealand education system, strong partnerships with institutions, and commitment to student success ensure personalized guidance and support throughout your academic journey.
Why Choose Orient International for Studying in New Zealand?
Choosing Orient International for your study abroad journey in New Zealand offers:
Specialized Knowledge: Expert advice from professionals with extensive experience in New Zealand education.
Comprehensive Support: Guidance on visa processes, academic choices, and career opportunities.
Global Network: Access to a vast network of industry contacts and alumni connections for future career prospects.
Get Started
Ready to explore the possibilities of studying in New Zealand? Contact Orient International today to schedule a consultation with our dedicated team members and begin your journey towards academic excellence and personal growth in one of the world's most stunning study destinations.

View File

@@ -0,0 +1,42 @@
Study in South Korea
Introduction
South Korea, known for its technological advancements, rich cultural heritage, and dynamic economy, has emerged as a prominent destination for international students seeking quality education and global opportunities. With a focus on innovation and academic excellence, South Korea offers a unique blend of traditional values and modernity.
Education System
South Korea's education system is highly regarded for its rigorous academic standards and state-of-the-art facilities. The country hosts a variety of institutions, including top-ranked universities, specialized colleges, and language institutes. Institutions like Seoul National University, KAIST, and Yonsei University are renowned for their research capabilities and comprehensive academic programs.
Popular Courses
South Korea excels in several key fields:
Engineering and Technology: Advanced programs in electronics, robotics, and computer science.
Business and Management: Leading MBA programs and entrepreneurship initiatives.
Korean Studies: Language courses and cultural immersion programs.
Health Sciences: Innovative research in biotechnology and healthcare.
Top universities in South Korea offer specialized programs tailored to international students' academic and career goals.
Living and Cost
Living in South Korea offers students a vibrant cultural experience with modern cities, historic landmarks, and scenic landscapes. Accommodation options range from university dormitories to private apartments, providing flexibility and convenience. While living costs vary by location, South Korea offers affordable living expenses compared to other study destinations in Asia.
Tuition fees in South Korea are competitive, and scholarships are available for eligible students to offset educational expenses. Part-time work opportunities and student discounts contribute to managing overall costs.
Visa and Immigration
Securing a student visa for South Korea requires meeting specific requirements, including acceptance into a recognized educational institution, proof of financial support, and health insurance coverage. Orient International provides expert guidance on visa application processes, ensuring students comply with immigration regulations and transition smoothly into student life in South Korea.
Culture and Lifestyle
South Korea offers a rich cultural tapestry with opportunities to explore traditional arts, cuisine, and festivals alongside modern entertainment and technology. Students can immerse themselves in Korean pop culture, historical sites like Gyeongbokgung Palace, and vibrant urban centers like Seoul and Busan. South Korea's dynamic blend of tradition and innovation provides a unique experience for international students.
Student Support Services
Orient International offers comprehensive support services to enhance the student experience in South Korea:
Academic Guidance: Assistance with course selection, academic planning, and study strategies.
Accommodation Assistance: Guidance on finding suitable housing options and settling into student life.
Career Development: Internship placements, job search support, and networking opportunities.
Cultural Integration: Orientation programs and language workshops to facilitate adaptation to Korean culture and society.
Why Choose Orient International for Studying in South Korea?
Choosing Orient International for your study abroad journey in South Korea offers:
Specialized Expertise: Guidance from experienced education consultants with knowledge of South Korean universities and academic programs.
Personalized Support: Tailored assistance throughout the application process, ensuring students find the right academic fit.
Global Network: Access to a wide network of alumni and industry connections for career opportunities and professional growth.
Get Started
Ready to explore the vibrant culture and educational opportunities in South Korea? Contact Orient International today to schedule a consultation with our dedicated counselors and take the first step towards achieving your academic goals and personal growth in one of Asia's most dynamic study destinations.

44
data/Study in UK.txt Normal file
View File

@@ -0,0 +1,44 @@
Study in the UK
Introduction
The United Kingdom (UK) is renowned for its rich history, academic excellence, and cultural diversity, making it a top choice for international students seeking world-class education and global career prospects. With a blend of tradition and innovation, the UK offers a stimulating environment for personal growth and academic achievement.
Education System
The UK's education system is highly regarded worldwide for its academic rigor, research opportunities, and quality assurance standards. The country boasts a diverse range of institutions, including prestigious universities, colleges, and specialized schools, offering a wide array of courses across disciplines. Institutions like the University of Oxford, University of Cambridge, and Imperial College London are esteemed for their academic excellence and research contributions.
Popular Courses
The UK excels in several key disciplines:
Business and Management: Leading MBA programs and entrepreneurship opportunities.
Engineering: Advanced programs in aerospace, mechanical, and civil engineering.
Medicine and Health Sciences: Renowned medical schools and research facilities.
Humanities and Social Sciences: Cutting-edge research and interdisciplinary studies.
Creative Arts: Innovation in design, fashion, and performing arts.
Top institutions in the UK offer specialized programs tailored to international students' career aspirations.
Living and Cost
Living in the UK offers students a multicultural experience with vibrant cities, historic landmarks, and cultural diversity. Accommodation options range from university halls of residence to private rentals, accommodating various preferences and budgets. While living costs vary by location, students can manage expenses through part-time work opportunities and benefit from student discounts on transportation, food, and entertainment.
Tuition fees in the UK vary by institution and program but are competitive compared to other study destinations. Scholarships and financial aid options are available to support international students throughout their academic journey.
Visa and Immigration
Obtaining a student visa for the UK requires meeting specific criteria, including acceptance into a recognized course, proof of financial means, and health insurance coverage. Orient International provides expert guidance on visa application processes, ensuring students understand immigration requirements and assisting with post-study work options.
Culture and Lifestyle
The UK offers a dynamic cultural landscape, blending historic traditions with contemporary trends. Students can explore world-class museums, theaters, and music venues, as well as participate in cultural festivals and events throughout the year. From the bustling streets of London to the serene countryside of Scotland, the UK offers diverse experiences for students to explore and enjoy.
Student Support Services
Orient International offers comprehensive support services to enhance the student experience in the UK:
Academic Guidance: Assistance with course selection, academic planning, and study skills development.
Accommodation Support: Advice on finding suitable housing options and settling into student life.
Career Development: Internship opportunities, job placement assistance, and networking events.
Cultural Integration: Orientation programs and workshops on adapting to UK culture and social norms.
Why Choose Orient International for Studying in the UK?
Choosing Orient International for your study abroad journey in the UK offers:
Expert Advice: Guidance from experienced education consultants with in-depth knowledge of UK universities and programs.
Personalized Support: Tailored assistance throughout the application process, from choosing the right course to settling into student life.
Global Network: Access to a wide network of alumni and industry contacts for career opportunities and professional growth.
Get Started
Are you ready to embark on your study abroad journey in the UK? Contact Orient International today to schedule a consultation with our knowledgeable counselors and take the first step towards achieving your academic and career aspirations in one of the world's most prestigious study destinations.

44
data/Study in USA.txt Normal file
View File

@@ -0,0 +1,44 @@
Study in the USA
Introduction
The United States of America (USA) is renowned for its world-class education system, diverse culture, and opportunities for personal and professional growth. As a global leader in innovation and research, the USA attracts students from around the world seeking a transformative educational experience.
Education System
The USA offers a diverse range of educational institutions, including prestigious universities, liberal arts colleges, and community colleges. Known for its academic excellence and cutting-edge research facilities, institutions such as Harvard University, Stanford University, and Massachusetts Institute of Technology (MIT) set global standards in education across various disciplines.
Popular Courses
The USA excels in several key fields:
Engineering: Advanced programs in aerospace, mechanical, and biomedical engineering.
Business and Management: Leading MBA programs and entrepreneurship opportunities.
Computer Science: Innovations in artificial intelligence, cybersecurity, and data analytics.
Health Sciences: Renowned medical schools and research in healthcare innovation.
Social Sciences: Research-driven programs in economics, psychology, and political science.
Top universities in the USA offer specialized programs designed to meet the diverse interests and career goals of international students.
Living and Cost
Living in the USA offers students a dynamic cultural experience with diverse communities, vibrant cities, and natural landscapes. Accommodation options range from on-campus housing to off-campus apartments, providing flexibility and convenience. While living costs vary by location, students can manage expenses through part-time work opportunities and benefit from student discounts on transportation, dining, and entertainment.
Tuition fees in the USA vary widely by institution and program. Scholarships, grants, and financial aid options are available to help international students fund their education and reduce overall expenses.
Visa and Immigration
Securing a student visa for the USA involves meeting specific requirements, including acceptance into a recognized educational institution, proof of financial support, and health insurance coverage. Orient International provides expert guidance on visa application processes, ensuring students navigate immigration requirements effectively and understand their rights and responsibilities as international students.
Culture and Lifestyle
The USA offers a rich cultural tapestry with opportunities to explore diverse traditions, arts, and cuisines. Students can engage in cultural events, music festivals, and sports activities while experiencing American hospitality and community spirit. From iconic landmarks like the Statue of Liberty to natural wonders like the Grand Canyon, the USA offers endless possibilities for exploration and adventure.
Student Support Services
Orient International offers comprehensive support services to enhance the student experience in the USA:
Academic Guidance: Assistance with course selection, academic planning, and study strategies.
Housing Assistance: Advice on finding suitable accommodation and settling into American college life.
Career Development: Internship placements, job search support, and networking opportunities.
Cultural Orientation: Orientation programs and workshops on adapting to American culture and campus life.
Why Choose Orient International for Studying in the USA?
Choosing Orient International for your study abroad journey in the USA offers:
Expert Knowledge: Guidance from experienced education consultants with deep insights into US universities and educational programs.
Personalized Support: Tailored assistance throughout the application process, ensuring students find the right fit for their academic and career aspirations.
Global Network: Access to a wide network of alumni and industry connections for career opportunities and professional growth.
Get Started
Ready to pursue your educational dreams in the USA? Contact Orient International today to schedule a consultation with our dedicated counselors and take the first step towards achieving academic excellence and personal growth in one of the world's most prestigious study destinations.

39
data/Study in Vietnam.txt Normal file
View File

@@ -0,0 +1,39 @@
Study in Vietnam
Introduction
Vietnam, a country known for its rich history, cultural diversity, and rapid economic growth, is emerging as a promising destination for international students seeking quality education and global opportunities. With a blend of traditional charm and modern development, Vietnam offers a unique study abroad experience in Southeast Asia.
International Degrees in Vietnam
Vietnam hosts a growing number of international universities and campuses offering degrees from top-ranked institutions in the UK and USA. These partnerships bring prestigious programs and faculty from abroad to Vietnam, providing students with access to world-class education without leaving Asia. Institutions like RMIT University Vietnam and British University Vietnam offer accredited degrees recognized globally.
Popular Courses
International degrees in Vietnam cover a range of disciplines:
Business and Management: MBA programs and specialized courses in finance, marketing, and entrepreneurship.
Engineering: Programs in civil, electrical, and environmental engineering.
Hospitality and Tourism: Degrees focusing on hospitality management and tourism development.
Information Technology: Courses in software engineering, cybersecurity, and data analytics.
Cost of Living
The cost of living in Vietnam is affordable compared to many Western countries and similar to that in Nepal. Accommodation options range from university dormitories to private rentals, providing students with choices that fit their budget and lifestyle. Daily expenses for food, transportation, and entertainment are also reasonable, making Vietnam an attractive option for international students seeking affordability and quality of life.
Visa and Immigration
Securing a student visa for Vietnam involves meeting specific requirements, including acceptance into an accredited program, proof of financial support, and health insurance coverage. Orient International provides expert guidance on visa application processes, ensuring students understand immigration regulations and facilitate a smooth transition into student life in Vietnam.
Culture and Lifestyle
Vietnam offers a vibrant cultural tapestry with opportunities to explore historic landmarks, traditional cuisine, and natural beauty. Students can immerse themselves in Vietnamese culture through festivals, art performances, and local traditions. From bustling cities like Ho Chi Minh City and Hanoi to scenic landscapes in Ha Long Bay and Sapa, Vietnam offers diverse experiences for international students.
Student Support Services
Orient International offers comprehensive support services to enhance the student experience in Vietnam:
Academic Guidance: Assistance with course selection, academic planning, and study strategies.
Accommodation Support: Advice on finding suitable housing options and settling into student life.
Career Development: Internship placements, job search support, and networking opportunities.
Cultural Integration: Orientation programs and language workshops to facilitate adaptation to Vietnamese culture and society.
Why Choose Orient International for Studying in Vietnam?
Choosing Orient International for your study abroad journey in Vietnam offers:
Global Education Standards: Access to international degrees from top UK and USA universities within Vietnam's dynamic academic environment.
Affordable Living: Experience quality education and cultural immersion in Vietnam with a cost of living similar to Nepal.
Personalized Support: Guidance from experienced education consultants with knowledge of Vietnam's educational landscape and international partnerships.
Global Network: Access to a diverse network of alumni and industry connections for career opportunities and professional growth.
Get Started
Ready to explore the opportunities of studying in Vietnam? Contact Orient International today to schedule a consultation with our dedicated counselors and begin your journey towards academic excellence and personal growth in Southeast Asia.

29
data/TOEFL.txt Normal file
View File

@@ -0,0 +1,29 @@
TOEFL iBT Preparation at Orient International
Introduction
Prepare effectively for the Test of English as a Foreign Language (TOEFL) iBT with Orient International's specialized preparation courses. Our program equips you with the skills and strategies needed to succeed in this widely recognized English proficiency test.
Key Features
Experienced Instructors: Learn from TOEFL experts who provide personalized guidance and effective test-taking strategies.
Comprehensive Study Materials: Access to practice tests, study resources, and exercises designed to improve your performance.
Flexible Study Options: Choose from various class schedules to fit your study habits and goals.
Course Structure
Our TOEFL iBT preparation course covers all sections of the exam:
Reading: Enhance reading comprehension skills and effectively manage time during the exam.
Listening: Improve listening skills through exposure to a variety of academic lectures and discussions.
Speaking: Practice and refine speaking skills in simulated test environments.
Writing: Develop strategies to organize ideas and write well-structured essays.
Additional Features
Mock Exams: Regular mock exams to assess your progress and simulate real TOEFL iBT exam conditions.
Feedback Sessions: Receive personalized feedback sessions to identify areas for improvement and enhance your performance.
Study Groups: Engage in collaborative learning with peers to practice speaking and listening skills.
Resources at Orient International
Practice Tests: Access to a range of practice tests designed to familiarize you with the TOEFL iBT exam format and timing.
Writing Workshops: Workshops focused on essay writing skills, including planning, structure, and content development.
Speaking Labs: Interactive sessions to practice speaking fluency, pronunciation, and effective communication strategies.
Benefits of Choosing Orient International for TOEFL iBT Preparation
Personalized Guidance: Receive individualized attention and guidance from experienced instructors.
Proven Results: Many of our students achieve their target scores and advance their academic or professional careers.
Supportive Learning Environment: Engage in interactive classes and receive constructive feedback to maximize your potential.
Get Started
Ready to excel in the TOEFL iBT exam? Contact Orient International today to enroll in our TOEFL iBT preparation course and take the first step towards achieving your academic and career goals.

253
demo/pages/404.html Normal file
View 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">Were 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 authors credit link/attribution link/backlink. ***/-->
<!--/*** If you'd like to use the template without the below authors 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
demo/pages/about.html Normal file
View 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">Were 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> Its 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 authors credit link/attribution link/backlink. ***/-->
<!--/*** If you'd like to use the template without the below authors 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
demo/pages/contact.html Normal file
View 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">Lets 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 authors credit link/attribution link/backlink. ***/-->
<!--/*** If you'd like to use the template without the below authors 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
demo/pages/countries.html Normal file
View 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 authors credit link/attribution link/backlink. ***/-->
<!--/*** If you'd like to use the template without the below authors 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>

6
demo/pages/css/bootstrap.min.css vendored Normal file

File diff suppressed because one or more lines are too long

928
demo/pages/css/style.css Normal file
View 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 ***/

441
demo/pages/feature.html Normal file
View 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 authors credit link/attribution link/backlink. ***/-->
<!--/*** If you'd like to use the template without the below authors 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>

BIN
demo/pages/img/08.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 543 KiB

BIN
demo/pages/img/Orient.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 110 KiB

BIN
demo/pages/img/about-2.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 92 KiB

BIN
demo/pages/img/about-3.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 33 KiB

BIN
demo/pages/img/ausflag.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 80 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 151 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 798 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.8 KiB

BIN
demo/pages/img/brazil.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 412 KiB

BIN
demo/pages/img/canada.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 73 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 118 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 115 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 78 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 104 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 78 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 82 KiB

BIN
demo/pages/img/india.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.6 KiB

BIN
demo/pages/img/italy.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.5 KiB

BIN
demo/pages/img/japan.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 685 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 50 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 95 KiB

BIN
demo/pages/img/logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 29 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 873 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 82 KiB

BIN
demo/pages/img/office-1.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 27 KiB

BIN
demo/pages/img/office-2.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 33 KiB

BIN
demo/pages/img/office-3.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 34 KiB

BIN
demo/pages/img/office-4.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 44 KiB

BIN
demo/pages/img/profile.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 200 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 429 KiB

BIN
demo/pages/img/reg-form.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.4 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 56 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 53 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 60 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 46 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 412 KiB

BIN
demo/pages/img/slider.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 MiB

BIN
demo/pages/img/testibg.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 917 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.1 KiB

BIN
demo/pages/img/toefl.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 392 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 63 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 47 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 54 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 55 KiB

BIN
demo/pages/img/uk.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 967 KiB

BIN
demo/pages/img/ukflag.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 91 KiB

BIN
demo/pages/img/usa.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.7 KiB

BIN
demo/pages/img/usa.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1024 KiB

944
demo/pages/index.html Normal file
View 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">Were 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> Its 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 authors credit link/attribution link/backlink. ***/-->
<!--/*** If you'd like to use the template without the below authors 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>

105
demo/pages/js/main.js Normal file
View 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&amp;modestbranding=1&amp;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);

1579
demo/pages/lib/animate/animate.css vendored Normal file

File diff suppressed because it is too large Load Diff

11
demo/pages/lib/animate/animate.min.css vendored Normal file

File diff suppressed because one or more lines are too long

View 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);

View 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
demo/pages/lib/easing/easing.min.js vendored Normal file
View 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}})});

View 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.

Some files were not shown because too many files have changed in this diff Show More