Techo CakePHP 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 CakePHP-based web template designed specifically for IT Solutions & Technology websites. It comes with a wide array of predefined web components that make it easy to build a professional, high-performing website quickly. Techo features a fully responsive layout, ensuring that your site looks perfect across all devices—from desktop monitors to tablets, iPads, iPhones, and smaller mobile screens.

Installation

To setup the theme, follow below-mentioned steps

  • Install Server (Recommended PHP version: >8.2)

    • Make sure to have the Xampp/WampServer/Lampp installed & running in your computer. If you already have installed server on your computer, you can skip this step if your existing PHP version is greater than >8.2.

  • Install Composer (Recommended version: >= 2.2)
    • Make sure to have the composer installed & running in your computer. If you already have installed server on your computer, you can skip this step.
  • This would install all the required packages in the vendor folder.
    • composer i
    or 
    composer install
  • Running the CakePHP Application:
    • To run the CakePHP application, execute the command:
    bin/cake server

File Structure

    ├──  Techo /
    │   ├──  bin/
    │   ├──  config/
    │   ├──  logs/
    │   ├──  plugins/
    │   ├──  resources/
    │   ├──  src/
    │   │   │   ├──  Console/
    │   │   │   ├──  Controller/
    │   │   │   ├──  Model/
    │   │   │   └──  View/
    │   ├──  templates/
    │   │   │   ├──  Layout/   
    │   │   │   ├──  Element/
    │   │   │   ├──  Pages/
    │   │   │   ├──  home/
    │   │   │   ├──  news/
    │   │   │   ├──  shop/
    │   │   │   └──  services/
    │   ├──  tests/
    │   ├──  tmp/
    │   ├──  webroot/
    │   │   │   └──  assets/
    │   ├──  .editorconfig
    │   ├──  .gitattributes
    │   ├──  .gitignore
    │   ├──  .htaccess
    │   ├──  composer.json
    │   ├──  composer.lock
    │   ├──  index.php
    │   ├──  phpstan.neon
    │   ├──  phpunit.xml.dist
    ├──  Documentation/
    │    └── index.html - Index file for documentation.

CakePHP Structure

        

	<!-- Main Header-->
	<header class="main-header header-style-two-new">
		.....	.....	.....	.....	.....
	</header>
	<!--End Main Header -->

	<!--Main Slider-->
	<section class="main-slider">
		.....	.....	.....	.....	.....
	</section>
	<!-- End Main Slider-->

	<!-- About Section -->
	<section class="about-section-six pt-0 pb-70">
		.....	.....	.....	.....	.....
	</section>
	<!--Emd About Section -->

	<!-- Services Section Four -->
	<section class="services-section-four">
		.....	.....	.....	.....	.....
	</section>
	<!-- End Services Section Four-->

	<!-- Project Section -->
	<section class="project-section style-two pb-0">
		.....	.....	.....	.....	.....
	</section>
	<!--End Project Section -->

	<!-- Fun Fact Section -->
	<section class="fun-fact-section">
		.....	.....	.....	.....	.....
	</section>
	<!-- End Fun Fact Section -->

	<!-- Why Choose Us Two-->
	<section class="why-choose-us-four">
		.....	.....	.....	.....	.....
	</section>
	<!--Emd Why Choose Us -->

	<!-- Team Section -->
	<section class="team-section">
		.....	.....	.....	.....	.....
	</section>
	<!-- End Team Section -->

	<!-- Call To Action Two -->
	{% include 'partials/callaction.html' %}
	<!--End Call To Action Two -->

	<!-- Testimonial Section Three -->
	<section class="testimonial-section-four pb-0">
		.....	.....	.....	.....	.....
	</section>
	<!-- End Testimonial Section Three -->

	<!-- Clients Section   -->
	<section class="clients-section">
		.....	.....	.....	.....	.....
	</section>
	<!--End Clients Section -->

	<!-- FAQ Section -->
	<section class="faqs-section style-two">
		.....	.....	.....	.....	.....
	</section>
	<!--End FAQ Section -->

	<!-- News Section -->
	<section class="news-section">
		.....	.....	.....	.....	.....
	</section>
	<!--End News Section -->

	<!-- Contact Section -->
	<section class="contact-four-section">
		.....	.....	.....	.....	.....
	</section>
	<!--End Contact Section -->

	<!-- Call To Action Two -->
	<section class="call-to-action-two p-0">
		.....	.....	.....	.....	.....
	</section>
	<!--End Call To Action Two -->

	<!-- Main Footer -->
	<footer class="main-footer">
		.....	.....	.....	.....	.....
	</footer>
	<!--End Main Footer -->

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

Changelog

1.0.0 - 11th August 2025

General

Initial Released

© 2025 Techo