Intoduction


Tripex

Travel & Tour Booking PHP Template

Created : 5th November 2025
By : robert_biswas
Please Contact Us : robert.khulna@gmail.com

Thank you for purchasing Tripex - Travel & Tour Booking PHP Template. If you have any questions that are beyond the scope of this help file, please feel free to email, via my user page contact form or put a ticket at Support Center .
Thankyou so much!

File Structure

The files in a structural way:

file Structure

  • assets:

    Keeping common CSS and other resource files.

  • layout:

    Keeping multiple Headers & footers

  • Parts:

    Separated Template files

    • about:

      Templates of About Page.

    • blog:

      Blog related templates

    • common:

      Common templates

    • about-us:

      Templates of about us page

    • blog:

      Templates parts of Blog.

    • destinations:

      Templates parts of destinations.

    • home-one:

      Templates parts of Home One.

    • home-two:

      Templates parts of Home Two.

    • home-three:

      Templates parts of Home Three.

  • List of file names:

    Files of PHP Template.

PHP Structure


It is divided into several sections for reusing each part. Here is the example of index.php or home one: 

<?php
$site_title = 'Tripex - Travel & Tour Booking PHP Template';
$special_css = 'home-one';
$special_js = 'home-one';
require_once 'layout/head.php';
include 'layout/headers/header-one.php';
include 'parts/home-one/tripex-hero-sec.php';
include 'parts/home-one/tripex-destination-sec.php';
include 'parts/home-one/tripex-about-sec.php';
include 'parts/home-one/tripex-tour-sec.php';
include 'parts/home-one/tripex-activities-sec.php';
include 'parts/home-one/tripex-offer-sec.php';
include 'parts/home-one/tripex-counter-sec.php';
include 'parts/home-one/tripex-testimonial-sec.php';
include 'parts/home-one/tripex-testimonial-sec.php';
include 'parts/home-one/tripex-choose-sec.php';
include 'parts/home-one/tripex-blog-sec.php';
include 'parts/home-one/tripex-clients-sec.php';
include 'parts/home-one/tripex-gallery-sec.php';
include 'parts/home-one/tripex-cta-sec.php';
include_once 'layout/footers/default-footer-curve.php';
require_once 'layout/foot.php';

The PHP template uses Bootstrap Css Frame Work with valid HTML5 tags. This theme is a responisve layout with 4 column Support column. All of the information in content area is nested within a class and comes with predefined classes.

<section class="hero-sb">
    <div class="container">
        <div class="row">
            <div class="col-xl-7">
                <!--===  Hero Content  ===-->
                <div class="hero-content">
                    <span class="sub-heading"><i class="far fa-arrow-right"></i>Business Landing Pages</span>
                    <h1 class="split"><span class="font-200">Modern</span><span>Business</span> Solutions</h1>
                </div>
            </div>
            <div class="col-xl-5">
                <!--===  Hero Content  ===-->
                <div class="hero-content">
                    <div class="text-box" data-aos="fade-down"  data-aos-duration="1800">
                        <p>The world is book, and those who not <span>travel read only</span> one page every journey undertake is a chapter filled with lessons, experiences</p>
                        <a href="service-details.php" class="theme-btn style-two">Our Service<i class="far fa-angle-double-right"></i></a>
                    </div>
                    <div class="hero-image" data-aos="fade-up"  data-aos-duration="2000">
                        <img src="assets/images/hero/hero-img1.jpg" alt="hero img">
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

CSS Files and Structure


Mainly three main CSS files are used in this theme. The first one bootstrap.css, second one is style.css which for this template and third one is responsive.css to control responsive layouts.

If you would like to edit a specific section of the site, simply find the appropriate label in the CSS file, and then scroll down until you find the appropriate style that needs to be edited.

Jquery and javascript


This theme imports three types of Javascript files.

  • jQuery
  • Custom scripts (script.js)
  • Some plugins

  • jQuery is a Javascript library that greatly reduces the amount of code that you must write.
  • Most of the animation in this site is carried out from the customs scripts. There are a few functions worth looking over.

In addition to the custom scripts, I have implemented few "tried and true" plugins to create the effects. This plugin is packed, so you won't need to manually edit anything in the file. The only necessary thing to know is how to call the method

Google Map Settings


NOTE
We are using iframe prvided by maps.google.com

Sources and Credits


Fonts Used in the template are Google Fonts

Fonts Used are :

Inter

Just Another Hand


File Used For Animation Effects :

wow.js (in js Folder)

appear.js (in js Folder)

parallax.js (in js Folder)

Magnific-popup.js (in js Folder)

animate.css (in css Folder)


Sliders Used Are :

Slick Carousel


Every Code is properly commented for Editing Ease.

Icons Used are :


Fontawsome Icons
https://fontawesome.com/


Icomoon Icons
icomoon.io

Used Icomoon icon pack is attached as a zip with Documentation.


From Flaticon, Icons are custom selected and downloaded as a font. If you want to use more icons you need to select icons of your choice from flaticon.com as font files and replace with the already added files.
(Previous Flaticon icons will be removed when you will use your own selected/downloaded Flaticons font)


Support


Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist. If you have any queries, please feel free to contact us at Support Center.

Please Contact Us : robert.khulna@gmail.com