Getting Started

Introduction

Banner
Dreams Tour DreamsTour - Travel and Tour Booking Admin Dashboard Template

DreamsTour - Travel and Tour Booking Admin Dashboard Template

Contact Support Create Support ticket

Requirement

System Requirements
  • Text Editor like, Sublime Text 3 editor (or) Visual Studio Code editor
  • PHP 8.4.3
  • Xampp
  • Any Web Browser

Features

php 8.4
Bootstrap 5.3.7
Style with SASS
Font Awesome icons
Feather icons
Fully Responsive Layout
Cross Browser Compatible
Easy to Customize
Clean & Well Commented Codes
Compatible to all Mobile Devices
Detailed Documentation
Developer Friendly
And Many More...

File Structure

  • dreamstour
    • php
      • template
        • partials
          • back-to-top.php
          • body.php
          • config.php
          • footer.php
          • head-css.php
          • loader.php
          • main.php
          • menu.php
          • modal-popup.php
          • session.php
          • theme-settings.php
          • title-meta.php
          • topbar.php
          • vendor-scripts.php
        • .gitignore
        • .htaccess
        • composer.json
        • package.json
        • phpstan.neon

Php Structure

main.php: Master Layout

This file wraps all common HTML structure: <html>, <head>, <body>, and site components like the menu, scripts, and global modal.

It uses a placeholder <?= $content ?? '' ?> to inject view-specific content.

This is filled dynamically by each content page using output buffering.

    
<?php require_once __DIR__ . '/session.php';?>

<!DOCTYPE html>
<?php require_once __DIR__ . '/theme-settings.php';?>

<head>
    <?php require_once __DIR__ . '/title-meta.php';?>

    <?php require_once __DIR__ . '/head-css.php';?>       
</head>

<?php require_once __DIR__ . '/body.php';?>

	<?php require_once __DIR__ . '/loader.php';?>
            
        <?php require_once __DIR__ . '/menu.php';?>                
        
		<?= $content ?? '' ?>        

		<?php include_once __DIR__ . '/footer.php'; ?>

		<?php include_once __DIR__ . '/back-top-top.php'; ?>

        <?php include_once __DIR__ . '/modal-popup.php'; ?> 

    <?php require_once __DIR__ . '/vendor-scripts.php'; ?>  

</body>

</html>

index.php: Content Page

Each page uses ob_start() to buffer its HTML content and assign it to the $content variable, which is then injected into main.php.

This allows your pages to stay clean and maintain a consistent layout across your project.

    
<?php ob_start();?>

	<!-- Page HTML goes here -->

<?php
$content = ob_get_clean();
require_once '../partials/main.php';?>

Installation Guide

Step 1: Environment Setup

Ensure you have PHP 8.4, MySQL and a web server (Apache/Nginx) installed. Use XAMPP, WAMP, or MAMP for local development.

Step 2: Project Setup

Extract the Dreams EMR template files to your web server directory (e.g., htdocs for XAMPP).

Step 3: Install Dependencies

Open terminal/command prompt in the project directory and run:

composer install
Step 4: Database Configuration

Create a MySQL database and update the database settings in partials/config.php.

Step 5: Access Application

Start your web server and access the application via browser.

Example URLs

http://localhost/dreamstour/php/template/index.php

Sass, Scss Installation

Prerequisites

Before installing Sass, ensure you have Node.js installed on your system. Download it from https://nodejs.org/en/download/.

Step 1: Install NPM Package Manager

Install the latest version of npm package manager:

npm install -g npm@latest
Step 2: Install Sass Globally

Install Dart Sass globally using npm:

npm install -g sass
Step 3: Verify Installation

Check if Sass is installed correctly:

sass --version
Step 4: Compile SCSS

Use these commands to compile your SCSS files:

One-time Compilation
sass assets/scss/main.scss:assets/css/style.css --style=compressed
Watch Mode (Development)
sass assets/scss/main.scss:assets/css/style.css --style=compressed --watch
Using npm Scripts
# One-time compilation
npm run sass

# Watch for changes
npm run sass:watch
Tip

Use watch mode for development and compressed style for production.

How to change Font ?

You can change the font you can edit it from Scss file.

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&display=swap');

	body {
		font-family: 'Manrope', sans-serif;
	}

How to change Header Background Color ?

You can change the header background color in style.css as per your wish


	.header {
		background: #fff;
		left: 0;
		position: fixed;
		right: 0;
		top: 0;
		height: 66px;
	}

Typography

h1. Bootstrap heading

h2. Bootstrap heading

