Update header.php, index.php, and index.php.org

header.php

@@ -221,8 +221,5 @@
 
 
 
-
-
-
 					</header>
 			    <!-- Header Area wrapper End -->

index.php

@@ -1,76 +1,767 @@
 <?php get_header(); ?>
 
-			<div id="content">
+    <!-- About Section Start -->
+    <div id="about" class="section-padding">
+      <div class="container">
+        <div class="row">
+          <div class="col-lg-3 col-md-6 col-xs-12">
+            <div class="about block text-center">
+              <img src="<?php echo get_template_directory_uri(); ?>/img/about/img1.png" alt="">
+              <h5><a href="#">About Title</a></h5>
+              <p>Quisque sit amet libero purus. Nulla a dignissim quam. In hac habitasse platea dictumst.</p>
+            </div>
+          </div>
+          <div class="col-lg-3 col-md-6 col-xs-12">
+            <div class="about block text-center">
+              <img src="<?php echo get_template_directory_uri(); ?>/img/about/img2.png" alt="">
+              <h5><a href="#">About Title</a></h5>
+              <p>Quisque sit amet libero purus. Nulla a dignissim quam. In hac habitasse platea dictumst.</p>
+            </div>
+          </div>
+          <div class="col-lg-3 col-md-6 col-xs-12">
+            <div class="about block text-center">
+              <img src="<?php echo get_template_directory_uri(); ?>/img/about/img3.png" alt="">
+              <h5><a href="#">About Title</a></h5>
+              <p>Quisque sit amet libero purus. Nulla a dignissim quam. In hac habitasse platea dictumst.</p>
+            </div>
+          </div>
+          <div class="col-lg-3 col-md-6 col-xs-12">
+            <div class="about block text-center">
+              <img src="<?php echo get_template_directory_uri(); ?>/img/about/img4.png" alt="">
+              <h5><a href="#">About Title</a></h5>
+              <p>Quisque sit amet libero purus. Nulla a dignissim quam. In hac habitasse platea dictumst.</p>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <!-- About Section End -->
 
-				<div id="inner-content" class="wrap cf">
+    <!-- Services Section Start -->
+    <section id="services" class="section-padding">
+      <div class="container">
+        <div class="row">
+          <div class="col-md-12">
+            <h2 class="section-title wow fadeInDown animated" data-wow-delay="0.3s">Our Services</h2>
+          </div>
+        </div>
+        <div class="row">
+          <!-- Start Service Icon 1 -->
+          <div class="col-md-6 col-lg-4 col-xs-12">
+            <div class="service-box">
+              <div class="service-icon">
+                <i class="fa fa-cogs"></i>
+              </div>
+              <div class="service-content">
+                <h4><a href="#">Easy to Customize</a></h4>
+                <p>
+                  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Recusandae architecto officiis consequuntur vero error excepturi.
+                </p>
+              </div>
+            </div>
+          </div>
+          <!-- End Service Icon 1 -->
 
-						<main id="main" class="m-all t-2of3 d-5of7 cf" role="main" itemscope itemprop="mainContentOfPage" itemtype="http://schema.org/Blog">
+          <!-- Start Service Icon 2 -->
+          <div class="col-md-6 col-lg-4 col-xs-12">
+            <div class="service-box">
+              <div class="service-icon">
+                <i class="fa fa-cubes"></i>
+              </div>
+              <div class="service-content">
+                <h4><a href="#">100+ Components</a></h4>
+                <p>
+                  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Recusandae architecto officiis consequuntur vero error excepturi.
+                </p>
+              </div>
+            </div>
+          </div>
+          <!-- End Service Icon 2 -->
 
-							<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
+          <!-- Start Service Icon 3 -->
+          <div class="col-md-6 col-lg-4 col-xs-12">
+            <div class="service-box">
+              <div class="service-icon">
+                <i class="fa fa-tachometer"></i>
+              </div>
+              <div class="service-content">
+                <h4><a href="#">Super Fast</a></h4>
+                <p>
+                  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Recusandae architecto officiis consequuntur vero error excepturi.
+                </p>
+              </div>
+            </div>
+          </div>
+          <!-- End Service Icon 3 -->
 
