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>
/*=========================== * [Table of Contents] * =========================== * * 01. Default CSS Start * 02. Header Area Start * 2.1 - PreHeader Area * 2.2 - Header Bottom Area * 03. Hero Cover Area Start * 04. About Area Start * 05. FunFact Area Start * 06. Service Area Start * 07. Case Studies Area Start * 08. Newsletter Area Start * 09. Pricing Plan Area Start * 10. Team Area Start * 10.1 - Team Hover Function * 11. Testimonial Area Start * 12. Blog Area Start * 13. Footer Area Start * 14. Scroll Top Area Start * 15. Home2(index_2.html) Style Here * 15.1 - PreHeader Area Start (Home2) * 15.2 - Slider Area Start (Home2) * 15.3 - FunFact Area Start (Home2) * 15.4 - Service Area Start (Home2) * 15.5 - Newsletter Area Start (Home2) * 15.6 - Testimonial Area Start (Home2) * 15.7 - Footer Area Start (Home2) * 16. Blog Page Style Start * 17. Page Title Start * 18. Sidebar Style Start * 19. SIngle Blog Page Style Start * 20. SIngle Service Page Style Start * 21. SIngle Case Page Style Start * 22. Login and Register Page Css * 23. 404 Error Page Css * 24. Contact Page Css * 25. Preloader CSS Start * * */
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,500i,700,900');
<!--=== Bootstrap CSS ===-->
<link href="assets/css/bootstrap.min.css" rel="stylesheet">
<!--=== Hover CSS ===-->
<link href="assets/css/plugins/hover.css" rel="stylesheet">
<!--=== SlickNav CSS ===-->
<link href="assets/css/plugins/slicknav.css" rel="stylesheet">
<!--=== Animate CSS ===-->
<link href="assets/css/plugins/animate.css" rel="stylesheet">
<!--=== Owl Carousel CSS ===-->
<link href="assets/css/plugins/owl.carousel.css" rel="stylesheet">
<!--=== Font-Awesome CSS ===-->
<link href="assets/css/font-awesome.css" rel="stylesheet">
<!--=== Theme Reset CSS ===-->
<link href="assets/css/reset.css" rel="stylesheet">
<!--=== Main Style CSS ===-->
<link href="assets/css/style.css" rel="stylesheet">
<!--=== Responsive CSS ===-->
<link href="assets/css/responsive.css" rel="stylesheet">
<!--=======================JavaScript============================-->
<!--=== Jquery Min Js ===-->
<script src="assets/js/jquery-3.3.1.min.js"></script>
<!--=== Jquery Migrate Min Js ===-->
<script src="assets/js/jquery-migrate.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>
<!--=== Owl Carousel Min Js ===-->
<script src="assets/js/plugins/owl.carousel.min.js"></script>
<!--=== Waypoint Min Js ===-->
<script src="assets/js/plugins/waypoints.min.js"></script>
<!--=== Counterup Min Js ===-->
<script src="assets/js/plugins/counterup.min.js"></script>
<!--=== Parallax Min Js ===-->
<script src="assets/js/plugins/parallax-1.1.3.js"></script>
<!--=== SlickNav Min Js ===-->
<script src="assets/js/plugins/jquery.slicknav.min.js"></script>
<!--=== Jquery Validation Min Js ===-->
<script src="assets/js/plugins/jquery.validate.min.js"></script>
<script src="assets/js/plugins/validation-rule.js"></script>
<!--=== Mian Js ===-->
<script src="assets/js/main.js"></script>
You Replce Your Logo as Same Name on "assets/img" Folder.
Open "all page" File with text editor and Replace your text on Footer Area.
Open "contact.html" File with text editor and Replace your location address on map Area iframe tag.