Athena - Personal Blog HTML Template

DOCUMENTATION

  • Doc version: 1.0
  • Created: 20 September 2020
  • Last update: 21 September 2020

OVERVIEW

Athena is a modern Blog/Magazine focused on high speed and oriented to a very minimal style, the theme fits perfectly any kind of blog specially lifestyle, photography, personal, or coding blogs thanks to the vivid colors and clean design.

Purpose built to look great across all platforms and screen sizes. Athena has multiple home page layouts and post/page types along with other utility pages like Category, Author and Contact to ensure your website is fully featured.

We have a dedicated support center for all of your support needs. It includes our Documentation and Ticket system for any questions you have. We usually get back to you within 12-24 hours.(working days)

Main Features

Creative Design: Athena is a bold theme that organizing content to follow natural eyes, striking balance between beautiful and visual hierarchy.

Fully Responsive: The theme passed Mobile-Friendly Test – by Google. We also tested carefully the theme on almost devices: laptop, tablet, and phone. All elements are 100% responsive and ready for all devices.

Creative layouts: 04 Archive page layouts, 03 single post format, 04 inner pages

Mega menu, Fast, Lightweight & Powerful

Color & Fonts is easily changed

W3C Validated Code

Offcanvas sidebar

Compatible Browsers: IE8+, Firefox, Safari, Opera, Chrome

Well documentation included

Ticket System Support

What do you get?

Template source code [html, css, js]

Documentation

Note

All images are just used for Preview Purpose Only. They are not part of the template and NOT included in the final purchase files.

Change log

                                VERSION 1.0
                                - First release.
                            

STRUCTURE

HTML Structure

All information within the main content area is nested within a body tag. The general template structure is pretty the same throughout the template. Here is the general structure of main page (index.html).

                                
                                    

CSS Structure

These are the css files that are loaded into templates in Head Section.

                                
                                
                                
                                
                                
                            

Import google fonts

                                @import url('https://fonts.googleapis.com/css2?family=Nunito:[email protected];600;700;800&family=Roboto&display=swap');
                            

Import third party CSS library

                              
                                @import url(vendor/bootstrap.min.css);
                                @import url(vendor/slick.css);
                                @import url(vendor/slicknav.css);
                                @import url(vendor/animate.min.css);
                                @import url(vendor/nice-select.css);
                                @import url(vendor/perfect-scrollbar.css);
                                @import url(vendor/athena-icons.css);
                            

JS Structure

These are the list of Javascript files that are loaded into templates in end of the Body Section.

                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                            

UPDATE

Important Note:

- Backup your website and theme folders completely to make sure you have a restore point in case of any complications.

Update using FTP

  1. Go to Themeforest to download the latest version of the theme to your device.
  2. Connect to your hosting via FTP software
  3. Upload the theme folder you unzipped to your site folder
  4. You should be asked to confirm overwriting of this folder and its contents. Confirm the overwrite.

SOURCES & CREDITS

THANK YOU

Thank you so much for using this theme. If you have more questions relating to this theme, kindly visit our support center:

https://alithemes.ticksy.com


- AliThemes Team -