-							<article id="post-<?php the_ID(); ?>" <?php post_class( 'cf' ); ?> role="article">
+          <!-- Start Service Icon 4 -->
+          <div class="col-md-6 col-lg-4 col-xs-12">
+            <div class="service-box">
+              <div class="service-icon">
+                <i class="fa fa-check"></i>
+              </div>
+              <div class="service-content">
+                <h4><a href="#">Clean Design</a></h4>
+                <p>
+                  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Recusandae architecto officiis consequuntur vero error excepturi.
+                </p>
+              </div>
+            </div>
+          </div>
+          <!-- End Service Icon 4 -->
 
-								<header class="article-header">
+          <!-- Start Service Icon 5 -->
+          <div class="col-md-6 col-lg-4 col-xs-12">
+            <div class="service-box">
+              <div class="service-icon">
+                <i class="fa fa-flash"></i>
+              </div>
+              <div class="service-content">
+                <h4><a href="#">Bootstrap 4 UI Kit</a></h4>
+                <p>
+                  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Recusandae architecto officiis consequuntur vero error excepturi.
+                </p>
+              </div>
+            </div>
+          </div>
+          <!-- End Service Icon 5 -->
 
-									<h1 class="h2 entry-title"><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a></h1>
-									<p class="byline entry-meta vcard">
-                                                                        <?php printf( __( 'Posted', 'bonestheme' ).' %1$s %2$s',
-                       								/* the time the post was published */
-                       								'<time class="updated entry-time" datetime="' . get_the_time('Y-m-d') . '" itemprop="datePublished">' . get_the_time(get_option('date_format')) . '</time>',
-                       								/* the author of the post */
-                       								'<span class="by">'.__( 'by', 'bonestheme').'</span> <span class="entry-author author" itemprop="author" itemscope itemptype="http://schema.org/Person">' . get_the_author_link( get_the_author_meta( 'ID' ) ) . '</span>'
-                    							); ?>
-									</p>
+          <!-- Start Service Icon 6 -->
+          <div class="col-md-6 col-lg-4 col-xs-12">
+            <div class="service-box">
+              <div class="service-icon">
+                <i class="fa fa-hand-pointer-o"></i>
+              </div>
+              <div class="service-content">
+                <h4><a href="#">Advanced Features</a></h4>
+                <p>
+                  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Recusandae architecto officiis consequuntur vero error excepturi.
+                </p>
+              </div>
+            </div>
+          </div>
+          <!-- End Service Icon 6 -->
+        </div>
+      </div>
+    </section>
+    <!-- Services Section End -->
 
-								</header>
+    <!-- Portfolio Section -->
+    <section id="portfolio" class="section-padding">
+      <!-- Container Starts -->
+      <div class="container">
+        <div class="row">
+          <div class="col-md-12">
+            <h2 class="section-title wow fadeInDown animated" data-wow-delay="0.3s">Portfolio</h2>
+          </div>
+        </div>
+        <div class="row">
+          <div class="col-lg-12 col-md-12">
+            <!-- Portfolio Controller/Buttons -->
+            <div class="controls text-center wow fadeInUpQuick" data-wow-delay=".6s">
+              <a class="filter active btn btn-common" data-filter="all">
+                All
+              </a>
+              <a class="filter btn btn-common" data-filter=".branding">
+                Branding
+              </a>
+              <a class="filter btn btn-common" data-filter=".marketing">
+                Marketing
+              </a>
+              <a class="filter btn btn-common" data-filter=".planning">
+                Planning
+              </a>
+              <a class="filter btn btn-common" data-filter=".research">
+                Research
+              </a>
+            </div>
+            <!-- Portfolio Controller/Buttons Ends-->
+          </div>
 
