Main File Structure

All the file are well organized, its so easy to work with the template.
1. Unzip the files.
2. Open "Master" folder.
You will find the all html file (Ex: index.html / **.html) on the root that will be edited.
Also you will see "assets" directorie.
Open "assets" directory and you will see 6 directories, css, js, fonts, img, php and scss directories.
In the css folder Content you will find style.css and other styling files the all the other files expect the htmls.
Js folder contain only the jquery library. Fonts folder contain essetial font files for fonts.
and "scss" folder contain only the scss files.

    Eco-html/
    assets/
    └───── css/
        │   └── ***.css
        ├── fonts
        ├── img
        └── js/
            ├── active.js
            ├── jquery.min.js
            └── verdor.js
    |
    ├── ***.html
    └── ***.html
	
	

HTML Structure

		
		
		<section class="portfolio-area">
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<div class="content"></div>
					</div>
				</div>
			</div>
		</section>
		
		<section class="blog-area">
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<div class="content"></div>
					</div>
				</div>
			</div>
		</section>
		

CSS Structure

    
    

    <!--all css files-->
    <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i" rel="stylesheet">
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/font-awesome.min.css">
    <link rel="stylesheet" href="assets/css/slick.min.css">
    <link rel="stylesheet" href="assets/css/animate.css">
    <link rel="stylesheet" href="assets/css/magnific.pupup.css">
    <link rel="stylesheet" href="assets/css/sweet.alert.css">
    <link rel="stylesheet" href="assets/css/slicknav.css">
    <link rel="stylesheet" href="assets/css/owl.carousel.css">
    <link rel="stylesheet" href="assets/css/jquery.mb.YTPlayer.min.css">
    <link rel="stylesheet" href="assets/css/main.css"> <!-- main stylesheet -->
    <link rel="stylesheet" href="style.css">
    
		
    

JavaScript Structure

    
	
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="assets/js/jquery.min.js"></script>	<!-- jQuery -->
	
    <!--all JavaScript Files-->
    <script src="assets/js/vendor/bootstrap.min.js"></script>
    <script src="assets/js/vendor/slick.min.js"></script>
    <script src="assets/js/vendor/magnific.popup.min.js"></script>
    <script src="assets/js/vendor/masonry.pkgd.min.js"></script>
    <script src="assets/js/vendor/ajaxchimp.min.js"></script>
    <script src="assets/js/vendor/sweet.alert.min.js"></script>
    <script src="assets/js/vendor/slicknav.min.js"></script>
    <script src="assets/js/vendor/owl.carousel.min.js"></script>
    <script src="assets/js/vendor/isotope.pkgd.min.js"></script>
    <script src="assets/js/vendor/stellar.min.js"></script>
    <script src="assets/js/vendor/typed.min.js"></script>
    <script src="assets/js/vendor/jquery.mb.YTPlayer.min.js"></script>
    <script src="assets/js/active.js"></script>
	
	
    

Sliders Structure

    
      <!-- SINGLE ITEM -->
    <div class="slider-area">
            <div class="slider-conten container">
                <div class="row">
                    <div class="col-md-7">
                        <div class="silder-wrapper">
                            <div class="slider-text">
                                <h1>The harder you work,<br>The luckier you get.</h1>
                            </div>
                             <div class="slider-text">
                                <h1>The harder you work,<br>The luckier you get.</h1>
                            </div>
                             <div class="slider-text">
                                <h1>The harder you work,<br>The luckier you get.</h1>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
	
      <!-- /.SINGLE ITEM END -->
    

Sources & Credits

• Fonts Google Fonts
• Icons
  • FontAwesome
  • Icofont
• Images Google
• Sliders
  • Bootstrap Carousel With Font awesome Icon
  • Elusive Icons

Supports

Thank you for reading the documentaion. If you still have any question or any problem, please contact with us. We will give you best support. Thanks.

Sliders Structure

    
    <!-- code will be here -->