Atelier - Multipurpose HTML Template

Facebook Twitter ThemeForest

Created: June, 2017
Author: ThemeAtelier
Email: themeatelierbd@gmail.com
Latest update: 25, July, 2022

The Atelier is a professional HTML5 multi-purpose template made with Bootstrap framework. It's responsive for all of the devices and designed with a clean look and feel, stylish & modern trend. It comes with one unique layout which includes tons of sections, customization options and features for multiple purposes.

HTML Structure

Every section start with a comment like this:

<!-- Header Section Start -->
Some HTML codes for this section
<!-- Header Section End -->

CSS structure

Every point of CSS content you will find start with a comment like this:

/* ------------------------------------
    #. CSS point name
------------------------------------ */

some CSS codes here

JS structure

Every point of JS content you will find start with comments like below in main.js file under js folder.

/* ------------------------------------
    HEADER SECTION
------------------------------------ */

Main Color:

Changing main color is easier then ever. Just open "theme-color.css" file and use your color codes.

Font Family:

All fonts used from google web font directory. We used it by link tag in .html files. Example is given below. You could change these fonts very easily. Follow google web font document here to see how to do.

<!-- Google Fonts -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700%7CUbuntu:400,700">

General Fonts Style

All general typography used in "style.css" file. You can manage them easily. Every code organized and commented very nicely.

Logo Text

You can change current logo text to your own text. See image below:

Add/Edit A Portfolio Items:

To change portfolio items open the file in the code editor then find the comment "Portfolio Item Start".

Add/Edit Counter Items:

To change counter items open the file in the code editor then find the comment "Counter Item Start".

To make the ajax work for mailchimp you need mailchimp list form link.

How To Get The Mailchimp List Form link:

To get the mailchimp list form link, login to your mailchimp account. Then go to Lists > Signup forms > Embedded forms > Select. Scroll down a bit, select and copy the marked form link in the screenshot.