-								<section class="entry-content cf">
-									<?php the_content(); ?>
-								</section>
+          <!-- Portfolio Recent Projects -->
+          <div id="portfolio" class="row wow fadeInUpQuick" data-wow-delay="0.8s">
+            <div class="col-lg-4 col-md-6 col-xs-12 mix marketing planning">
+              <div class="portfolio-item">
+                <div class="portfolio-img">
+                  <img src="<?php echo get_template_directory_uri(); ?>/img/portfolio/img1.jpg" alt="" />
+                </div>
+                <div class="portfoli-content">
+                  <div class="sup-desc-wrap">
+                    <div class="sup-desc-inner">
+                      <div class="sup-link">
+                        <a class="left-link" href="#"><i class="fa fa-link"></i></a>
+                        <a class="right-link" href="#"><i class="fa fa-heart"></i></a>
+                      </div>
+                      <div class="sup-meta-wrap">
+                        <a class="sup-title" href="#">
+                          <h4>TITLE HERE</h4>
+                        </a>
+                        <p class="sup-description">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente vel quisquam.</p>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div class="col-lg-4 col-md-6 col-xs-12 mix branding planning">
+              <div class="portfolio-item">
+                <div class="portfolio-img">
+                  <img src="<?php echo get_template_directory_uri(); ?>/img/portfolio/img2.jpg" alt="" />
+                </div>
+                <div class="portfoli-content">
+                  <div class="sup-desc-wrap">
+                    <div class="sup-desc-inner">
+                      <div class="sup-link">
+                        <a class="left-link" href="#"><i class="fa fa-link"></i></a>
+                        <a class="right-link" href="#"><i class="fa fa-heart"></i></a>
+                      </div>
+                      <div class="sup-meta-wrap">
+                        <a class="sup-title" href="#">
+                          <h4>TITLE HERE</h4>
+                        </a>
+                        <p class="sup-description">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente vel quisquam.</p>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div class="col-lg-4 col-md-6 col-xs-12 mix branding research">
+              <div class="portfolio-item">
+                <div class="portfolio-img">
+                  <img src="<?php echo get_template_directory_uri(); ?>/img/portfolio/img3.jpg" alt="" />
+                </div>
+                <div class="portfoli-content">
+                  <div class="sup-desc-wrap">
+                    <div class="sup-desc-inner">
+                      <div class="sup-link">
+                        <a class="left-link" href="#"><i class="fa fa-link"></i></a>
+                        <a class="right-link" href="#"><i class="fa fa-heart"></i></a>
+                      </div>
+                      <div class="sup-meta-wrap">
+                        <a class="sup-title" href="#">
+                          <h4>TITLE HERE</h4>
+                        </a>
+                        <p class="sup-description">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente vel quisquam.</p>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div class="col-lg-4 col-md-6 col-xs-12 mix marketing research">
+              <div class="portfolio-item">
+                <div class="portfolio-img">
+                  <img src="<?php echo get_template_directory_uri(); ?>/img/portfolio/img4.jpg" alt="" />
+                </div>
+                <div class="portfoli-content">
+                  <div class="sup-desc-wrap">
+                    <div class="sup-desc-inner">
+                      <div class="sup-link">
+                        <a class="left-link" href="#"><i class="fa fa-link"></i></a>
+                        <a class="right-link" href="#"><i class="fa fa-heart"></i></a>
+                      </div>
+                      <div class="sup-meta-wrap">
+                        <a class="sup-title" href="#">
+                          <h4>TITLE HERE</h4>
+                        </a>
+                        <p class="sup-description">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente vel quisquam.</p>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div class="col-lg-4 col-md-6 col-xs-12 mix marketing planning">
+              <div class="portfolio-item">
+                <div class="portfolio-img">
+                  <img src="<?php echo get_template_directory_uri(); ?>/img/portfolio/img5.jpg" alt="" />
+                </div>
+                <div class="portfoli-content">
+                  <div class="sup-desc-wrap">
+                    <div class="sup-desc-inner">
+                      <div class="sup-link">
+                        <a class="left-link" href="#"><i class="fa fa-link"></i></a>
+                        <a class="right-link" href="#"><i class="fa fa-heart"></i></a>
+                      </div>
+                      <div class="sup-meta-wrap">
+                        <a class="sup-title" href="#">
+                          <h4>TITLE HERE</h4>
+                        </a>
+                        <p class="sup-description">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente vel quisquam.</p>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div class="col-lg-4 col-md-6 col-xs-12 mix planning research">
+              <div class="portfolio-item">
+                <div class="portfolio-img">
+                  <img src="<?php echo get_template_directory_uri(); ?>/img/portfolio/img6.jpg" alt="" />
+                </div>
+                <div class="portfoli-content">
+                  <div class="sup-desc-wrap">
+                    <div class="sup-desc-inner">
+                      <div class="sup-link">
+                        <a class="left-link" href="#"><i class="fa fa-link"></i></a>
+                        <a class="right-link" href="#"><i class="fa fa-heart"></i></a>
+                      </div>
+                      <div class="sup-meta-wrap">
+                        <a class="sup-title" href="#">
+                          <h4>TITLE HERE</h4>
+                        </a>
+                        <p class="sup-description">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente vel quisquam.</p>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- Container Ends -->
+    </section>
+    <!-- Portfolio Section Ends -->
 
