Arcix 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

Arcix is the new outstanding, extremely modern PHP Template designed for architecture companies. It is also highly suitable for industrial sites, including mechanical, engineering, chemical industry, construction companies, steel factories, electricians, plumbing industry, factories, commodity businesses, power and energy sectors, rail, aircraft, ship, oil & gas, and petroleum websites.

Build your powerful industrial or construction website effortlessly with our feature-rich and professionally designed PHP-based solution!

This template comes with 2 creative homepage layouts, is fully responsive, and includes 15+ validated PHP files. The design is not only modern and elegant but also easy to customize, based on a 1170px grid system.

We are confident that you will be happy with the results and flexibility offered by Arcix.

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 Arcix. Extract the contents of the zip file to your desired location.
  • Editing Arcix 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

├──  Arcix /
│   ├──  assets/
│   │   ├──  css/
│   │   ├──  fonts/
│   │   ├──  images/
│   │   ├──  inc/
│   │   ├──  js/
│   ├──  partials/
│   │   ├──  layouts/
│   │   │   ├──  layoutTop.php/
│   │   │   ├──  layoutBottom.php/
│   ├──  partials/
|   │    ├──  footer.php
|   │    ├──  head.php
|   │    ├──  header.php
|   │    ├──  script.php
|   │    ├──  searchPopup.php
|   │    ├──  sidebar.php
│   ├──  404.php
│   ├──  about.php
│   ├──  blog-details.php
│   ├──  blog.php
│   ├──  contact.php
│   ├──  faq.php
│   ├──  history.php
│   ├──  index-2.php
│   ├──  index.php
│   ├──  portfolio-1.php
│   ├──  portfolio-2.php
│   ├──  portfolio-3.php
│   ├──  portfolio-details.php
│   ├──  service-details.php
│   ├──  services-two.php
│   ├──  services.php
│   ├──  team-details.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">

    <div class="preloader"></div>

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

    <!-- Hidden Sidebar -->
    <?php include './partials/sidebar.php' ?>
    
    <!--Search Popup-->
    <?php include './partials/searchPopup.php' ?>

    <!-- Bnner Section -->
    <section class="banner-section">
        .....   .....   .....   .....   .....   .....
    </section>
    <!-- End Bnner Section -->

    <!-- About Section -->
    <section class="about-section">
        .....   .....   .....   .....   .....   .....
    </section>

    <!-- Features Section -->
    <section class="features-section">
        .....   .....   .....   .....   .....   .....
    </section>

    <!-- Skills Section -->
    <section class="skills-section">
        .....   .....   .....   .....   .....   .....
    </section>

    <!-- Project Section -->
    <section class="projects-section" style="background-image: url(assets/images/background/bg-9.jpg);">        
        .....   .....   .....   .....   .....   .....
    </section>

    <!-- What we do -->
    <section class="what-we-do">
        .....   .....   .....   .....   .....   .....
    </section>

    <!-- Cta Section -->
    <section class="cta-section" style="background-image: url(assets/images/background/bg-3.jpg);">
        .....   .....   .....   .....   .....   .....
    </section>

    <!-- Faq section -->
    <section class="faq-section">
        .....   .....   .....   .....   .....   .....
    </section>

    <!-- Our Latest News -->
    <section class="latest-news">
        .....   .....   .....   .....   .....   .....
    </section>

    <!-- Sponsors section -->
    <section class="sponsors-section" style="background-image: url(assets/images/background/bg-4.jpg);">
    .....   ......  ......  ......  ......
    </section>

    <!--Main Footer-->
    <?php include './partials/footer.php' ?>

    <!--End Main Footer-->

</div>
<!--End pagewrapper-->

<!--Scroll to top-->
<?php include './partials/script.php' ?>
 
</body>
</html>

CSS

Arcix Built with latest version of CSS3.

File Name Details
css/animate.css animate CSS
css/bootstrap.css bootstrap CSS
css/color.css color CSS
css/custom-animate.css elpath CSS
css/eleganticons.css flaticon CSS
css/flaticon.css font-awesome-all
css/jquery.fancybox.min.css odometer Css
css/nice-select.css owl Css
css/style.css Style Css
css/swiper.min.css Style Css

Javascript

Arcix Built with Javascript

File Name Details
js/appear.js Appear js
js/bootstrap.min.js bootstrap min Js
js/isotope.js isotope js
js/jquery.ajaxchimp.min.js jquery ajaxchimp js
js/jquery.fancybox.js jquery fancybox js
js/jquery.mCustomScrollbar.concat.min.js jquery mCustomScrollbar concat js
js/jquery.nice-select.min.js jquery nice select min js
js/knob.js knob js
js/'owl'.js owl

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 - 21th May 20225

General

Initial Released

© 2025 Arcix