Focal - Architecture HTML5 Template

Focal

Getting Started

Thank you for purchasing Focal. We ara always more than happy to help you with pre and post sales. If you have any question about the template, and if the documentation doesn't mention anything about it.

After unzip the download pack, you'll found a Template Folder with all the files. You can view this Template in any browser, you can display or edit the Template without an internet connection. Now open your FTP Client (like Filezilla) or directly through cpanel, upload the content of the Template on your server root. Once the files are done uploading go to www.yourdomainname.com/index.html

HTML Structure

This template has responsive layout and is based on Bootstrap Framework. For more information please visit Bootstrap. The default Bootstrap grid system utilizes 12 columns making 1170px wide container without responsive features enabled. With responsive CSS file added the grid adapts to 724px and 1170px wide container depending on your viewport. The columns become fluid and stack vertically when viewports are below 767px viewports..

Spacing

Aside from bootstrap spacing utility classes, we provide 2 spacing classes for section seperation

Default spacing by adding class section to any element

Irregular spacing by adding class section-padding to any element (This is used incase you have elements with bottom margins)

Google Fonts

By default, Focal uses Nuto Sans, TrashHand and Verala round as the main fonts accross the whole template. You can change that by accessing the style.css file and changing the Font URL at the very start of the file. Simply go to Google fonts, select the font you like, and replace the link with the one we currently have in the style sheet.

Css Structure

                  /*===========================
                   =  Table of Contents
                   0. Keyframes
                   1. General
                   1.1. Typography
                   1.2. Section spacings
                   1.3. Forms
                   1.4. Buttons
                   1.5. Colors & Badges
                   1.6. Modals, Popups & Dropdowns
                   1.7. Tables
                   1.8. Tabs
                   1.9. Social media links
                   2. Header
                   2.1. Header style 2
                   2.2. Header style 3
                   3. Footer
                   5. Subheader
                   5. Components
                   6.. Loaders
                   6.1. Blog Posts
                   6.1.1. Blog Posts List
                   6.1.2. Blog Post Details
                   6.2. sidebar
                   6.3. Products
                   6.3.4. Cart & Wishlist
                   6.3.5. Checkout
                   6.3.6 Products (Recent View)
                   6.4. Categories Megamenu
                   6.5. Banners
                   6.6. Icon Blocks
                   6.7. Call To Actions
                   6.8.Login & Signup
                   6.9. Error 404
                   6.10. Testimonials
                   6.12. Newsletter Popup
                   7. Misc
                   8. Responsive
                  ===========================*/

Credits

The following are the libraries used by Focal

  • Pixabay
  • Pexels
  • Flaticon
  • Fontawesome
  • Google Fonts
  • Bootstrap 4.3
  • jQuery
  • jquery Slim Scroll
  • Popper
  • Magnific Popup
  • Slick Sliders

Final Thanks

We thank you so much for using Focal as your Architecture template, we will be providing unlimited updates and constant support if you need it.