-								<footer class="article-footer cf">
-									<p class="footer-comment-count">
-										<?php comments_number( __( '<span>No</span> Comments', 'bonestheme' ), __( '<span>One</span> Comment', 'bonestheme' ), __( '<span>%</span> Comments', 'bonestheme' ) );?>
-									</p>
+     <!-- Feature Section Start -->
+    <div id="feature" class="section-padding">
+      <div class="container">
+        <div class="row">
+          <div class="col-md-12">
+            <h2 class="section-title wow fadeInDown animated" data-wow-delay="0.3s">Features</h2>
+          </div>
+        </div>
+        <div class="row">
+          <!-- Start featured -->
+          <div class="col-lg-4 col-md-6 col-xs-12">
+            <div class="featured-box-item">
+              <div class="featured-icon">
+                <i class="fa fa-bolt"></i>
+              </div>
+              <div class="featured-content">
+                <h4>Bootstrap 4</h4>
+                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et magna aliqua.</p>
+              </div>
+            </div>
+          </div>
+          <!-- End featured -->
 
+          <!-- Start featured -->
+          <div class="col-lg-4 col-md-6 col-xs-12">
+            <div class="featured-box-item">
+              <div class="featured-icon">
+                <i class="fa fa-diamond"></i>
+              </div>
+              <div class="featured-content">
+                <h4>Clean Design</h4>
+                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et magna aliqua.</p>
+              </div>
+            </div>
+          </div>
+          <!-- End featured -->
 
-                 	<?php printf( '<p class="footer-category">' . __('filed under', 'bonestheme' ) . ': %1$s</p>' , get_the_category_list(', ') ); ?>
+          <!-- Start featured -->
+          <div class="col-lg-4 col-md-6 col-xs-12">
+            <div class="featured-box-item">
+              <div class="featured-icon">
+                <i class="fa fa-cubes"></i>
+              </div>
+              <div class="featured-content">
+                <h4>100+ Components</h4>
+                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et magna aliqua.</p>
+              </div>
+            </div>
+          </div>
+          <!-- End featured -->
 
-                  <?php the_tags( '<p class="footer-tags tags"><span class="tags-title">' . __( 'Tags:', 'bonestheme' ) . '</span> ', ', ', '</p>' ); ?>
+          <!-- Start featured -->
+          <div class="col-lg-4 col-md-6 col-xs-12">
+            <div class="featured-box-item">
+              <div class="featured-icon">
+                <i class="fa fa-cogs"></i>
+              </div>
+              <div class="featured-content">
+                <h4>Easy to Customize</h4>
+                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et magna aliqua.</p>
+              </div>
+            </div>
+          </div>
+          <!-- End featured -->
 
+          <!-- Start featured -->
+          <div class="col-lg-4 col-md-6 col-xs-12">
+            <div class="featured-box-item">
+              <div class="featured-icon">
+                <i class="fa fa-check"></i>
+              </div>
+              <div class="featured-content">
+                <h4>Pixel Perfect</h4>
+                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et magna aliqua.</p>
+              </div>
+            </div>
+          </div>
+          <!-- End featured -->
 
-								</footer>
+          <!-- Start featured -->
+          <div class="col-lg-4 col-md-6 col-xs-12">
+            <div class="featured-box-item">
+              <div class="featured-icon">
+                <i class="fa fa-cloud"></i>
+              </div>
+              <div class="featured-content">
+                <h4>Cloud Backup</h4>
+                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et magna aliqua.</p>
+              </div>
+            </div>
+          </div>
+          <!-- End featured -->
+        </div>
+      </div>
+    </div>
+    <!-- Feature Section End -->
 
