Greenlife - Nature & Environmental Non-Profit HTML5 Template Documentation

Greenlife - Nature & Environmental Non-Profit HTML5 Template ” Documentation by xeniouoshk

Created: 21/09/2023
Last Edited: 31/10/2016
Version: 1.0.1
By: xeniouoshk
Email: hkhan.cse@gmail.com
Web Site: http://bluewindlab.net

Thank you for purchasing Greenlife - Nature & Environmental Non-Profit HTML5 Template. If you like this scripts, feel free to rate it five stars at Themeforest downloads section. If you encounter any problems please do not give a low rating but contact me first. So I can help you.
Thank You!

Quick Introduction
Structure
Navigation
Image Settings
Change Log
Credits
Conclusion

A. Overview - top

Greenlife is a modern looking HTML5 template designed & developed for Environmental Websites in mind. It works smoothly on your Computer, or on your tablet and mobile devices. It’s comes with eye catching features, such as animates boxes, contact form section, cause box, event box, testimonial box, counter block and much more.

Features

Bootstrap 3 Framework.
3 Home Page Layout.
Modern and Very Clean looking Design
Unique & Creative design
HTML5 & CSS3
Responsive Template
Font-awesome icon font.
Free Fonts used
Contact Form
404 Page
Multi-Pages
Latest jQuery Version
Developer Friendly Code
Well Documented.
& much more…

17 HTML5 Files Included

- Home Page 1 (index.html)
- Home Page 2 (home-2.html)
- About Us (about-us.html)
- Service (service.html)
- Causes(causes.html)
- Causes-single(causes-single.html)
- Events(events.html)
- Events-single(events-single.html)
- Donation (donation.html)
- Single(single.html)
- Blog(single.html)
- Contact(contact.html)
- Gallery-1(gallery-1.html)
- Gallery-2(gallery-2.html)
- Gallery-3(gallery-3.html)
- 404 (404.html)

B. Structure - top

- HTML Structure:

<div class="container">
    <div class="row clearfix">
        <div class="col-md-6 col-sm-12">
            <span class="top-phone-no">
                <i class="fa fa-phone-square"></i>
                +093-120-525-9162
            </span>
            <span class="top-email-info">
                <i class="fa fa-envelope"></i>
                query@yourdomain.com
            </span>
        </div> <!-- end col-sm-6  -->
        <div class="col-md-6 col-sm-12 text-right">
            <span class="top-location-info">
                <i class="fa fa-map-marker"></i>   
                3100 C/A Mouchak, Sylhet, Bangladesh   
            </span>
        </div> <!-- end col-sm-6  -->
    </div> <!-- end .row  -->
</div> <!--  end .container -->

- CSS Structure:

<link rel="stylesheet" href="css/bootstrap.min.css" />
<link href="css/bootstrap-social.css" rel="stylesheet" type="text/css" >
<link href="css/icon-styles.css" rel="stylesheet" type="text/css" >
<link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" >
<link href="css/animate.css" rel="stylesheet" type="text/css" >
<link href="css/owl.carousel.css" rel="stylesheet" type="text/css" >
<link rel="stylesheet" href="css/styles.css" />

- JS Structure:

<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/superfish.js"></script>
<script src="js/hoverIntent.js"></script>
<script src="js/wow.min.js"></script>
<script src="js/jquery.backTop.min.js "></script>
<script src="js/jquery.mobilemenu.js"></script>
<script src="js/waypoints.min.js"></script>
<script src="js/waypoints-sticky.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/jquery.stellar.min.js"></script>
<script src="js/jquery.counterup.min.js"></script>
<script src="https://maps.google.com/maps/api/js?sensor=true"></script>
<script src="js/jquery.gmap.min.js"></script>
<script src="js/custom-scripts.js"></script>

<div class="main-menu-container">
    <nav class="clearfix" id="main-menu">
        <ul class="sf-menu main-menu">
            <li>
                <a href="#about_link" class="nav_menu">About</a>
            </li>
            <li>
                <a href="#letter_link" class="nav_menu">Letter</a>
            </li>
            <li>
                <a href="#sign_it_link" class="nav_menu">Sign it</a>
            </li>
            <li>
                <a href="#update_link" class="nav_menu">Latest</a>
            </li>
            <li>
                <a href="#share_link" class="nav_menu">Share</a>
            </li>
            <li>
                <a href="#" class="btn btn-lg top-donate-btn">Donate & Help</a>
            </li>
        </ul>
    </nav> <!--  end .main-menu -->
</div>

D.Image Settings - top

It's very easy to change your image. Just take a look at the screenshot below. Change the image link to your own image.

F. Sources and Credits - top

- jQuery – http://www.jquery.com/
- Bootstrap – http://getbootstrap.com/
- Google Fonts – https://www.google.com/fonts
- Owl Carousel – http://fortawesome.github.io/Font-Awesome/
- Font Awesome – http://www.owlgraphic.com/owlcarousel/
- Google Maps API – https://maps.googleapis.com/maps/api/js?sensor=false&ver=1.0
- http://freepik.com/
- http://pexels.com/

G. Change Log - top

2023, 21 September - v 1.0.1
- Fixed: Template minor bugs.

2016, October, 31 - v 1.0.0
- Initial release

G. Conclusion: - top

Once again, thank you so much for purchasing Greenlife - Nature & Environmental Non-Profit HTML5 Template.

xeniouoshk

Go To Table of Contents