Julie - 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 Julie folder.


/*===================================================================
[Table Of Content]

    * Imported CSS
    * Typography CSS
    * Common CSS
    * Main Navigation CSS
    * Header CSS
    * Home Slider CSS
    * About CSS
    * Team CSS
    * Brand Logo CSS
    * Form CSS
    * Blog CSS
    * Contact CSS
    * Footer CSS

=====================================================================*/

Source Files(CSS)

<!--== Bootstrap CSS ==-->
<link href="assets/css/bootstrap.min.css" rel="stylesheet" />
<!--== Headroom CSS ==-->
<link href="assets/css/headroom.css" rel="stylesheet" />
<!--== Animate CSS ==-->
<link href="assets/css/animate.css" rel="stylesheet" />
<!--== Icofont Icon CSS ==-->
<link href="assets/css/icofont.css" rel="stylesheet" />
<!--== Swiper CSS ==-->
<link href="assets/css/swiper.min.css" rel="stylesheet" />
<!--== Animate CSS ==-->
<link href="assets/css/animate.css" rel="stylesheet" />

Source Files(JS)

<!--=== Modernizr Min Js ===-->
<script src="assets/js/modernizr.js"></script>
<!--=== jQuery Min Js ===-->
<script src="assets/js/jquery-main.js"></script>
<!--=== jQuery Migration Min Js ===-->
<script src="assets/js/jquery-migrate.js"></script>
<!--=== Popper Min Js ===-->
<script src="assets/js/popper.min.js"></script>
<!--=== Bootstrap Min Js ===-->
<script src="assets/js/bootstrap.min.js"></script>
<!--=== jQuery Appear Js ===-->
<script src="assets/js/jquery.appear.js"></script>
<!--=== jQuery Swiper Min Js ===-->
<script src="assets/js/swiper.min.js"></script>
<!--=== jQuery Fancy Box Min Js ===-->
<script src="assets/js/fancybox.min.js"></script>
<!--=== jQuery Counter Up Js ===-->
<script src="assets/js/counterup.js"></script>
<!--=== jQuery Waypoints Js ===-->
<script src="assets/js/waypoints.js"></script>


<!--=== Custom Js ===-->
<script src="assets/js/custom.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.

Julie - Minimal Fashion Bootstrap 5 Template