diff --git a/_layouts/default.html b/_layouts/default.html
index 1fe187c8f0e4ae037453989d8054eae2837a31f2..91298dc8c264fd23983d394ac3ebf8512676b5a0 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -11,224 +11,7 @@
{% include header.html %}
- <!-- Slider Start -->
- <section id="slider">
- <div class="container">
- <div class="row">
- <div class="col-md-10 col-md-offset-2">
- <div class="block">
- <h1 class="animated fadeInUp">A DIGITAL MARKETING & <br> DESIGN AGENCY</h1>
- <p class="animated fadeInUp">We love the Web and the work we do.We work closely with our </br> clients to deliver the best possible solutions for their needs</p>
- </div>
- </div>
- </div>
- </div>
- </section>
- <!-- Wrapper Start -->
- <section id="intro">
- <div class="container">
- <div class="row">
- <div class="col-md-7 col-sm-12">
- <div class="block">
- <div class="section-title">
- <h2>About Us</h2>
- <p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics</p>
- </div>
- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id </p>
- </div>
- </div><!-- .col-md-7 close -->
- <div class="col-md-5 col-sm-12">
- <div class="block">
- <img src="img/wrapper-img.png" alt="Img">
- </div>
- </div><!-- .col-md-5 close -->
- </div>
- </div>
- </section>
-
- <section id="feature">
- <div class="container">
- <div class="row">
- <div class="col-md-6 col-md-offset-6">
- <h2>WE BELIEVE IN GREAT IDEAS</h2>
- <p>Maecenas faucibus mollis interdum. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
- <p>Maecenas faucibus mollis interdum. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
- <p>Maecenas faucibus mollis interdum. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
- <a href="#" class="btn btn-view-works">View Works</a>
- </div>
- </div>
- </div>
- </section>
-
- <!-- Service Start -->
- <section id="service">
- <div class="container">
- <div class="row">
- <div class="section-title">
- <h2>Our Services</h2>
- <p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics</p>
- </div>
- </div>
- <div class="row ">
- <div class="col-sm-6 col-md-3">
- <div class="service-item">
- <i class="icon ion-coffee"></i>
- <h4>Branding</h4>
- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut </p>
- </div>
- </div>
- <div class="col-sm-6 col-md-3">
- <div class="service-item">
- <i class="ion-compass"></i>
- <h4>Web Design</h4>
- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut </p>
- </div>
- </div>
- <div class="col-sm-6 col-md-3">
- <div class="service-item">
- <i class="ion-image"></i>
- <h4>App Design</h4>
- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut </p>
- </div>
- </div>
- <div class="col-sm-6 col-md-3">
- <div class="service-item">
- <i class="ion-bug"></i>
- <h4>Start Up</h4>
- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut </p>
- </div>
- </div>
- <div class="col-sm-6 col-md-3">
- <div class="service-item">
- <i class="ion-headphone"></i>
- <h4>Logo Design</h4>
- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut </p>
- </div>
- </div>
- <div class="col-sm-6 col-md-3">
- <div class="service-item">
- <i class="ion-leaf"></i>
- <h4>Development</h4>
- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut </p>
- </div>
- </div>
- <div class="col-sm-6 col-md-3">
- <div class="service-item">
- <i class="ion-planet"></i>
- <h4>Brand Identity</h4>
- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut </p>
- </div>
- </div>
- <div class="col-sm-6 col-md-3">
- <div class="service-item">
- <i class="ion-earth"></i>
- <h4>Brand Identity</h4>
- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut </p>
- </div>
- </div>
- </div>
- </div>
- </section>
- <!-- Call to action Start -->
- <section id="call-to-action">
- <div class="container">
- <div class="row">
- <div class="col-md-12">
- <div class="block">
- <h2>We design delightful digital experiences.</h2>
- <p>Read more about what we do and our philosophy of design. Judge for yourself The work and results we’ve achieved for other clients, and meet our highly experienced Team who just love to design.</p>
- <a class="btn btn-default btn-call-to-action" href="#" >Tell Us Your Story</a>
- </div>
- </div>
- </div>
- </div>
- </section>
- <!-- Content Start -->
- <section id="testimonial">
- <div class="container">
- <div class="row">
- <div class="section-title text-center">
- <h2>Fun Facts About Us</h2>
- <p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics</p>
- </div>
- </div>
- <div class="row">
- <div class="col-md-6">
- <div class="block">
- <ul class="counter-box clearfix">
- <li>
- <div class="block">
- <i class="ion-ios-chatboxes-outline"></i>
- <h4 class="counter">20000</h4>
- <span>Cups Of Coffee</span>
- </div>
- </li>
- <li>
- <div class="block">
- <i class="ion-ios-glasses-outline"></i>
- <h4 class="counter">20000</h4>
- <span>Cups Of Coffee</span>
- </div>
- </li>
- <li>
- <div class="block">
- <i class="ion-ios-compose-outline"></i>
- <h4 class="counter">20000</h4>
- <span>Cups Of Coffee</span>
- </div>
- </li>
- <li>
- <div class="block">
- <i class="ion-ios-timer-outline"></i>
- <h4 class="counter">20000</h4>
- <span>Cups Of Coffee</span>
- </div>
- </li>
-
- </ul>
- </div>
- </div>
- <div class="col-md-6">
- <div class="testimonial-carousel">
- <div id="testimonial-slider" class="owl-carousel">
- <div>
- <img src="img/cotation.png" alt="IMG">
- <p>"This Company created an e-commerce site with the tools to make our business a success, with innovative ideas we feel that our site has unique elements that make us stand out from the crowd."</p>
- <div class="user">
- <img src="img/item-img1.jpg" alt="Pepole">
- <p><span>Rose Ray</span> CEO-Themefisher</p>
- </div>
- </div>
- <div>
- <img src="img/cotation.png" alt="IMG">
- <p>"This Company created an e-commerce site with the tools to make our business a success, with innovative ideas we feel that our site has unique elements that make us stand out from the crowd."</p>
- <div class="user">
- <img src="img/item-img1.jpg" alt="Pepole">
- <p><span>Rose Ray</span> CEO-Themefisher</p>
- </div>
- </div>
- <div>
- <img src="img/cotation.png" alt="IMG">
- <p>"This Company created an e-commerce site with the tools to make our business a success, with innovative ideas we feel that our site has unique elements that make us stand out from the crowd."</p>
- <div class="user">
- <img src="img/item-img1.jpg" alt="Pepole">
- <p><span>Rose Ray</span> CEO-Themefisher</p>
- </div>
- </div>
- <div>
- <img src="img/cotation.png" alt="IMG">
- <p>"This Company created an e-commerce site with the tools to make our business a success, with innovative ideas we feel that our site has unique elements that make us stand out from the crowd."</p>
- <div class="user">
- <img src="img/item-img1.jpg" alt="Pepole">
- <p><span>Rose Ray</span> CEO-Themefisher</p>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </section>
+ {{ content }}
diff --git a/index.html b/index.html
index 96f0ceccba04723f5f6bd453632295d5b3eb087a..5e9335efb3418acee28c74596c45222be45b3ef9 100755
--- a/index.html
+++ b/index.html
@@ -3,3 +3,222 @@ layout: default
title: homepage
permalink: /
---
+
+<!-- Slider Start -->
+<section id="slider">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-10 col-md-offset-2">
+ <div class="block">
+ <h1 class="animated fadeInUp">A DIGITAL MARKETING & <br> DESIGN AGENCY</h1>
+ <p class="animated fadeInUp">We love the Web and the work we do.We work closely with our </br> clients to deliver the best possible solutions for their needs</p>
+ </div>
+ </div>
+ </div>
+ </div>
+</section>
+<!-- Wrapper Start -->
+<section id="intro">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-7 col-sm-12">
+ <div class="block">
+ <div class="section-title">
+ <h2>About Us</h2>
+ <p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics</p>
+ </div>
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id </p>
+ </div>
+ </div><!-- .col-md-7 close -->
+ <div class="col-md-5 col-sm-12">
+ <div class="block">
+ <img src="img/wrapper-img.png" alt="Img">
+ </div>
+ </div><!-- .col-md-5 close -->
+ </div>
+ </div>
+</section>
+
+<section id="feature">
+<div class="container">
+ <div class="row">
+ <div class="col-md-6 col-md-offset-6">
+ <h2>WE BELIEVE IN GREAT IDEAS</h2>
+ <p>Maecenas faucibus mollis interdum. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
+ <p>Maecenas faucibus mollis interdum. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
+ <p>Maecenas faucibus mollis interdum. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
+ <a href="#" class="btn btn-view-works">View Works</a>
+ </div>
+ </div>
+</div>
+</section>
+
+<!-- Service Start -->
+<section id="service">
+ <div class="container">
+ <div class="row">
+ <div class="section-title">
+ <h2>Our Services</h2>
+ <p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics</p>
+ </div>
+ </div>
+ <div class="row ">
+ <div class="col-sm-6 col-md-3">
+ <div class="service-item">
+ <i class="icon ion-coffee"></i>
+ <h4>Branding</h4>
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut </p>
+ </div>
+ </div>
+ <div class="col-sm-6 col-md-3">
+ <div class="service-item">
+ <i class="ion-compass"></i>
+ <h4>Web Design</h4>
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut </p>
+ </div>
+ </div>
+ <div class="col-sm-6 col-md-3">
+ <div class="service-item">
+ <i class="ion-image"></i>
+ <h4>App Design</h4>
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut </p>
+ </div>
+ </div>
+ <div class="col-sm-6 col-md-3">
+ <div class="service-item">
+ <i class="ion-bug"></i>
+ <h4>Start Up</h4>
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut </p>
+ </div>
+ </div>
+ <div class="col-sm-6 col-md-3">
+ <div class="service-item">
+ <i class="ion-headphone"></i>
+ <h4>Logo Design</h4>
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut </p>
+ </div>
+ </div>
+ <div class="col-sm-6 col-md-3">
+ <div class="service-item">
+ <i class="ion-leaf"></i>
+ <h4>Development</h4>
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut </p>
+ </div>
+ </div>
+ <div class="col-sm-6 col-md-3">
+ <div class="service-item">
+ <i class="ion-planet"></i>
+ <h4>Brand Identity</h4>
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut </p>
+ </div>
+ </div>
+ <div class="col-sm-6 col-md-3">
+ <div class="service-item">
+ <i class="ion-earth"></i>
+ <h4>Brand Identity</h4>
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut </p>
+ </div>
+ </div>
+ </div>
+ </div>
+</section>
+<!-- Call to action Start -->
+<section id="call-to-action">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-12">
+ <div class="block">
+ <h2>We design delightful digital experiences.</h2>
+ <p>Read more about what we do and our philosophy of design. Judge for yourself The work and results we’ve achieved for other clients, and meet our highly experienced Team who just love to design.</p>
+ <a class="btn btn-default btn-call-to-action" href="#" >Tell Us Your Story</a>
+ </div>
+ </div>
+ </div>
+ </div>
+</section>
+<!-- Content Start -->
+<section id="testimonial">
+ <div class="container">
+ <div class="row">
+ <div class="section-title text-center">
+ <h2>Fun Facts About Us</h2>
+ <p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics</p>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-md-6">
+ <div class="block">
+ <ul class="counter-box clearfix">
+ <li>
+ <div class="block">
+ <i class="ion-ios-chatboxes-outline"></i>
+ <h4 class="counter">20000</h4>
+ <span>Cups Of Coffee</span>
+ </div>
+ </li>
+ <li>
+ <div class="block">
+ <i class="ion-ios-glasses-outline"></i>
+ <h4 class="counter">20000</h4>
+ <span>Cups Of Coffee</span>
+ </div>
+ </li>
+ <li>
+ <div class="block">
+ <i class="ion-ios-compose-outline"></i>
+ <h4 class="counter">20000</h4>
+ <span>Cups Of Coffee</span>
+ </div>
+ </li>
+ <li>
+ <div class="block">
+ <i class="ion-ios-timer-outline"></i>
+ <h4 class="counter">20000</h4>
+ <span>Cups Of Coffee</span>
+ </div>
+ </li>
+
+ </ul>
+ </div>
+ </div>
+ <div class="col-md-6">
+ <div class="testimonial-carousel">
+ <div id="testimonial-slider" class="owl-carousel">
+ <div>
+ <img src="img/cotation.png" alt="IMG">
+ <p>"This Company created an e-commerce site with the tools to make our business a success, with innovative ideas we feel that our site has unique elements that make us stand out from the crowd."</p>
+ <div class="user">
+ <img src="img/item-img1.jpg" alt="Pepole">
+ <p><span>Rose Ray</span> CEO-Themefisher</p>
+ </div>
+ </div>
+ <div>
+ <img src="img/cotation.png" alt="IMG">
+ <p>"This Company created an e-commerce site with the tools to make our business a success, with innovative ideas we feel that our site has unique elements that make us stand out from the crowd."</p>
+ <div class="user">
+ <img src="img/item-img1.jpg" alt="Pepole">
+ <p><span>Rose Ray</span> CEO-Themefisher</p>
+ </div>
+ </div>
+ <div>
+ <img src="img/cotation.png" alt="IMG">
+ <p>"This Company created an e-commerce site with the tools to make our business a success, with innovative ideas we feel that our site has unique elements that make us stand out from the crowd."</p>
+ <div class="user">
+ <img src="img/item-img1.jpg" alt="Pepole">
+ <p><span>Rose Ray</span> CEO-Themefisher</p>
+ </div>
+ </div>
+ <div>
+ <img src="img/cotation.png" alt="IMG">
+ <p>"This Company created an e-commerce site with the tools to make our business a success, with innovative ideas we feel that our site has unique elements that make us stand out from the crowd."</p>
+ <div class="user">
+ <img src="img/item-img1.jpg" alt="Pepole">
+ <p><span>Rose Ray</span> CEO-Themefisher</p>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+</section>