iSWARS - Portfolio Responsive HTML Template

Getting Started

Welcome To iSWARS

Created: 27/04/2017 - By: Alaa Ahmed - Contact Me

A beautiful multipage website template dedicated to promoting, selling, contacting and showcasing you. iSWARS was built for Photographers, Small businesses, Personal, web designer and developers, and in a few moments you can customize this template to suit your own needs. All files are super organized and highly documented, so working with these files is a breeze.

Installing Theme

1. After unzip Theme Files, you will found HTML Folder have 2 Theme styles Dark and Light all this files you will upload ( Dark or Light ) or two to your site.
2. You can view this Theme in any web browser from your desktop computer. Because the files are written in HTML, you do not need an internet connection in order to display or edit the Theme.
3. The exception is the contact form which functions based on the PHP coding language and requires a server to send messages.
4. Start your FTP client (I persoanlly use Filezila which is free) and login. Login to your server. You will need your server name (often times this will be your domain name), username, and password that you setup with the hosting company.
5. Locate the domain folder you wish to upload your Theme files to on your server. You are going to want to click and drag every file that you have labeled .html, .css, .php, .js into your FTP client.
6. Once the files are done uploading, rename the file you want to be your home page as 'index.html'.
7. Done.

Slider Section

To change the image in 'Slider Section' put your image (recommended size 2000px * 1300px) in 'img/slides' folder.
Then open the css/slit-slider.css file using any text editor. We recommend Sublime Text.
Now look for the following code and replace highlighted text with your image name+your image extension like this (name.png or name.jpg).

  1. /* Content elements */
  2.  
  3. #home .bg-img-1 {
  4.      background-image: url(../img/slides/iswars-slide1.jpeg);
  5. }

Save the file and refresh your browser.

1. To change Logo in 'Slider Section' put your image (recommended size 382px * 110px) in 'img' folder.
Then open the index.html file using any text editor.
Now look for the following code and replace highlighted text with your image name+your image extension like this (name.png or name.jpg).
Note: Don't forget to change the alternate alt="iSWARS" with your new logo name.

2. To edit the text in 'Slider Section' Open the index.html file using any text editor then look for the following code and replace highlighted text.

  1.                         <div class="carousel-caption">
  2.                             <div>
  3.                                 <img src="img/iswars.png" alt="iSWARS">
  4.                                 <h2>Welcome To iSWARS</h2>
  5.                                 <h3>Portfolio Responsive HTML Template</h3>
  6.                             </div>
  7.                         </div>

Save the file and refresh your browser.

To change Logo in 'Navbar Section' put your image (recommended size 160px * 45px) in 'img' folder.
Then open the index.html file using any text editor.
Now look for the following code and replace highlighted text with your image name+your image extension like this (name.png or name.jpg).
Note: Don't forget to change the alternate alt="iSWARS" with your new logo name.

  1.                 <!-- logo -->
  2.                 <a class="navbar-brand" href="#body">
  3.                     <h1 id="logo">
  4.                       <img src="img/logo-iswars.png" alt="iSWARS" />
  5.                     </h1>
  6.                 </a>
  7.                 <!-- End logo -->

Save the file and refresh your browser.

About Us Section

To edit the text in 'About Us Section' Open the index.html file using any text editor then look for the following code and replace highlighted text.
Note: You can change all items by the same steps.

  1.                     <div class="wrap-about">
  2.                        <div class="icon-box">
  3.                          <i class="fa fa-code fa-4x"></i>
  4.                        </div>
  5.                        <!-- Express About Yourself -->
  6.                        <div class="about-content text-center">
  7.                          <h3 class="ddd">We're Creative</h3>
  8.                          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit, nihil, libero, perspiciatis eos provident laborum eum dignissimos</p>
  9.                        </div>
  10.                     </div>

Save the file and refresh your browser.

To change icons in 'About Us Section' Visit This Page to get more icons.

Main Features Section