-							</article>
+    <!-- facts Section Start -->
+    <div id="counter">
+      <div class="container">
+        <div class="row count-to-sec">
+          <div class="col-lg-3 col-md-6 col-xs-12 count-one">
+            <span class="icon"><i class="fa fa-download"> </i></span>
+            <h3 class="timer count-value" data-to="561" data-speed="1000">561</h3>
+            <hr class="width25-divider">
+            <small class="count-title">Downloads</small>
+          </div>
 
-							<?php endwhile; ?>
+          <div class="col-lg-3 col-md-6 col-xs-12 count-one">
+            <span class="icon"><i class="fa fa-user"> </i></span>
+            <h3 class="timer count-value" data-to="950" data-speed="1000">950</h3>
+            <hr class="width25-divider">
+            <small class="count-title">Developers</small>
+          </div>
 
-									<?php bones_page_navi(); ?>
+          <div class="col-lg-3 col-md-6 col-xs-12 count-one">
+            <span class="icon"><i class="fa fa-desktop"> </i></span>
+            <h3 class="timer count-value" data-to="978" data-speed="1000">978</h3>
+            <hr class="width25-divider">
+            <small class="count-title">Lines of code written</small>
+          </div>
 
-							<?php else : ?>
+          <div class="col-lg-3 col-md-6 col-xs-12 count-one">
+            <span class="icon"><i class="fa fa-coffee"> </i></span>
+            <h3 class="timer count-value" data-to="1700" data-speed="1000">1700</h3>
+            <hr class="width25-divider">
+            <small class="count-title">Cups of coffee consumed</small>
+          </div>
+        </div>
+      </div>
+    </div>
+    <!-- facts Section End -->
 
-									<article id="post-not-found" class="hentry cf">
-											<header class="article-header">
-												<h1><?php _e( 'Oops, Post Not Found!', 'bonestheme' ); ?></h1>
-										</header>
-											<section class="entry-content">
-												<p><?php _e( 'Uh Oh. Something is missing. Try double checking things.', 'bonestheme' ); ?></p>
-										</section>
-										<footer class="article-footer">
-												<p><?php _e( 'This is the error message in the index.php template.', 'bonestheme' ); ?></p>
-										</footer>
-									</article>
+    <!-- Team Section Start -->
+    <div id="team" class="team-members-tow section-padding">
+      <div class="container">
+        <div class="row">
+          <div class="col-md-12">
+            <h2 class="section-title wow fadeInDown animated" data-wow-delay="0.3s">Our Team</h2>
+          </div>
+        </div>
+        <div class="row">
+          <div class="col-lg-4 col-md-6 col-xs-12">
+            <!-- Team Item Starts -->
+            <figure>
+              <img src="<?php echo get_template_directory_uri(); ?>/img/team/team-05.jpg" alt="">
+              <div class="image-overlay">
+                <div class="overlay-text text-center">
+                  <div class="info-text">
+                    <strong>Melody Clark</strong>
+                    <span>UX Specialist</span>
+                  </div>
+                  <hr class="small-divider">
+                  <ul class="social-icons">
+                    <li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
+                    <li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
+                    <li><a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
+                  </ul>
+                </div>
+              </div>
+            </figure>
+            <!-- Team Item Ends -->
+          </div>
+          <div class="col-lg-4 col-md-6 col-xs-12">
+            <!-- Team Item Starts -->
+            <figure>
+              <img src="<?php echo get_template_directory_uri(); ?>/img/team/team-06.jpg" alt="">
+              <div class="image-overlay">
+                <div class="overlay-text text-center">
+                  <div class="info-text">
+                    <strong>Danny Burton</strong>
+                    <span>Senior Designer</span>
+                  </div>
+                  <hr class="small-divider">
+                  <ul class="social-icons">
+                    <li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
+                    <li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
+                    <li><a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
+                  </ul>
+                </div>
+              </div>
+            </figure>
+            <!-- Team Item Ends -->
+          </div>
 