h3. Bootstrap heading

h4. Bootstrap heading

h5. Bootstrap heading
h6. Bootstrap heading

How can I switch to the Dark Mode?

You may see a sun/light toggle button in the header. If you click that button, the page will switch to dark mode, and a moon/dark toggle button will appear in the header. The dark mode style has been added to the body tag , and a script has also been added to toggle the button.

Path:php/index-rtl.php

		<html class="dark-mode"></html>

The styles for the Dark-mode are located in the dark-mode.scss file. You can find this file in the following directory:

Path: scss/pages/_theme.scss

The script for the Dark-mode are located in the theme-script.js file. You can find this file in the following directory:

Path: js/theme-script.js

How can I switch to the RTL?

To enable Right-to-Left (RTL) layout in a Bootstrap-powered page, you need to follow these steps to ensure proper support and display for RTL languages like Arabic, Hebrew, etc. Here’s a guide with clear steps and explanations.

Step 1: Applying RTL Direction via CSS

		body {
			direction:rtl;
			background: #fff;
			left: 0;
			position: fixed;
			right: 0;
			top: 0;
			height: 66px;
		}

Explanation: The direction: rtl; property is applied to the "body" element via the CSS style block.This ensures that the entire content of the page flows from right to left.

Step 2: Including the RTL Version of Bootstrap CSS

After enabling RTL in the Laravel head.css.php file, you need to include an RTL-compatible CSS file from Bootstrap. Bootstrap provides an RTL version of its CSS, which has been adjusted for RTL support.


<link rel="stylesheet" src="assets/css/bootstrap.rtl.min.css">

FAQs

With one purchase code you can use it on one domain name. You need to get new license for every new domain name, please check Envato Help Page for more information about licenses.

If you need support, or if you're facing any problems, please contact us via Envato Support
Please note that our respond can take up to 2 business days.

  • Availability to answer questions, Answering technical questions about item’s features, Assistance with reported bugs and issues, Help with included 3rd party assets.
  • Any customization request will be ignored.
  • Please make sure to read more about the support policy.

Support

If this documentation does not address your questions, please feel free to contact us via email at Item Support Page

We are in the GMT+5:30 time zone and typically respond to inquiries on weekdays within 12-24 hours. Please note that in rare cases, the response time may extend to 48 hours, especially during holiday seasons.

Note:

We strive to offer top-notch support, but it's only available to verified buyers and for template-related issues such as bugs and errors. Custom changes and third-party module setups are not covered.

Don’t forget to Rate Dreams Tour!
Please take a moment to rate our product on Themeforest. Your support means a lot to us. Just go to your Themeforest Profile > Downloads Tab, and you can leave a review for our script. Thank you!

License

Dreams Tour is developed by Dreams Technologies and is available under both Envato Extended & Regular License options.

Regular License

Usage by either yourself or a single client is permitted for a single end product, provided that end users are not subject to any charges.

Extended License

For use by you or one client in a single end product for which end users may be charged.

What are the main differences between the Regular License and the Extended License?

Note

If you operate as a freelancer or agency, you have the option to acquire the Extended License, which permits you to utilize the item across multiple projects on behalf of your clients.

Credits

Plugin Name URL
Bootstrap https://getbootstrap.com/docs/
jQuery https://jquery.com/
Fontawesome https://fontawesome.com/
Select2 https://github.com/select2/select2
Date Timepicker https://cdnjs.com/libraries/jquery-datetimepicker
Google Fonts https://fonts.google.com/
Fancy Box http://fancybox.net/
Moment JS https://momentjs.com/
theia-sticky-sidebar https://github.com/WeCodePixels/theia-sticky-sidebar
Range-Slider https://ionicframework.com/docs/api/range

Do you need a customized application for your business?

If you need a customized application for your business depends on your specific requirements and goals, Please contact us.

Customization can be the key to success, ensuring your project perfectly aligns with your unique goals and requirements.

Don't Miss Out on the Benefits of Customization!

Unlock the potential of your project. It's time to ensure that your project isn't just another cookie-cutter solution but a truly unique and effective one.

Discover how customization can make a difference in your project's success. Let's create a solution that's as unique as your vision!

  • We'll tailor the application to meet your specific needs and preferences.
  • We will upload your website to the server and ensure it is live.
Book an Appointment Get a Free Quote
dreamstechnologies [email protected]
thanks

Thank You

Thank you once again for downloading Dreams Tour.
We hope you're enjoying your experience, and we kindly request that you take a moment to share your valuable review and rating with us.

Review Link:https://themeforest.net/downloads