To change the image in 'Main Features Section' put your image in 'img/blog' folder.
Then open the index.html file using any text editor.
Now look for the following code and replace highlighted text with your image name+your image extension like this (name.png or name.jpg).
Note: Don't forget to change the alternate alt="iSWARS" with your new image name.

  1.                       <!-- Start Features Picture -->
  2.                       <div class="col-md-6 feature-media">
  3.                           <img src="img/blog/iswars-template.jpg" alt="iSWARS" class="img-responsive">
  4.                       </div>
  5.                       <!-- End Features Picture -->

Save the file and refresh your browser.

To edit the text in 'Main Features Section' Open the index.html file using any text editor then look for the following code and replace highlighted text.

  1.                       <!-- Start Features Descripiton -->
  2.                       <div class="col-md-6 feature-desc">
  3.                           <h3>Main Features of iSWARS</h3>
  4.                           <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. A, dolores........</p>
  5.                           <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. A, dolores........</p>
  6.                           <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. A, dolores........</p>
  7.                           <a href="#" class="btn btn-transparent">Learn More</a>
  8.                           <a href="#" class="btn btn-transparent">Purchase Theme</a>
  9.                       </div>
  10.                       <!-- End Features Descripiton -->

Save the file and refresh your browser.

To edit Links in 'Main Features Section' Open the index.html file using any text editor then look for the following code and replace highlighted text.

For Example: replace "#" with "http://www.example.com"

  1.                       <!-- Start Features Descripiton -->
  2.                       <div class="col-md-6 feature-desc">
  3.                           <h3>Main Features of iSWARS</h3>
  4.                           <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. A, dolores........</p>
  5.                           <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. A, dolores........</p>
  6.                           <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. A, dolores........</p>
  7.                           <a href="#" class="btn btn-transparent">Learn More</a>
  8.                           <a href="#" class="btn btn-transparent">Purchase Theme</a>
  9.                       </div>
  10.                       <!-- End Features Descripiton -->

Save the file and refresh your browser.

Counter Section

To change background image in 'Counter Section' put your image in 'img/parallax' folder. (Preferably large)
Then open the css/main.css file using any text editor.
Now look for the following code and replace highlighted text with your image name+your image extension like this (name.png or name.jpg).

  1. #counter {
  2.     background: url(../img/parallax/statis.jpg) no-repeat center center fixed;
  3.     background–size: cover;
  4.     padding: 70px 0;
  5. }

Save the file and refresh your browser.

To edit the Counter Value in 'Counter Section' Open the index.html file using any text editor then look for the following code and replace highlighted text.
Note: You can change all counter values by the same steps.

  1.              <div class="col-md-3 col-sm-6 col-xs-12 text-center">
  2.                 <div class="counters-item">
  3.                   <div>
  4.                     <span data-speed="3000" data-to="320">320</span>
  5.                   </div>
  6.                   <i class="fa fa-users fa-3x"></i>
  7.                   <h3>Happy Clients</h3>
  8.                 </div>
  9.              </div>

Save the file and refresh your browser.

To edit the text in 'Counter Section' Open the index.html file using any text editor then look for the following code and replace highlighted text.
Note: You can change all counter text by the same steps.

  1.              <div class="col-md-3 col-sm-6 col-xs-12 text-center">
  2.                 <div class="counters-item">
  3.                   <div>
  4.                     <span data-speed="3000" data-to="320">320</span>
  5.                   </div>
  6.                   <i class="fa fa-users fa-3x"></i>
  7.                   <h3>Happy Clients</h3>
  8.                 </div>
  9.              </div>

Save the file and refresh your browser.

To change icons in 'Counter Section' Visit This Page to get more icons.

Services Section

To edit the text in 'Services Section' Open the index.html file using any text editor then look for the following code and replace highlighted text.
Note: You can change all service text by the same steps.

  1.          <article class="col-md-4 col-sm-6 col-xs-12">
  2.              <div class="service-block text-center">
  3.                 <div class="service-icon text-center">
  4.                    <i class="fa fa-globe fa-5x"></i>
  5.                 </div>
  6.                 <h3>Web Design</h3>
  7.                 <p>Lorem ipsum dolor sit amet, consectetur.. Sed id lorem eget orci dictum facilisis vel id tellus. Nullam iaculis arcu at mauris dapibus consectetur.</p>
  8.              </div>
  9.          </article>