-							<?php endif; ?>
+          <div class="col-lg-4 col-md-6 col-xs-12">
+            <!-- Team Item Starts -->
+            <figure>
+              <img src="<?php echo get_template_directory_uri(); ?>/img/team/team-07.jpg" alt="">
+              <div class="image-overlay">
+                <div class="overlay-text text-center">
+                  <div class="info-text">
+                    <strong>Elizabeth Jones</strong>
+                    <span>Art Director</span>
+                  </div>
+                  <hr class="small-divider">
+                  <ul class="social-icons">
+                    <li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
+                    <li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
+                    <li><a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
+                  </ul>
+                </div>
+              </div>
+            </figure>
+            <!-- Team Item Ends -->
+          </div>
+        </div>
+      </div>
+    </div>
+    <!-- Team Section End -->
 
+    <!-- Pricing section Start -->
+    <section id="pricing" class="section-padding">
+      <div class="container">
+        <div class="row">
+          <div class="col-md-12">
+            <h2 class="section-title wow fadeInDown animated" data-wow-delay="0.3s">Pricing Table</h2>
+          </div>
+        </div>
+        <div class="row">
+          <div class="col-lg-4 col-md-6 col-xs-12">
+            <div class="pricing-table-item">
+              <div class="plan-name">
+                <h3>Basic</h3>
+              </div>
+              <div class="plan-price">
+                <div class="price-value">$ 10</div>
+                <div class="interval">per month</div>
+              </div>
+              <div class="plan-list">
+                <ul>
+                  <li><i class="fa fa-check"></i>2GB Disk Space</li>
+                  <li><i class="fa fa-check"></i>3 Sub Domains</li>
+                  <li><i class="fa fa-check"></i>12 Database</li>
+                  <li><i class="fa fa-check"></i>Unlimited Users</li>
+                </ul>
+              </div>
+              <div class="plan-signup">
+                <a href="#" class="btn btn-common">Get Started</a>
+              </div>
+            </div>
+          </div>
 
-						</main>
+          <div class="col-lg-4 col-md-6 col-xs-12">
+            <div class="pricing-table-item table-active">
+              <div class="plan-name">
+                <h3>Premium</h3>
+              </div>
+              <div class="plan-price">
+                <div class="price-value">$ 69 </div>
+                <div class="interval">per month</div>
+              </div>
+              <div class="plan-list">
+                <ul>
+                  <li><i class="fa fa-check"></i>10GB Disk Space</li>
+                  <li><i class="fa fa-check"></i>5 Sub Domains</li>
+                  <li><i class="fa fa-check"></i>12 Database</li>
+                  <li><i class="fa fa-check"></i>Unlimited Users</li>
+                </ul>
+              </div>
+              <div class="plan-signup">
+                <a href="#" class="btn btn-common">Get Started</a>
+              </div>
+            </div>
+          </div>
 
-					<?php get_sidebar(); ?>
+          <div class="col-lg-4 col-md-6 col-xs-12">
+            <div class="pricing-table-item">
+              <div class="plan-name">
+                <h3>Unltimate</h3>
+              </div>
+              <div class="plan-price">
+                <div class="price-value">$ 79 </div>
+                <div class="interval">per month</div>
+              </div>
+              <div class="plan-list">
+                <ul>
+                  <li><i class="fa fa-check"></i>50GB Disk Space</li>
+                  <li><i class="fa fa-check"></i>20 Sub Domains</li>
+                  <li><i class="fa fa-check"></i>36 Database</li>
+                  <li><i class="fa fa-check"></i>Unlimited Users</li>
+                </ul>
+              </div>
+              <div class="plan-signup">
+                <a href="#" class="btn btn-common">Get Started</a>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </section>
+    <!-- Pricing Table Section End -->
 
-				</div>
+    <!-- Single testimonial Start -->
+    <div class="single-testimonial-area">
+      <div class="container">
+        <div id="single-testimonial-item" class="owl-carousel">
+          <!-- Single testimonial Item -->
+          <div class="item">
+            <div class="row justify-content-md-center">
+              <div class="col-lg-8 col-md-12 col-xs-12 col-md-auto">
+                <div class="testimonial-inner text-md-center">
+                  <blockquote>
+                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Id ipsam, non ut molestiae rerum praesentium repellat debitis iure reiciendis, eius culpa beatae commodi facere ad numquam. Quisquam dignissimos similique sunt iure fugit, omnis vel cupiditate repellendus magni nihil molestiae quam, delectus
+                  </blockquote>
+                  <div class="testimonial-images">
+                    <img class="img-circle text-md-center" src="img/testimonial/img1.jpg" alt="">
+                  </div>
+                  <div class="testimonial-footer">
+                    <i class="fa fa-user"></i> Arman
+                    <a href="#"> UIdeck</a>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
 
