Lukas - Documentation By HasTech

Getting Started

Bootstrap Grid System

Code For One column

<div class="container">
    <div class="row">
        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
            YOUR CODES GOES HERE
        </div>
    </div>
</div>

Code For Two columns

<div class="container">
    <div class="row">
        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
            YOUR CODES GOES HERE
        </div>

        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
            YOUR CODES GOES HERE
        </div>
    </div>
</div>

Code For Three columns

<div class="container">
    <div class="row">
        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
            YOUR CODES GOES HERE
        </div>

        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
            YOUR CODES GOES HERE
        </div>

        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
            YOUR CODES GOES HERE
        </div>
    </div>
</div>

Template Installation

FTP Upload:

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


/*-----------------------------------------
[Table Of Content]

    01. Typography CSS
    02. Color CSS
    03. Common Style CSS
    04. Header Area Style CSS
        4.1 - Site Navigation Style
    05. Slider Area Style
    06. Banner Area Style
    07. Call to action Style
    08. Product Item Style
    09. Countdown Clock Style
    10. Flash Deals Style
    11. Newsletter Area Style
    12. Brand Logo Area Style
    13. Off Canvas Style CSS
    14. Page Header Style
    15. Gallery Style Css
    16. Contact Page Style
    17. Shop Page Style
    18. Single Product Page Style
    19. Cart Page Style Css
    20. Checkout Page Style Css
    21. Blog Layout Style Css
    22. Blog Details Style Css
    23. Footer Style CSS
----------------------------------------*/

Fonts Used

<!--== Google Fonts ==-->
<link href="https://fonts.googleapis.com/css?family=Oswald:400,500,600,700%7CPoppins:400,400i,500,600&display=swap" rel="stylesheet">

Source Files(CSS)

<!--== Leaflet Min CSS ==-->
<link href="assets/css/leaflet.min.css" rel="stylesheet" />
<!--== Nice Select Min CSS ==-->
<link href="assets/css/nice-select.min.css" rel="stylesheet" />
<!--== YTPlayer Min CSS ==-->
<link href="assets/css/jquery.mb.YTPlayer.min.css" rel="stylesheet" />
<!--== Slick Slider Min CSS ==-->
<link href="assets/css/slick.min.css" rel="stylesheet" />
<!--== Magnific Popup Min CSS ==-->
<link href="assets/css/magnific-popup.min.css" rel="stylesheet" />
<!--== Slicknav Min CSS ==-->
<link href="assets/css/slicknav.min.css" rel="stylesheet" />
<!--== Animate Min CSS ==-->
<link href="assets/css/animate.min.css" rel="stylesheet" />
<!--== Ionicons Min CSS ==-->
<link href="assets/css/ionicons.min.css" rel="stylesheet" />
<!--== Font-Awesome Min CSS ==-->
<link href="assets/css/font-awesome.min.css" rel="stylesheet" />
<!--== Bootstrap Min CSS ==-->
<link href="assets/css/bootstrap.min.css" rel="stylesheet" />

<!--== Main Style CSS ==-->
<link href="assets/css/style.css" rel="stylesheet" />
<!--== Helper Min CSS ==-->
<link href="assets/css/helper.min.css" rel="stylesheet" />

Source Files(JS)

<!--=== Modernizr Min Js ===-->
<script src="assets/js/modernizr-3.6.0.min.js"></script>
<!--=== jQuery Min Js ===-->
<script src="assets/js/jquery-3.3.1.min.js"></script>
<!--=== jQuery Migration Min Js ===-->
<script src="assets/js/jquery-migrate-1.2.1.min.js"></script>
<!--=== Popper Min Js ===-->
<script src="assets/js/popper.min.js"></script>
<!--=== Bootstrap Min Js ===-->
<script src="assets/js/bootstrap.min.js"></script>
<!--=== Slicknav Min Js ===-->
<script src="assets/js/jquery.slicknav.min.js"></script>
<!--=== Magnific Popup Min Js ===-->
<script src="assets/js/jquery.magnific-popup.min.js"></script>
<!--=== Slick Slider Min Js ===-->
<script src="assets/js/slick.min.js"></script>
<!--=== Nice Select Min Js ===-->
<script src="assets/js/jquery.nice-select.min.js"></script>
<!--=== Leaflet Min Js ===-->
<script src="assets/js/leaflet.min.js"></script>
<!--=== Countdown Js ===-->
<script src="assets/js/countdown.js"></script>

<!--=== Active Js ===-->
<script src="assets/js/active.js"></script>

Customization

How to Change Your Logo

replace your logo on assets/img/ folder as a same name(logo.png). or if have another name, change img source on html file under header section.

How to Change Your Copyright Text

Open html Files with text editor and Replace your Copyright text on Footer Area.

How to Configure Your Contact Form

open assets/php/mail.php file with text editor and change recipient email address on line no 22.

Lukas - Car Parts Store eCommerce HTML Template

Last Update : 13/07/2019