Save the file and refresh your browser.

To change icons in 'Services Section' Visit This Page to get more icons.

Portfolio Section

To change images in 'Portfolio Section' put your image in 'img/portfolio' folder.
Then open the index.html file using any text editor.
Now look for the following code and replace highlighted text with your image name+your image extension like this (name.png or name.jpg).
Note: You can change all Portfolio images by the same steps.
Note: Don't forget to change the alternate alt="iSWARS" with your new image name.

  1.          <li class="mix app">
  2.            <a href="#">
  3.              <img src="img/portfolio/temp1.jpg" alt="iSWARS">
  4.              <div class="hover-mask">
  5.                <h3>iSWARS Template</h3>
  6.                <span>
  7.                  <i class="fa fa-plus fa-2x"></i>
  8.                </span>
  9.              </div>
  10.            </a>
  11.          </li>

Save the file and refresh your browser.

To change image title on hover it in 'Portfolio Section' open the index.html file using any text editor.
Now look for the following code and replace highlighted text with your new image title.

  1.          <li class="mix app">
  2.            <a href="#">
  3.              <img src="img/portfolio/temp1.jpg" alt="iSWARS">
  4.              <div class="hover-mask">
  5.                <h3>iSWARS Template</h3>
  6.                <span>
  7.                  <i class="fa fa-plus fa-2x"></i>
  8.                </span>
  9.              </div>
  10.            </a>
  11.          </li>

Save the file and refresh your browser.

Skills Section

To change background image in 'Skills Section' put your image in 'img/parallax' folder. (Preferably large)
Then open the css/main.css file using any text editor.
Now look for the following code and replace highlighted text with your image name+your image extension like this (name.png or name.jpg).

  1. #team-skills {
  2.     padding: 70px 0;
  3.     background: url(../img/parallax/skills.jpg) no-repeat center center fixed;
  4.     background–size: cover;
  5. }

Save the file and refresh your browser.

To change skill value in 'Skills Section' open the index.html file using any text editor.
Now look for the following code and replace highlighted text with your new skill value.
Note: You can change all skill values by the same steps.

  1.          <div class="col-md-3 col-sm-6 col-xs-12">
  2.              <div class="skill-chart text-center">
  3.                  <span class="chart" data-percent="80">
  4.                      <span class="percent"></span>
  5.                  </span>
  6.                  <h3><i class="fa fa-wordpress"></i> Wordpress</h3>
  7.                  <p>Lorem ipsum has erroribus design color vituper bonorum depend you usedcom.bonorum dependan be used.</p>
  8.              </div>
  9.          </div>

Save the file and refresh your browser.

To edit the text in 'Skills Section' Open the index.html file using any text editor then look for the following code and replace highlighted text.
Note: You can change all skill text by the same steps.

  1.          <div class="col-md-3 col-sm-6 col-xs-12">
  2.              <div class="skill-chart text-center">
  3.                  <span class="chart" data-percent="80">
  4.                      <span class="percent"></span>
  5.                  </span>
  6.                  <h3><i class="fa fa-wordpress"></i> Wordpress</h3>
  7.                  <p>Lorem ipsum has erroribus design color vituper bonorum depend you usedcom.bonorum dependan be used.</p>
  8.              </div>
  9.          </div>

Save the file and refresh your browser.

To change icons in 'Skills Section' Visit This Page to get more icons.

Team Section

To change images in 'Team Section' put your image in 'img/team' folder.
Then open the index.html file using any text editor.
Now look for the following code and replace highlighted text with your image name+your image extension like this (name.png or name.jpg).
Note: You can change all team images by the same steps.
Note: Don't forget to change the alternate alt="iSWARS" with your new image name.

  1.          <div class="team_img">
  2.              <img src="img/team/team1.jpg" alt="iSWARS">
  3.              <ul class="social">

Save the file and refresh your browser.

To edit Links in 'Team Section' Open the index.html file using any text editor then look for the following code and replace highlighted text.
Note: You can change all team links by the same steps.
For Example: replace "#" with "http://www.example.com"

  1.          <ul class="social">
  2.                <li><a href="#"><i class="fa fa-facebook"></i></a></li>
  3.                <li><a href="#"><i class="fa fa-twitter"></i></a></li>
  4.                <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
  5.                <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
  6.          </ul>

