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
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.
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
Initial Released