-			</div>
+          <!-- Single testimonial Item -->
+          <div class="item">
+            <div class="row justify-content-md-center">
+              <div class="col-lg-8 col-md-12 col-xs-12 col-md-auto">
+                <div class="testimonial-inner text-md-center">
+                  <blockquote>
+                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Id ipsam, non ut molestiae rerum praesentium repellat debitis iure reiciendis, eius culpa beatae commodi facere ad numquam. Quisquam dignissimos similique sunt iure fugit, omnis vel cupiditate repellendus magni nihil molestiae quam, delectus
+                  </blockquote>
+                  <div class="testimonial-images">
+                    <img class="img-circle text-md-center" src="img/testimonial/img2.jpg" alt="">
+                  </div>
+                  <div class="testimonial-footer">
+                    <i class="fa fa-user"></i> Jeniffer
+                    <a href="#"> GrayGrids</a>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
 
+          <!-- Single testimonial Item -->
+          <div class="item">
+            <div class="row justify-content-md-center">
+              <div class="col-lg-8 col-md-12 col-xs-12 col-md-auto">
+                <div class="testimonial-inner text-md-center">
+                  <blockquote>
+                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Id ipsam, non ut molestiae rerum praesentium repellat debitis iure reiciendis, eius culpa beatae commodi facere ad numquam. Quisquam dignissimos similique sunt iure fugit, omnis vel cupiditate repellendus magni nihil molestiae quam, delectus
+                  </blockquote>
+                  <div class="testimonial-images">
+                    <img class="img-circle text-md-center" src="img/testimonial/img3.jpg" alt="">
+                  </div>
+                  <div class="testimonial-footer">
+                    <i class="fa fa-user"></i> Elon Musk<a href="#"> Tesla</a>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <!-- end -->
+
+    <!-- Contact Form Section Start -->
+    <section id="contact" class="contact-form section-padding">
+      <div class="container">
+        <div class="row">
+          <div class="col-md-12">
+            <h2 class="section-title wow fadeInDown animated" data-wow-delay="0.3s">Contact Us</h2>
+          </div>
+        </div>
+        <div class="row">
+          <div class="col-lg-8 col-md-6 col-xs-12">
+            <h3 class="title-head text-left">Get in touch</h3>
+            <form class="contact-form" data-toggle="validator">
+              <div class="row">
+                <div class="col-lg-4 col-md-12 col-xs-12">
+                  <div class="form-group">
+                    <i class="contact-icon fa fa-user"></i>
+                    <input type="text" class="form-control" id="name" placeholder="Full Name" required data-error="Please enter your name">
+                    <div class="help-block with-errors"></div>
+                  </div>
+                </div>
+                <div class="col-lg-4 col-md-12 col-xs-12">
+                  <div class="form-group">
+                    <i class="contact-icon fa fa-envelope-o"></i>
+                    <input type="email" class="form-control" id="email" placeholder="Email" required data-error="Please enter your email">
+                    <div class="help-block with-errors"></div>
+                  </div>
+                </div>
+                <div class="col-lg-4 col-md-12 col-xs-12">
+                  <div class="form-group">
+                    <i class="contact-icon fa fa-pencil-square-o"></i>
+                    <input type="text" class="form-control" id="subject" placeholder="Subject" required data-error="Please enter your Subject">
+                    <div class="help-block with-errors"></div>
+                  </div>
+                </div>
+                <div class="col-lg-12 col-md-12 col-xs-12">
+                  <textarea class="form-control" id="message" rows="4" placeholder="Message" required data-error="Please enter your message"></textarea>
+                  <div class="help-block with-errors"></div>
+                  <button type="submit" id="form-submit" class="btn btn-common btn-form-submit">Send Message</button>
+                  <div id="msgSubmit" class="h3 text-center hidden"></div>
+                  <div class="clearfix"></div>
+                </div>
+              </div>
+            </form>
+          </div>
+
+          <div class="col-lg-4 col-md-6 col-xs-12">
+            <h4 class="contact-info-title text-left">Contact Information</h4>
+            <div class="contact-info">
+              <address>
+              <i class="lni-map-marker icons cyan-color contact-info-icon"></i>
+              Level 13, 2 Elizabeth St, Melbourne,
+            </address>
+              <div class="tel-info">
+                <a href="tel:1800452308"><i class="lni-mobile icons cyan-color contact-info-icon"></i>1800 452 308</a>
+                <a href="tel:+61(8)82343555"><i class="lni-phone icons cyan-color contact-info-icon"></i>+61 (8) 8234 3555</a>
+              </div>
+              <a href="mailto:hello@spiritapp.com"><i class="lni-envelope icons cyan-color contact-info-icon"></i>admin@uideck.com</a>
+              <a href="#"><i class="lni-tab icons cyan-color contact-info-icon"></i>www.uideck.com</a>
+              <ul class="social-links">
+                <li>
+                  <a href="#" class="fa fa-facebook"></a>
+                </li>
+                <li>
+                  <a href="#" class="fa fa-twitter"></a>
+                </li>
+                <li>
+                  <a href="#" class="fa fa-instagram"></a>
+                </li>
+                <li>
+                  <a href="#" class="fa fa-linkedin"></a>
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+    </section>
+    <!-- Contact Form Section End -->
 
 <?php get_footer(); ?>