Save the file and refresh your browser.

To change icons in 'Team Section' Visit This Page to get more icons.

To edit the text in 'Team Section' Open the index.html file using any text editor then look for the following code and replace highlighted text.
Note: You can change all team text by the same steps.

  1.          <div class="team-content">
  2.              <h3 class="member">Dennis M. Ybarra</h3>
  3.              <span class="post">web developer</span>
  4.              <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit......</p>
  5.          </div>

Save the file and refresh your browser.

Pricing Section

To edit the price in 'Pricing Section' Open the index.html file using any text editor then look for the following code and replace highlighted text.
Note: You can change all prices by the same steps.

  1.          <div class="price">
  2.              <sup> $ </sup>
  3.              <span class="value">59</span>
  4.              <span class="duration"> / mo</span>
  5.          </div>

Save the file and refresh your browser.

To edit price features in 'Pricing Section' Open the index.html file using any text editor then look for the following code and replace highlighted text.
Note: You can change all prices features by the same steps.

  1.          <div class="pricing-body">
  2.              <ul>
  3.                  <li>20 Projects</li>
  4.                  <li>10GB Storage</li>
  5.                  <li>No Time Tracking</li>
  6.                  <li>Enhanced Security</li>
  7.                  <li>Unlimited Users</li>
  8.                  <li>And many other features</li>
  9.              </ul>
  10.          </div>

Save the file and refresh your browser.

Testimonial Section

To change background image in 'Testimonial Section' put your image in 'img/testimonial' folder. (Preferably large)
Then open the css/main.css file using any text editor.
Now look for the following code and replace highlighted text with your image name+your image extension like this (name.png or name.jpg).

  1. #testimonial {
  2.     background: url(../img/testimonial/client-1.jpg) no-repeat center center fixed;
  3.     background–size: cover;
  4.     padding: 70px 0;
  5. }

Save the file and refresh your browser.

To edit the text in 'Testimonial Section' Open the index.html file using any text editor then look for the following code and replace highlighted text.
Note: You can change all Testimonial text by the same steps.

  1.          <div class="client-meta">
  2.              <h3>James B. Delcambre</h3>
  3.              <span>Apr 05, 2017</span>
  4.          </div>
  5.          <div class="client-comment">
  6.              <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque, ex, cupiditate, error, suscipit saepe sed ea consequuntur inventore sequi sit illo.</p>

Save the file and refresh your browser.

Latest Posts Section

To edit the text in 'Latest Posts Section' Open the index.html file using any text editor then look for the following code and replace highlighted text.
Note: You can change all posts by the same steps.

  1.          <p class="post-description">
  2.              Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed neque mi, commodo in pharetra pretium, porta eget arcu. Vivamus.
  3.          </p>

Save the file and refresh your browser.

Contact Us Section

To edit the text in 'Contact Us Section' Open the index.html file using any text editor then look for the following code and replace highlighted text.

  1.          <div class="contact-info col-md-6">
  2.              <h3>Contact Details</h3>
  3.              <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsam, vero, provident, eum eligendi blanditiis ex explicabo vitae nostrum facilis asperiores dolorem illo officiis ratione vel fugiat dicta laboriosam labore adipisci.</p>
  4.              <div class="contact-details">
  5.                  <div class="con-info clearfix">
  6.                      <i class="fa fa-home fa-lg"></i>
  7.                      <span id="fix-pos">2471 Barnes Street, Kissimme, US</span>
  8.                  </div>
  9.                  <div class="con-info clearfix">
  10.                      <i class="fa fa-phone fa-lg"></i>
  11.                      <span>Phone: +407-238-5321</span>
  12.                  </div>
  13.                  <div class="con-info clearfix">
  14.                      <i class="fa fa-fax fa-lg"></i>
  15.                      <span>Fax: +407-238-5321</span>
  16.                  </div>
  17.                  <div class="con-info clearfix">
  18.                      <i class="fa fa-envelope fa-lg"></i>
  19.                      <span>Email: example@iSwars.com</span>
  20.                  </div>
  21.              </div>
  22.          </div>

