Architax - Architecture and Interiors HTML5 Template
Thank you for purchasing my template. If you have any questions that are beyond the scope of this help file, please feel free to open a new ticket at our support forum
Thank you for purchasing my template. If you have any questions that are beyond the scope of this help file, please feel free to open a new ticket at our support forum
architax/assets/css - Stylesheet filesarchitax/assets/fonts - Fonts filesarchitax/assets/img - Image filesarchitax/assets/js - JS filesarchitax/assets/sass - SCSS filesmail.php - PHP files for Contact FormWe are used Bootstrap Latest Version v5.3.3 framework & GSAP, Lenis Smooth Scroll in this
template.
The general
template
structure is the same throughout the template. Here is the general structure.
<!doctype html><br/>
<html class="no-js" lang="zxx"><br/>
<br/>
<head><br/>
<meta charset="utf-8"><br/>
<meta http-equiv="x-ua-compatible" content="ie=edge"><br/>
<title>Architax - Architecture and Interiors HTML5 Template</title><br/>
<meta name="author" content="vecuro"><br/>
<meta name="description" content="Architax - Architecture and Interiors HTML5 Template"><br/>
<meta name="keywords" content="Architax - Architecture and Interiors HTML5 Template" /><br/>
<meta name="robots" content="INDEX,FOLLOW"><br/>
<br/>
<!-- Mobile Specific Metas --><br/>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><br/>
<br/>
<!-- Favicons - Place favicon.ico in the root directory --><br/>
<link rel="apple-touch-icon" sizes="57x57" href="assets/img/favicons/apple-icon-57x57.png"><br/>
<link rel="apple-touch-icon" sizes="60x60" href="assets/img/favicons/apple-icon-60x60.png"><br/>
<link rel="apple-touch-icon" sizes="72x72" href="assets/img/favicons/apple-icon-72x72.png"><br/>
<link rel="apple-touch-icon" sizes="76x76" href="assets/img/favicons/apple-icon-76x76.png"><br/>
<link rel="apple-touch-icon" sizes="114x114" href="assets/img/favicons/apple-icon-114x114.png"><br/>
<link rel="apple-touch-icon" sizes="120x120" href="assets/img/favicons/apple-icon-120x120.png"><br/>
<link rel="apple-touch-icon" sizes="144x144" href="assets/img/favicons/apple-icon-144x144.png"><br/>
<link rel="apple-touch-icon" sizes="152x152" href="assets/img/favicons/apple-icon-152x152.png"><br/>
<link rel="apple-touch-icon" sizes="180x180" href="assets/img/favicons/apple-icon-180x180.png"><br/>
<link rel="icon" type="image/png" sizes="32x32" href="assets/img/favicons/favicon-32x32.png"><br/>
<link rel="icon" type="image/png" sizes="96x96" href="assets/img/favicons/favicon-96x96.png"><br/>
<link rel="icon" type="image/png" sizes="16x16" href="assets/img/favicons/favicon-16x16.png"><br/>
<link rel="manifest" href="assets/img/favicons/manifest.json"><br/>
<meta name="msapplication-TileColor" content="#ffffff"><br/>
<meta name="msapplication-TileImage" content="assets/img/favicons/ms-icon-144x144.png"><br/>
<meta name="theme-color" content="#ffffff"><br/>
<br/>
<!--==============================<br/>
Google Fonts<br/>
============================== --><br/>
<link rel="preconnect" href="https://fonts.googleapis.com"><br/>
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><br/>
<link<br/>
href="https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"<br/>
rel="stylesheet"><br/>
<br/>
<!--==============================<br/>
All CSS File<br/>
============================== --><br/>
<!-- Bootstrap --><br/>
<!-- <link rel="stylesheet" href="assets/css/app.min.css"> --><br/>
<link rel="stylesheet" href="assets/css/bootstrap.min.css"><br/>
<!-- Fontawesome Icon --><br/>
<link rel="stylesheet" href="assets/css/fontawesome.min.css"><br/>
<!-- Animation CSSS --><br/>
<link rel="stylesheet" href="assets/css/animate.min.css"><br/>
<!-- Magnific Popup --><br/>
<link rel="stylesheet" href="assets/css/magnific-popup.min.css"><br/>
<!-- Slick Slider --><br/>
<link rel="stylesheet" href="assets/css/slick.min.css"><br/>
<!-- Theme Custom CSS --><br/>
<link rel="stylesheet" href="assets/css/style.css"><br/>
<br/>
</head><br/>
<br/>
<body><br/>
<br/>
<!--[if lte IE 9]><br/>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p><br/>
<![endif]--><br/>
<br/>
<!--********************************<br/>
Code Start From Here <br/>
******************************** --><br/>
<!--==============================<br/>
Preloader<br/>
==============================--><br/>
<div class="preloader"><br/>
<br/>
</div><br/>
<br/>
<!--==============================<br/>
Mobile Menu<br/>
============================== --><br/>
<div class="vs-menu-wrapper"><br/>
<br/>
</div><br/>
<br/>
<!--==============================<br/>
Offcanvas<br/>
============================== --><br/>
<div class="sidemenu-wrapper d-none d-lg-block"><br/>
<br/>
</div><br/>
<br/>
<!--==============================<br/>
Cart Side bar<br/>
============================== --><br/>
<div class="sideCart-wrapper offcanvas-wrapper"><br/>
<br/>
</div><br/>
<br/>
<!-- ==============================<br/>
Popup Search Box<br/>
============================== --><br/>
<div class="popup-search-box"><br/>
<br/>
</div><br/>
<br/>
<!--==============================<br/>
VS Header Layout One<br/>
==============================--><br/>
<br/>
<header class="vs-header header-layout1"><br/>
<br/>
</header><br/>
.<br/>
.<br/>
.<br/>
<br/>
<!--==============================<br/>
VS Footer Section<br/>
==============================--><br/>
<footer class="footer-layout1 overflow-hidden" data-bg-src="assets/img/footer/footer-bg-1-1.jpg"><br/>
<br/>
</footer><br/>
<br/>
<!--********************************<br/>
Code End Here <br/>
******************************** --><br/>
<a href="#" class="scrollToTop scroll-btn"><i class="far fa-arrow-up"></i></a><br/>
<br/>
<!--==============================<br/>
All Js File<br/>
============================== --><br/>
<!-- Jquery --><br/>
<script src="assets/js/vendor/jquery-3.7.1.min.js"></script><br/>
<!-- Slick Slider --><br/>
<script src="assets/js/slick.min.js"></script><br/>
<!-- Bootstrap --><br/>
<script src="assets/js/bootstrap.min.js"></script><br/>
<!-- WOW.js Animation --><br/>
<script src="assets/js/wow.min.js"></script><br/>
<!-- Magnific Popup --><br/>
<script src="assets/js/jquery.magnific-popup.min.js"></script><br/>
<!-- Isotope Filter --><br/>
<script src="assets/js/imagesloaded.pkgd.min.js"></script><br/>
<script src="assets/js/isotope.pkgd.min.js"></script><br/>
<!-- AnimationScript --><br/>
<script src="assets/js/gsap.js"></script><br/>
<script src="assets/js/gsap-scroll-trigger.js"></script><br/>
<script src="assets/js/gsap-scroll-to-plugin.js"></script><br/>
<script src="assets/js/bundled-lenis.min.js"></script><br/>
<script src="assets/js/beforeafter.js"></script><br/>
<!-- Main Js File --><br/>
<script src="assets/js/main.js"></script><br/>
<br/>
</body><br/>
<br/>
</html><br/>
Favicon Will be found in <head> section.
<link rel="apple-touch-icon" sizes="57x57" href="assets/img/favicons/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="assets/img/favicons/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="assets/img/favicons/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="assets/img/favicons/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="assets/img/favicons/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="assets/img/favicons/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="assets/img/favicons/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="assets/img/favicons/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="assets/img/favicons/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="32x32" href="assets/img/favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="assets/img/favicons/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="assets/img/favicons/favicon-16x16.png">
Font Will be found in <head> section.
<link rel="preconnect" href="https://fonts.googleapis.com"><br/>
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><br/>
<link<br/>
href="https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"<br/>
rel="stylesheet"><br/>
Logo Will be found in <header> Layout.
<div class="header-logo d-flex align-items-center justify-content-between"><br/>
<a href="index.html"><img src="assets/img/logo.svg" alt="Architax" class="logo"></a><br/>
<button class="vs-menu-toggle d-inline-block d-lg-none"><i class="fal fa-bars"></i></button><br/>
</div><br/>
index.html => Home Page 1index-2.html => Home Page 2index-3.html => Home Page 3about.html => About Pageauth.html => Authenticationblog-details.html => Blog Detailsblog.html => Blog Listcontact.html => Contact Pageindex.html => Home Page 1index-2.html => Home Page 2index-3.html => Home Page 3mail.php => Contact Form Backendproject-details.html => User Accountproject.html => Projectservice-details.html => Service Detailsservices.html => Serviceteam-details.html => Team Detailsteam.html => Team<!-- Bootstrap --> <link rel="stylesheet" href="assets/css/bootstrap.min.css"> <!-- Fontawesome Icon --> <link rel="stylesheet" href="assets/css/fontawesome.min.css"> <!-- animate css --> <link rel="stylesheet" href="assets/css/animate.min.css"> <!-- Magnific Popup --> <link rel="stylesheet" href="assets/css/magnific-popup.min.css"> <!-- Slick Slider --> <link rel="stylesheet" href="assets/css/slick.min.css"> <!-- Theme Custom CSS --> <link rel="stylesheet" href="assets/css/style.css">
<!-- Jquery --> <script src="assets/js/vendor/jquery-3.7.1.min.js"></script> <!-- Slick Slider --> <script src="assets/js/slick.min.js"></script> <!-- Bootstrap --> <script src="assets/js/bootstrap.min.js"></script> <!-- WOW.js Animation --> <script src="assets/js/wow.min.js"></script> <!-- Magnific Popup --> <script src="assets/js/jquery.magnific-popup.min.js"></script> <!-- Isotope Filter --> <script src="assets/js/imagesloaded.pkgd.min.js"></script> <script src="assets/js/isotope.pkgd.min.js"></script> <!-- AnimationScript --> <script src="assets/js/gsap.js"></script> <script src="assets/js/gsap-scroll-trigger.js"></script> <script src="assets/js/gsap-scroll-to-plugin.js"></script> <script src="assets/js/bundled-lenis.min.js"></script> <script src="assets/js/beforeafter.js"></script> <!-- Main Js File --> <script src="assets/js/main.js"></script>