index.php.org

@@ -0,0 +1,76 @@
+<?php get_header(); ?>
+
+			<div id="content">
+
+				<div id="inner-content" class="wrap cf">
+
+						<main id="main" class="m-all t-2of3 d-5of7 cf" role="main" itemscope itemprop="mainContentOfPage" itemtype="http://schema.org/Blog">
+
+							<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
+
+							<article id="post-<?php the_ID(); ?>" <?php post_class( 'cf' ); ?> role="article">
+
+								<header class="article-header">
+
+									<h1 class="h2 entry-title"><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a></h1>
+									<p class="byline entry-meta vcard">
+                                                                        <?php printf( __( 'Posted', 'bonestheme' ).' %1$s %2$s',
+                       								/* the time the post was published */
+                       								'<time class="updated entry-time" datetime="' . get_the_time('Y-m-d') . '" itemprop="datePublished">' . get_the_time(get_option('date_format')) . '</time>',
+                       								/* the author of the post */
+                       								'<span class="by">'.__( 'by', 'bonestheme').'</span> <span class="entry-author author" itemprop="author" itemscope itemptype="http://schema.org/Person">' . get_the_author_link( get_the_author_meta( 'ID' ) ) . '</span>'
+                    							); ?>
+									</p>
+
+								</header>
+
+								<section class="entry-content cf">
+									<?php the_content(); ?>
+								</section>
+
+								<footer class="article-footer cf">
+									<p class="footer-comment-count">
+										<?php comments_number( __( '<span>No</span> Comments', 'bonestheme' ), __( '<span>One</span> Comment', 'bonestheme' ), __( '<span>%</span> Comments', 'bonestheme' ) );?>
+									</p>
+
+
+                 	<?php printf( '<p class="footer-category">' . __('filed under', 'bonestheme' ) . ': %1$s</p>' , get_the_category_list(', ') ); ?>
+
+                  <?php the_tags( '<p class="footer-tags tags"><span class="tags-title">' . __( 'Tags:', 'bonestheme' ) . '</span> ', ', ', '</p>' ); ?>
+
+
+								</footer>
+
+							</article>
+
+							<?php endwhile; ?>
+
+									<?php bones_page_navi(); ?>
+
+							<?php else : ?>
+
+									<article id="post-not-found" class="hentry cf">
+											<header class="article-header">
+												<h1><?php _e( 'Oops, Post Not Found!', 'bonestheme' ); ?></h1>
+										</header>
+											<section class="entry-content">
+												<p><?php _e( 'Uh Oh. Something is missing. Try double checking things.', 'bonestheme' ); ?></p>
+										</section>
+										<footer class="article-footer">
+												<p><?php _e( 'This is the error message in the index.php template.', 'bonestheme' ); ?></p>
+										</footer>
+									</article>
+
+							<?php endif; ?>
+
+
+						</main>
+
+					<?php get_sidebar(); ?>
+
+				</div>
+
+			</div>
+
+
+<?php get_footer(); ?>