Save the file and refresh your browser.

To change icons in 'Contact Us Section' Visit This Page to get more icons.

To turn on contact form Open the sendmail.php file using any text editor then look for the following code and replace highlighted text and save the file.

  1.          $email_to =   'alaa.ahmed.a92@gmail.com'; // the address to which the email will be sent

Google Map

To change the google map to your location open the custom.js file in 'js' folder and search for the following code and replace highlighted text with your own google map code and save the file.

  1.     google.maps.event.addDomListener(window, 'load', myMap);
  2.     function myMap() {
  3.         var myCenter = new google.maps.LatLng(30.596492, 32.271459),
  4.           mapOptions = {
  5.             center: myCenter,
  6.             mapTypeControl: false,
  7.             streetViewControl: false,
  8.             scrollwheel: false,
  9.             zoom: 12
  10.           },
  11.           mapCanvas = document.getElementById("map"),
  12.           map = new google.maps.Map(mapCanvas,  mapOptions),
  13.           marker = new google.maps.Marker({
  14.               position: myCenter,
  15.               icon: 'http://maps.google.com/mapfiles/ms/micons/blue–dot.png'
  16.           });
  17.          marker.setMap(map);
  18.         }
  19.     });

To get Latitude & Longitude please visit This Page.

To change links of social icons in 'Footer' Open the index.html file using any text editor then look for the following code and replace highlighted text.
For Example: replace "#" with "http://www.example.com"

  1.          <ul>
  2.              <li><a href="#"><i class="fa fa-facebook"></i></a></li>
  3.              <li><a href="#"><i class="fa fa-twitter"></i></a></li>
  4.              <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
  5.              <li><a href="#"><i class="fa fa-youtube"></i></a></li>
  6.              <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
  7.              <li><a href="#"><i class="fa fa-dribbble"></i></a></li>
  8.              <li><a href="#"><i class="fa fa-pinterest"></i></a></li>
  9.          </ul>

Save the file and refresh your browser.

To change icons in 'Footer' Visit This Page to get more icons.

To change Logo in 'Footer' put your image (recommended size 160px * 45px) in 'img' folder.
Then open the index.html file using any text editor.
Now look for the following code and replace highlighted text with your image name+your image extension like this (name.png or name.jpg).
Note: Don't forget to change the alternate alt="iSWARS" with your new logo name.

  1.          <a href="index.html">
  2.             <img src="img/logo-iswars.png" alt="iSWARS" />
  3.          </a>

Save the file and refresh your browser.

Loading Screen

to Turn Off Loading Screen Open the index.html file using any text editor. Now look for the following code and remove them.

  1.          <div id="loading-mask">
  2.              <div class="loader">
  3.                  <div class="loader-inner box1"></div>
  4.                  <div class="loader-inner box2"></div>
  5.                  <div class="loader-inner box3"></div>
  6.              </div>
  7.              <div class="loading-text">
  8.                  <h2>iSWARS</h2>
  9.                  <p>Portfolio Responsive HTML Template</p>
  10.              </div>
  11.          </div>

Save the file and refresh your browser.

Blog Page

To change Article Images in 'Blog Page' put your image in 'img/blog' folder.
Then open the blog.html file using any text editor.
Now look for the following code and replace highlighted text with your image name+your image extension like this (name.png or name.jpg).
Note: You can change all images by the same steps.
Note: Don't forget to change the alternate alt="iSWARS" with your new image name.

  1.          <div class="post-thumb">
  2.              <a href="single-post.html">
  3.                  <img src="img/blog/blog-page1.jpg" alt="iSWARS" class="img-responsive">
  4.              </a>
  5.          </div>

Save the file and refresh your browser.

To change Youtube Video in 'Blog Page'
open the blog.html file using any text editor.
Now look for the following code and replace highlighted text with your new video link.

  1.          <div class="media-wrapper">
  2.              <iframe src="https://www.youtube.com/embed/wq-gba5nMrc" allowfullscreen></iframe>
  3.          </div>

