logo logo
  • Awesome Templates
  • Need Support?
  • Buy More Template

Doc Navigation

  • AntraGetting Started
    • What's Included
    • How to Install Antra Website Templates
  • briefcaseTemplate Structures
    • HTML Structure
    • CSS Files and Structure
    • Javascript Files
  • AntraChange Contents
    • Changing Images
    • Changing Brand Logo
    • Changing Colors
  • AntraSources and Credits
  • Youtube ChannelYoutube Channel
  • AntraChange Log
  • AntraSupport

Antra Documentation

Welcome to Antra ! Get familiar with the Stripe products and explore their features:

Antra
Working with Doc

You can any work by following our docs

Antra
Formatting Content

Our content is more formating for your website

Antra
Perfect Responsive

Our Template is full Perfect for all device. You can visit our template all device easily.

Antra
Sass Available

The tamplate has Sass available for css. You can Change css by sass

Antra
Fast Loading Speed

Antra is faster loading speed.Antra create your template so much faster

Antra
24 Support System

We are provide 24 hours support for all clients.You can purchase without hesitation.

Getting Started

Welcome to Antra ! Antra | AI Agency & Technology Startup HTML Template

Technology moves fast, and artificial intelligence (AI) is advancing faster than ever. As an AI Agency, tech startup, chat bot, data science, digital agency, consulting, IT solutions, voiceover, video voiceover, robotics, science, industry, machine learning, neural network or other modern technology business, you need a website that keeps pace. Are you looking for the best HTML Template to build the website of your AI Agency or Tech startup? That’s why we created Antra – an AI agency and technology HTML Template theme built for the future you’re helping create. With a modern design made for AI companies, Antra makes it easy to showcase your brand. Its clean style puts the focus on you while wowing website visitors. Customization is also simple with 40+ pre-built pages you can tweak to match your vision and business needs.

What's Included

After purchasing Antra template on templateforest.net with your Envato account, go to your Download page. You can choose to download Antra template only or the entire Antra template package which contains the following files:

  1. Antra template: .zip file with all .html files with all necessary assets.
  2. Documentation: An HTML format documentation.
  3. Licensing.

Installing & Running the Antra Template

Installing the Antra template is not like installing a WordPress or CMS theme. In fact, the word “installation” does not fully apply here because nothing is installed in the traditional sense. Antra (like all HTML templates) is directly rendered by the browser.

However, to work with the development environment, you need to set up the project dependencies. Follow the steps below:

How to Set Up the Antra Template

  1. Open the Project Root Directory
    Navigate to the main (root) folder of the project.
  2. Install Project Dependencies
    Run the following command in your terminal:
    npm install
  3. Run Gulp
    Start the development workflow by running:
    gulp
  4. Make Changes in the src Folder
    All editable files (HTML, SCSS, JS, images, etc.) are located inside the src folder. Make any modifications there.
  5. Output Reflects in the dest Folder
    After running Gulp, all compiled and optimized files will automatically be generated into the dest folder. This folder contains the final production-ready version of the template.

    You will upload the dest folder to your live server for deployment.

1. Editing Antra Template

Before all that you have to edit your template and place your own contents by replacing old demo contents, in this case, you will need a code editor such as – VScode, Sublime Text, etc. When template editing is done using editor, save the files and folder and go ahead to upload template files on live server.

2. Uploading to Live Server Using FTP:

First of all, If you don’t have your template on your computer, download Antra template to get started, when download/purchase complete you will get a package like this screenshot (after unzip).

Home Page

3. Package comes with documentation unzip the download package, you’ll found a folder with all template files, like above screenshot.

Home Page

4. Now, login to your hosting control panel or FTP client, such as: FileZilla, CyberDuck etc. and upload template files on your server root.

5. Once all files are uploaded, go to www.yoursite.com/index.html you can see your the homepage, make sure the initial page is named as index.html

Template Structures

Articles

  • HTML Structure
  • CSS Files and Structure
  • JavaScript Files

HTML Structure

This template is a fixed layout with four columns. The main contents are inside the 'body' tag divided into differt section (i.e. header, banner, services,... footer etc.). The general template structure is the same throughout the template. Here is the general structure.

Images

CSS Files and Structure

We are using one customed CSS files (style.css) and several vendor css files. CSS file structure is as follows:

HTML Images

JavaScript Files

There is a custom .js file named main.js and are several vendor js files as plugins. We are using jQuery(a javascript library) instead of vanilla javascript. Our file structure is a follows:

HTML Images

Change Contents

  • Changing Images
  • Changing Brand Logo
  • Changing Email Settings of the Contact Form

Changing Images

To change any images of the website

  1. Carefully collect the source name of the image (i.e. banner-img.jpg)
  2. Open the file called images.
  3. Find the particular image file.
  4. Replace the file with your image.
  5. Make sure that the file name does not change.The file name should be the same.

Example: Suppose you want to change the following image file:

HTML Images

You have to do the following to change this image with your own image:

  1. Open the file called images.
  2. Find the particular image file called banner-img.jpg
  3. Replace the file with your image
  4. Make sure that the file name does not change.
Note

Images seen in the live preview are only set for preview purposes. They are not included in the download files.

Changing Brand Logo

To change any images of the website
  1. Carefully collect the source name of the image (i.e. banner-img.jpg)
  2. Open the file called images.
  3. Find the particular image file.
  4. Replace the file with your image.
  5. Make sure that the file name does not change.The file name should be the same.

Example: Suppose you want to change the following image file for change your logo:

HTML Images

Changing Colors

We have used scss for this project to write css. If you are familiar with scss you should customize only the .scss files. Please make sure you compile the style.scss file after you have made changes in any of the .scss files.

  • Changing default template colors

Changing default template colors

  1. Open the variable.scss file from assets > scss > defaults folder with a text-editor.
  2. Change the right-side values of the variables to change any default colors of your site.
  3. Save your file.

Have a look at the following image for a visual description:

Images

Sources and Credits

We've used the following fonts, free icons and plugins as listed:

  • Google Fonts
  • FontAwesome
  • Bootstrap
  • Venobox
  • GSAP
  • Swiper Slider
  • Isotope
  • Jquery

Youtube Channel

While it's always better to host your videos on a video sharing website, but we provided a sample for you to include local videos in your pages.

preview

Change Log

Ib-Themes Team never stops Improving, bug fixes, and improvements. See What's New. We recommend you to read the changelog for every update.

2 April 2026

Initial release

1.0.0

NewTemplate Release

Support? ibthemes21@gmail.com

If you like our product. Please Rate Us

If you need the template customization or custom development services please contact us.

Email Us

Antra

©2021-2025 All Rights Reserved by ib-themes