Installation

FTP Upload:

• Open up your FTP manager and connect to your hosting
• Browse to required directory (Normally public_html)
• Upload the file inside Optimi folder.

Total Pages (12+)

• Home Versions:
  • index.html is for Main Home Page
  • index-2.html is for Home Version 02
• about.html is for About
• Pages:
  • case-study.html is for Case Study
  • case-study-details.html is for Case Study Details
  • services.html is for Services
  • service-details.html is for Service Details
  • pricing.html is for Pricing Plan
  • coming-soon.html is for Coming Soon
  • error-404.html is for 404 Error
• Blog Pages:
  • blog-one.html is for Blog Style One
  • blog-two.html is for Blog Style Two
  • blog-blog-details.html is for Blog Details
• contact.html is for Contact Us

Google Fonts

<!-- Google Fonts Import In (style.css) & (style.scss) -->
@import url('https://fonts.googleapis.com/css?family=Nunito:300,400,600,700,800,900');

Source File (CSS)

<!-- ALL CSS FILES HERE (style.css) -->
@import url('assets/css/bootstrap.min.css');
@import url('assets/css/font-awesome.min.css');
@import url('assets/css/plugins.css');
@import url('assets/css/reset.css');
@import url('assets/css/style.css');

Source File (JS)

<!-- ALL JS FILES HERE (in html file )-->
<!-- Jquery-3.2.1 js -->
<script src="assets/js/vendor/jquery-3.2.1.min.js"></script>
<!-- Bootstrap js -->
<script src="assets/js/bootstrap.min.js"></script>
<!-- Popper js -->
<script src="assets/js/popper.min.js"></script>
<!-- Plugins js -->
<script src="assets/js/plugins.js"></script>
<!-- Main js -->
<script src="assets/js/main.js"></script>

Customizing Optimi

Get Yourself a Code Editor

Yes, it’s completely possible to edit HTML in Notepad++ or a similar program, but things will go much more smoothly for you if you use a proper code editing app. One of the main reasons is you’ll get colored highlighting of your code, as you’ll see shortly, which will make it much easier to read and edit.

We recommend Atom , which you can download here: https://atom.io/ , Or

Sublime Text, which you can download here: https://www.sublimetext.com/3

How to Change Logo

How to Change Email Address

How to Change Copyright Text and Social media link

Customize By SCSS

What is Scss?

Scss is Sassy Cascading Style Sheets. Scss can be separated by a semicolon and run on the same line. SCSS is a preprocessor which lets you use features that aren’t a part of the wider CSS standard yet, and provides better workflows for maintaining your stylesheets. With SCSS preprocessor, you can reduce the amount of times you repeat yourself and ensure you’re writing clean, maintainable code for the future. Scss can take css code and work. SCSS is fully compatible with the syntax of CSS, while still supporting the full power of Sass. Scss is an extension of the syntax of CSS. This means that every valid CSS stylesheet is a valid SCSS file with the same meaning. In addition, SCSS understands most CSS hacks and vendor-specific syntax, such as IE's old filtersyntax. This syntax is enhanced with the Sass features described below. Files using this syntax have the .scss extension. Read More

There are a good many applications that will get you up and running with Sass. You can download most of the applications for free but a few of them are paid apps. Read More. We have been using Prepros

Bootstrap Theming

Customize Bootstrap 4 with our new built-in Sass variables for global style preferences for easy theming and component changes.

File structure

Color Change

You are able to chnage Your Website color & others using SCSS variables.