Save the file and refresh your browser.

To change Soundcloud Link in 'Blog Page'
open the blog.html file using any text editor.
Now look for the following code and replace highlighted text with your new Music link.

  1.          <div class="media-wrapper">
  2.              <iframe width="100%" style="height:160px" scrolling="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/199409057&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false&amp;visual=true"></iframe>
  3.          </div>

Save the file and refresh your browser.

To change Facebook Link in 'Blog Page'
open the blog.html file using any text editor.
Now look for the following code and replace highlighted text with your new facebook link.

  1.          <div class="media-wrapper">
  2.              <iframe width="100%" style="height:160px" scrolling="no" src="https://www.facebook.com/plugins/post.php?href=https%3A%2F%2Fwww.facebook.com%2FHooDieMafia%2Fposts%2F10154244465462062" scrolling="no" frameborder="0" allowTransparency="true"></iframe>
  3.          </div>

Save the file and refresh your browser.

To edit the text in 'Text Widget' Open the blog.html file using any text editor then look for the following code and replace highlighted text.

  1.          <div class="widget-content">
  2.              <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloribus ducimus in dolorum accusantium voluptate nostrum, excepturi dolores voluptatem vel rerum at, recusandae inventore nobis ex eveniet sunt eligendi, qui provident.</p>
  3.          </div>

Save the file and refresh your browser.

To change Tab Widget Images in 'Blog Page' put your image in 'img/blog' folder.
Then open the blog.html file using any text editor.
Now look for the following code and replace highlighted text with your image name+your image extension like this (name.png or name.jpg).
Note: You can change all images by the same steps.
Note: Don't forget to change the alternate alt="iSWARS" with your new image name.

  1.          <div class="tab-thumb">
  2.              <img src="img/blog/latest-post1.jpg" class="img-responsive" alt="iSWARS">
  3.          </div>

Save the file and refresh your browser.

To edit links in 'Tag Cloud' Open the blog.html file using any text editor then look for the following code and replace highlighted text.
For Example: replace "#" with "http://www.example.com"

  1.          <div class="widget-content">
  2.             <a class="tag" href="#">Mobile</a>
  3.             <a class="tag" href="#">Web</a>
  4.             <a class="tag" href="#">Electronics</a>
  5.             <a class="tag" href="#">SEO</a>
  6.             <a class="tag" href="#">Business Story</a>
  7.             <a class="tag" href="#">Post Query</a>
  8.             <a class="tag" href="#">HTML5</a>
  9.             <a class="tag" href="#">CSS3</a>
  10.             <a class="tag" href="#">jQuery</a>
  11.             <a class="tag" href="#">Javascript</a>
  12.          </div>

Save the file and refresh your browser.

Single Post Page

To change Author Image in 'Single Post Page' put your image in 'img/blog' folder.
Then open the single-post.html file using any text editor.
Now look for the following code and replace highlighted text with your image name+your image extension like this (name.png or name.jpg).
Note: Don't forget to change the alternate alt="iSWARS" with your new image name.

  1.          <div class="post-author pull-left">
  2.              <img src="img/blog/avatar.png" alt="iSWARS">
  3.          </div>

Save the file and refresh your browser.

To edit the text in 'About Author Text' Open the single-post.html file using any text editor then look for the following code and replace highlighted text.

  1.          <!-- Start About Author -->
  2.          <div class="author-about clearfix">
  3.              <!-- Author Name -->
  4.              <h4>About Elizabeth T. Landa</h4>
  5.              <!-- Author Image -->
  6.              <div class="post-author pull-left">
  7.                  <img src="img/blog/avatar.png" alt="iSWARS">
  8.              </div>
  9.              <!-- Author Description -->
  10.              <div class="author-bio">
  11.                  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Beatae modi quisquam laboriosam, expedita ea natus tempora unde sed sequi velit, quia veniam libero quos sunt.</p>
  12.                  <h5>Follow The Author</h5>

Save the file and refresh your browser.

Thanks

Thank you for purchasing this theme. If you have any questions that are beyond the scope of this help file, please feel free to Contact Me. Thanks so much!