First of all, thank you for purchasing the Aximo
HTML5 Template. You can find the
detailed information about the template in this document.
If there is anything you cannot find
in this document, you can send an e-mail via the Profile page.
Aximo Creative Agency HTML Template.
In download folder you will find Two folders:
Documentation
(Documentation for main template)Aximo
(Main Template)margin
or padding
. Don't get panic if you messed up anything when you edit
the template. We are always available to support our customer.
Follow the steps below to setup your site template:
Template
folder to find all the template files.
You wil get Aximo
folder in there. You need to upload this folder to your hosting web
server using FTP or cPanel in order to use it on your website.Aximo/assets/css
- Stylesheet filesAximo/assets/css/icomoon.css
- Icon/fonts filesAximo/assets/images
- Image filesAximo/assets/js
- JS filesWe are used Bootstrap Latest Version v5.1.3
framework in this template.
The general template
structure is the same throughout the template. Here is the general structure.
<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Aximo - Creative Agency HTML Template</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" type="image/x-icon" href="assets/img/favicon.png">
<!-- Place favicon.ico in the root directory -->
<!-- CSS here -->
<link rel="stylesheet" href="assets/css/.....">
<link rel="stylesheet" href="assets/css/.....">
<link rel="stylesheet" href="assets/css/....">
<link rel="stylesheet" href="assets/css/...">
</head>
<body>
<!-- header-area -->
<header id="home">
</header>
<!-- header-area-end -->
<!-- main-area -->
<main class="main-area fix">
<!-- All Section Here -->
</main>
<!-- main-area-end -->
<!-- Footer-area -->
<footer class="footer-area">
</footer>
<!-- Footer-area-end -->
<!-- JS here -->
<script src="assets/js/vendor/....."></script>
<script src="assets/js/...."></script>
<script src="assets/js/..."></script>
</body>
</html>
Introduce Aximo
All Pages
index.html
is ====>
Home Oneindex-02.html
is ====>
Home Twoindex-03.html
is ====>
Home Threeindex-04.html
is ====>
Home Fourabout.html
is ====>
About Pageservices.html
is ====>
Services Pageservices-details.html
is ====>
Services Details Pageportfolio-01.html
is ====>
Portfolio Page Oneportfolio-02.html
is ====>
Portfolio Page Twoportfolio-details.html
is ====>
Portfolio Details Pageteam.html
is ====>
Team Pageteam-details.html
is ====>
Team Details Pagetestimonila.html
is ====>
Testimonila Pagepricing.html
is ====>
Pricing Pageblog.html
is ====>
Blog Postblog-details.html
is ====>
Blog Details Pagesign-in.html
is ====>
Sign In Pagesign-up.html
is ====>
Sign Up Pagereset-password.html
is ====>
Reset password Postfaq.html
is ====>
Faq Postcoming-soon.html
is ====>
Coming Soon Posterrors-404.html
is ====>
404 Postcontact.html
is ====>
Contact Us PageFavicon Will be found in <head>
section.
<link rel="shortcut icon" type="image/x-icon" href="assets/img/favicon.png">
The Logo will be found in the <div class="brand-logo">
tag.
<div class="brand-logo"><a href="index.html"><img src="assets/images/logo/logo-white.svg" alt="logo"></a></div>
You can replace any .jpg
.png
.svg
logo. And set the
width
according to your logo size.
In Aximo
we use Syne
& Inters
font.
You can change both fonts form app.css Top
:
<link href="https://fonts.googleapis.com/css2?family=Arimo:wght@600;700&family=Familjen+Grotesk:wght@600;700&family=Inter:wght@400;600&family=Libre+Baskerville:wght@700&family=Syne:wght@600;700&display=swap" rel="stylesheet">
You can edit your form simply and quickly. Open mail.php
from Aximo
folder
and
add your email into $recipient
field
<?php
// Only process POST reqeusts.
if ($_SERVER["REQUEST_METHOD"] == "POST") {
// Get the form fields and remove MORALspace.
$name = strip_tags(trim($_POST["name"]));
$name = str_replace(array("\r","\n"),array(" "," "),$name);
$email = filter_var(trim($_POST["email"]), FILTER_SANITIZE_EMAIL);
$message = trim($_POST["message"]);
// Check that data was sent to the mailer.
if ( empty($name) OR empty($message) OR !filter_var($email, FILTER_VALIDATE_EMAIL)) {
// Set a 400 (bad request) response code and exit.
http_response_code(400);
echo "Please complete the form and try again.";
exit;
}
// Set the recipient email address.
// FIXME: Update this to your desired email address.
$recipient = "founder@stthemes.com";
?>
The style.css
file contains all of the specific stylings for the page. The file is separated
into sections using:
This file includes core bootstrap styles
SourceThis file contains styles about Fontawesome icon library
Source
<i class="fab fa-facebook-square"></i>
This file contains styles about Popup Style
Sourceanimate.css
is a bunch of cool, fun, and cross-browser animations for you to use in
projects. Great for emphasis, home pages, sliders, and general just-add-water-awesomeness.
<div class="wow slideInLeft">
...
</div>
This file contains styles about slick carousel plugin
SourceAll styles about template
jQuery is a fast, small, and feature-rich JavaScript library.
SourceCore bootstrap js file
SourceGSAP is a robust JavaScript toolset that turns developers into animation superheroes. Build high-performance animations that work in every major browser.
SourcejQuery carousel plugin from Slick
SourceA lightweight script to animate scrolling.Reveal Animations When You Scroll.
SourceA lightweight script to animate scrolling. Reveal Animations When You Scroll.
SourceThis file contains all script about site.