Techo PHP Documentation 1.0.0

Thank you very much for your purchase!

If you have any questions that are beyond the scope of this documentation, please feel free to email or contact us via our Support mail : Support

Introduction


Techo is a professional PHP-based website template designed specifically for IT solutions and technology services. Built using clean and modular PHP architecture, this template integrates predefined web components and dynamic content support to help you efficiently build and manage your website.


The Techo PHP Template features a fully responsive layout, ensuring seamless performance across all screen sizes—from desktops and laptops to tablets, iPads, iPhones, and other mobile devices.


With Techo, you can easily create a modern and high-performing website for a wide range of industries, including: agency, business, consulting, creative, cyber security, data services, digital agency, IT services, IT solutions, SaaS, software, startup, technology, and more...


This PHP version is based on the original Bootstrap 5 HTML structure, enhanced with PHP for dynamic content rendering and better maintainability.

Installation

To setup the theme, follow below-mentioned steps

  • Install PHP
    • If you're using XAMPP, WAMP, or MAMP, PHP should already be included. Make sure your server environment (Apache, Nginx, etc.) is configured to work with PHP. If PHP is not installed, you can download it from the official PHP website.

  • Download and Extract the Zip File:
    • Download the zip file containing all files integrated with Techo. Extract the contents of the zip file to your desired location.
  • Editing Techo Template
    • Start your PHP server. If you're using XAMPP, WAMP, or MAMP, start Apache. Navigate to localhost in your web browser and specify the port number if necessary (e.g.,http://localhost:{{PORT}}).

File Structure

├──  Techo /
│   ├──  css/
│   ├──  fonts/
│   ├──  images/
│   ├──  includes/
│   ├──  js/
│   ├──  partials/
|   │    ├──  callaction.php
|   │    ├──  footer.php
|   │    ├──  head.php
|   │    ├──  header.php
|   │    ├──  headerlower.php
|   │    ├──  headersearch.php
|   │    ├──  headertop.php
|   │    ├──  maincontent.php
|   │    ├──  mobilemenu.php
|   │    ├──  preloader.php
|   │    ├──  script.php
|   │    ├──  stickyheader.php
│   ├──  plugins/
│   ├──  css/
│   ├──  index.php
│   ├──  index-1-dark.php
│   ├──  index-1-rtl.php
│   ├──  index-1-single.php
│   ├──  index-2.php
│   ├──  index-2-dark.php
│   ├──  index-2-single.php
│   ├──  index-3.php
│   ├──  index-3-dark.php
│   ├──  index-4.php
│   ├──  index-4-dark.php
│   ├──  index-4-single.php
│   ├──  index-5.php
│   ├──  index-5-dark.php
│   ├──  index-5-single.php
│   ├──  news-details.php
│   ├──  news-grid.php
│   ├──  page-404.php
│   ├──  page-about.php
│   ├──  page-contact.php
│   ├──  page-faq.php
│   ├──  page-pricing.php
│   ├──  page-pricing-switcher.php
│   ├──  page-project-details.php
│   ├──  page-projects.php
│   ├──  pages.php
│   ├──  page-service-details.php
│   ├──  page-services.php
│   ├──  page-team.php
│   ├──  page-team-details.php
│   ├──  page-testimonial.php
│   ├──  shop-cart.php
│   ├──  shop-checkout.php
│   ├──  shop-product-details.php
│   ├──  shop-products.php
│   ├──  shop-products-sidebar.php
├──  Documentation
    └── index.html - Index file for documentation.

PHP Structure

@extends('layout.layout')

    <!DOCTYPE html>
    <html lang="en">
        
    <?php include './partials/head.php'?>
    <body>
    
    <div class="page-wrapper">
    
        <!-- Preloader -->
        <div class="preloader"></div>
    
        <!-- Main Header-->
        <header class="main-header header-style-one">
            <!-- Header Top -->
            <?php include './partials/headertop.php'?>
            <!-- Header Top -->
    
            <!-- Header Lower -->
            <?php include './partials/headerlower.php'?>
            <!-- End Header Lower -->
    
            <!-- Mobile Menu  -->
            <?php include './partials/mobilemenu.php'?>
            <!-- End Mobile Menu -->
    
            <!-- Header Search -->
            <?php include './partials/searchpopup.php'?>
            <!-- End Header Search -->
    
            <!-- Sticky Header  -->
            <?php include './partials/headerSearch.php'?>
            <!-- End Sticky Menu -->
        </header>
        <!--End Main Header -->
    
        <!-- Start main-content -->
        <?php 
                $Title='About Us';
                $SubTitle = 'Home';
                $SubTitle2 = 'Pages';
                $SubTitle3 = 'About';
            ?>
        <?php include './partials/maincontent.php'?>
        <!-- end main-content -->
    
        <!-- About Section Six-->
        <section class="about-section-six">
            .....     .....     .....     .....     .....
        </section>
        <!--Emd About Section Six-->
    
        <!-- Industries Section -->
        <section class="industries-section style-two">
            .....     .....     .....     .....     .....
        </section>
        <!-- End Industries Section -->
    
        <!-- Project Section -->
        <section class="project-section alternate pb-0">
            .....     .....     .....     .....     .....
        </section>
        <!--End Project Section -->
    
        <!-- Team Section -->
        <section class="team-section-two">
            .....     .....     .....     .....     .....
        </section>
        <!-- End Team Section -->
    
        <!-- Clients Section   -->
        <section class="clients-section alternate">
            .....     .....     .....     .....     .....
        </section>
        <!--End Clients Section -->
    
        <!-- Main Footer -->
            <?php include './partials/mainfooter.php'?>
        <!--End Main Footer -->
    
    </div><!-- End Page Wrapper -->
    
    <!-- Scroll To Top -->
            <div class="scroll-to-top scroll-to-target" data-target="html"><span class="fa fa-angle-up"></span></div>
            <?php include './partials/script.php'?>
    </body>
    </html>

                            

CSS

Techo Built with latest version of CSS3.

File Name Details
plugins/bootstrap.min.css Bootstrap CSS
plugins/fontawesome.min.css Fontawesome CSS
plugins/slick.css Slick CSS
plugins/animate.css Animate CSS
plugins/odometer.css Odometer CSS
plugins/jquery-ui.min.css jquery CSS
css/swiper-bundle.min.css Swiper CSS
css/style.css Style CSS

Javascript

Techo Built with Javascript

File Name Details
plugins/isotope.pkg.min.js Isotop js
plugins/odometer.js Odometer Js
plugins/ripples.min.js Ripples js
plugins/wow.min.js Wow Js
plugins/swiper.min.js Swiper Js
plugins/YTPlayer.min.js YTPlayer Js
js/main.js All Custom js files

Credit & Resources

We have used the following plugins.

Support

Thank you for become a part of us. If you have any query, suggestion and complain. Contact us anytime. If you have any questions that are beyond the scope of this documentation, please feel free to email us via our Support mail : Support

Change log

1.0.0 - 030th June 2025

General

Initial Released

© 2025 Techo