Nile - Personal Portfolio HTML5 Template

Welcome To Nile Theme

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

Nile is a Modern HTML5 portfolio & resume Template. Nile is 100% responsive. This template is best suitable for Portfolio / vCard / CV / Resume template designed for creative designers, developers, freelancers, photographer or pretty much any profession around the world 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 6 Theme.
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.

Top Header Section

To edit the text in 'Top Header Section' Open the index.html file using any text editor. We recommend Sublime Text.
then look for the following code and replace highlighted text.

  1.      <div class="col-sm-4 bar-info"><i class="fa fa-phone"></i>+415-347-7562</div>
  2.      <div class="col-sm-4 text-header">I am available for freelance projects.</div>

Save the file and refresh your browser.

To change links of social icons in 'Top Header 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.      <div class="social-links col-sm-4">
  2.           <a href="#"><i class="fa fa-facebook"></i></a>
  3.           <a href="#"><i class="fa fa-twitter"></i></a>
  4.           <a href="#"><i class="fa fa-google-plus"></i></a>
  5.           <a href="#"><i class="fa fa-pinterest"></i></a>
  6.      </div>

Save the file and refresh your browser.

To change the image in 'Header Section' put your image in 'img' folder. (Preferably large)
Then open the css/style.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. #home {
  2.     background: url('../img/home-bg.jpeg') no-repeat center center fixed;
  3.     -webkit-background-size: cover;
  4.     -moz-background-size: cover;
  5.     -o-background-size: cover;
  6.     background-size: cover;
  7. }

Save the file and refresh your browser.

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

  1.     <div class="center-align home-content text-center">
  2.         <h1 class="home-title">HI! I'm <span>John Doe</span></h1>
  3.         <h2 class="home-subtitle">Front-End Developer from Texas, America</h2>
  4.         <a href="#contact" class="hire-me-btn btn btn-hire">Hire Me</a>
  5.     </div>

Save the file and refresh your browser.

About Me Section

To change links of social icons in 'About Me 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 Social Links -->
  2.     <div class="social text-center">
  3.         <a href="#"><i class="fa fa-facebook"></i></a>
  4.         <a href="#"><i class="fa fa-twitter"></i></a>
  5.         <a href="#"><i class="fa fa-google-plus"></i></a>
  6.         <a href="#"><i class="fa fa-pinterest"></i></a>
  7.         <a href="#"><i class="fa fa-instagram"></i></a>
  8.     </div>
  9.     <!-- End Social Links -->

Save the file and refresh your browser.

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

  1.     <div class="text-center">
  2.         <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ea labore tenetur eaque.....</p>

Save the file and refresh your browser.

To change the image in 'About Me Section' put your image (recommended size 300px * 415px) 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="John Doe" with your new image name.

  1.       <a href="#" class="tilter tilter--1">
  2.             <div class="tilter__figure">
  3.                   <img class="tilter__image" src="img/john-doe.jpg" alt="John Doe" />

Save the file and refresh your browser.

To edit the Information On image in 'About Me Section' Open the index.html file using any text editor then look for the following code and replace highlighted text.

  1.     <div class="tilter__caption">
  2.         <h3 class="tilter__title">John Doe</h3>
  3.         <p class="tilter__description">Senior Frontend Developer</p>
  4.     </div>

Save the file and refresh your browser.

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

  1.     <div class="information">
  2.         <p><i class="fa fa-user"></i><span>Full Name :</span> John Doe</p>
  3.         <p><i class="fa fa-calendar"></i><span>Birthday :</span> 20 September 1992</p>
  4.         <p><i class="fa fa-map-marker"></i><span>Address :</span> Table Rock, TE, USA</p>
  5.         <p><i class="fa fa-phone"></i><span>Phone :</span> +415-347-7562</p>
  6.         <p><i class="fa fa-envelope"></i><span>E-Mail :</span> Support@example.com</p>
  7.         <p><i class="fa fa-flag"></i><span>Nationality :</span> American</p>
  8.     </div>

Save the file and refresh your browser.
To change icons in 'About Me Section' Visit This Page to get more icons.

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

  1.                         <div class="hoobies-content text-center">
  2.                             <div class="row">
  3.                                 <!-- Start Single Hobbie -->
  4.                                 <div class="col-sm-4 col-xs-6">
  5.                                     <div class="single-hobbie">
  6.                                         <div class="single-hobbie-content">
  7.                                             <i class="fa fa-film"></i>
  8.                                             <h4>Movie</h4>
  9.                                         </div>
  10.                                     </div>
  11.                                 </div>
  12.                                 <!-- End Single Hobbie -->
  13.                                 <!-- Start Single Hobbie -->
  14.                                 <div class="col-sm-4 col-xs-6">
  15.                                     <div class="single-hobbie">
  16.                                         <div class="single-hobbie-content">
  17.                                             <i class="fa fa-plane"></i>
  18.                                             <h4>Travel</h4>
  19.                                         </div>
  20.                                     </div>
  21.                                 </div>
  22.                                 <!-- End Single Hobbie -->
  23.                                 <!-- Start Single Hobbie -->
  24.                                 <div class="col-sm-4 col-xs-6">
  25.                                     <div class="single-hobbie">
  26.                                         <div class="single-hobbie-content">
  27.                                             <i class="fa fa-music"></i>
  28.                                             <h4>Music</h4>
  29.                                         </div>
  30.                                     </div>
  31.                                 </div>
  32.                                 <!-- End Single Hobbie -->
  33.                                 <!-- Start Single Hobbie -->
  34.                                 <div class="col-sm-4 col-xs-6">
  35.                                     <div class="single-hobbie">
  36.                                         <div class="single-hobbie-content">
  37.                                             <i class="fa fa-car"></i>
  38.                                             <h4>Driving</h4>
  39.                                         </div>
  40.                                     </div>
  41.                                 </div>
  42.                                 <!-- End Single Hobbie -->
  43.                                 <!-- Start Single Hobbie -->
  44.                                 <div class="col-sm-4 col-xs-6">
  45.                                     <div class="single-hobbie">
  46.                                         <div class="single-hobbie-content">
  47.                                             <i class="fa fa-book"></i>
  48.                                             <h4>Reading</h4>
  49.                                         </div>
  50.                                     </div>
  51.                                 </div>
  52.                                 <!-- End Single Hobbie -->
  53.                                 <!-- Start Single Hobbie -->
  54.                                 <div class="col-sm-4 col-xs-6">
  55.                                     <div class="single-hobbie">
  56.                                         <div class="single-hobbie-content">
  57.                                             <i class="fa fa-gamepad"></i>
  58.                                             <h4>Game</h4>
  59.                                         </div>
  60.                                     </div>
  61.                                 </div>
  62.                                 <!-- End Single Hobbie -->
  63.                             </div>
  64.                         </div>

Save the file and refresh your browser.
To change Hobbie icons in 'About Me Section' Visit This Page to get more icons.

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

  1.                         <div id="serv" class="owl-carousel owl-theme">
  2.                             <!-- Start Single Service -->
  3.                             <div class="single-service">
  4.                                 <h3>I Offer</h3>
  5.                                 <div class="service-icon">
  6.                                     <i class="fa fa-lightbulb-o"></i>
  7.                                 </div>
  8.                                 <div class="service-content">
  9.                                     <h4>Creative Ideas</h4>
  10.                                     <p>
  11.                                         Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam finibus, velit nec luctus.
  12.                                     </p>
  13.                                 </div>
  14.                             </div>
  15.                             <!-- End Single Service -->
  16.                             <!-- Start Single Service -->
  17.                             <div class="single-service">
  18.                                 <h3>I Offer</h3>
  19.                                 <div class="service-icon">
  20.                                     <i class="fa fa-desktop"></i>
  21.                                 </div>
  22.                                 <div class="service-content">
  23.                                     <h4>Fully Responsive</h4>
  24.                                     <p>
  25.                                         Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam finibus, velit nec luctus.
  26.                                     </p>
  27.                                 </div>
  28.                             </div>
  29.                             <!-- End Single Service -->
  30.                             <!-- Start Single Service -->
  31.                             <div class="single-service">
  32.                                 <h3>I Offer</h3>
  33.                                 <div class="service-icon">
  34.                                     <i class="fa fa-code"></i>
  35.                                 </div>
  36.                                 <div class="service-content">
  37.                                     <h4>Clean Code</h4>
  38.                                     <p>
  39.                                         Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam finibus, velit nec luctus.
  40.                                     </p>
  41.                                 </div>
  42.                             </div>
  43.                             <!-- End Single Service -->
  44.                             <!-- Start Single Service -->
  45.                             <div class="single-service">
  46.                                 <h3>I Offer</h3>
  47.                                 <div class="service-icon">
  48.                                     <i class="fa fa-rocket"></i>
  49.                                 </div>
  50.                                 <div class="service-content">
  51.                                     <h4>Fast Loading</h4>
  52.                                     <p>
  53.                                         Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam finibus, velit nec luctus.
  54.                                     </p>
  55.                                 </div>
  56.                             </div>
  57.                             <!-- End Single Service -->
  58.                             <!-- Start Single Service -->
  59.                             <div class="single-service">
  60.                                 <h3>I Offer</h3>
  61.                                 <div class="service-icon">
  62.                                     <i class="fa fa-globe"></i>
  63.                                 </div>
  64.                                 <div class="service-content">
  65.                                     <h4>Web Development</h4>
  66.                                     <p>
  67.                                         Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam finibus, velit nec luctus.
  68.                                     </p>
  69.                                 </div>
  70.                             </div>
  71.                             <!-- End Single Service -->
  72.                         </div>

Save the file and refresh your browser.
To change Service icons in 'About Me Section' Visit This Page to get more icons.

Skills Section

To change skill value and text 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.                 <!-- Start Single Skill -->
  2.                 <div class="col-md-3 col-sm-6 col-xs-12">
  3.                     <div class="skill-chart text-center">
  4.                         <span class="chart" data-percent="80">
  5.                                 <span class="percent"></span>
  6.                         </span>
  7.                         <h3>HTML & CSS</h3>
  8.                     </div>
  9.                 </div>
  10.                 <!-- End Single Skill -->
  11.                 <!-- Start Single Skill -->
  12.                 <div class="col-md-3 col-sm-6 col-xs-12">
  13.                     <div class="skill-chart text-center">
  14.                         <span class="chart" data-percent="90">
  15.                                 <span class="percent"></span>
  16.                         </span>
  17.                         <h3>Wordpress</h3>
  18.                     </div>
  19.                 </div>
  20.                 <!-- End Single Skill -->
  21.                 <!-- Start Single Skill -->
  22.                 <div class="col-md-3 col-sm-6 col-xs-12">
  23.                     <div class="skill-chart text-center">
  24.                         <span class="chart" data-percent="85">
  25.                                 <span class="percent"></span>
  26.                         </span>
  27.                         <h3>PHP</h3>
  28.                     </div>
  29.                 </div>
  30.                 <!-- End Single Skill -->
  31.                 <!-- Start Single Skill -->
  32.                 <div class="col-md-3 col-sm-6 col-xs-12">
  33.                     <div class="skill-chart resp-skill text-center">
  34.                         <span class="chart" data-percent="70">
  35.                                 <span class="percent"></span>
  36.                         </span>
  37.                         <h3>Bootstrap</h3>
  38.                     </div>
  39.                 </div>
  40.                 <!-- End Single Skill -->

Save the file and refresh your browser.

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="Single Template" with your new image name.

  1.                     <div class="box">
  2.                         <img src="img/portfolio/temp1.jpg" alt="Single Template">
  3.                         <div class="box-content">
  4.                             <h3 class="title">Project Name</h3>
  5.                             <ul class="icon">
  6.                                 <li><a title="My Portfolio" class="portfolio-lightbox" href="img/portfolio/temp1.jpg"><i class="fa fa-search"></i></a></li>
  7.                                 <li><a href="#"><i class="fa fa-link"></i></a></li>
  8.                             </ul>
  9.                         </div>
  10.                     </div>

Save the file and refresh your browser.

To change image title 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.
Note: You can change all Image Title by the same steps.

  1.                     <div class="box">
  2.                         <img src="img/portfolio/temp1.jpg" alt="Single Template">
  3.                         <div class="box-content">
  4.                             <h3 class="title">Project Name</h3>
  5.                             <ul class="icon">
  6.                                 <li><a title="My Portfolio" class="portfolio-lightbox" href="img/portfolio/temp1.jpg"><i class="fa fa-search"></i></a></li>
  7.                                 <li><a href="#"><i class="fa fa-link"></i></a></li>
  8.                             </ul>
  9.                         </div>
  10.                     </div>

Save the file and refresh your browser.

Resume Section

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

  1.             <!-- Start Timeline -->
  2.             <ul class="timeline">
  3.                 <!-- Start Single Item -->
  4.                 <li>
  5.                     <div class="direction-r">
  6.                         <div class="flag-wrapper">
  7.                             <span class="flag">Freelancer</span>
  8.                             <span class="time-wrapper"><span class="time">2017 - Present</span></span>
  9.                         </div>
  10.                         <div class="desc">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eligendi praesentium esse adipisicing elit.</div>
  11.                     </div>
  12.                 </li>
  13.                 <!-- End Single Item -->
  14.                 <!-- Start Single Item -->
  15.                 <li>
  16.                     <div class="direction-l">
  17.                         <div class="flag-wrapper">
  18.                             <span class="flag">Company Name</span>
  19.                             <span class="time-wrapper"><span class="time">2014 - 2017</span></span>
  20.                         </div>
  21.                         <div class="desc">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eligendi praesentium esse adipisicing elit.</div>
  22.                     </div>
  23.                 </li>
  24.                 <!-- End Single Item -->
  25.                 <!-- Start Single Item -->
  26.                 <li>
  27.                     <div class="direction-r">
  28.                         <div class="flag-wrapper">
  29.                             <span class="flag">Freelancer</span>
  30.                             <span class="time-wrapper"><span class="time">2013 - 2014</span></span>
  31.                         </div>
  32.                         <div class="desc">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eligendi praesentium esse adipisicing elit.</div>
  33.                     </div>
  34.                 </li>
  35.                 <!-- End Single Item -->
  36.                 <!-- Start Single Item -->
  37.                 <li>
  38.                     <div class="direction-l">
  39.                         <div class="flag-wrapper">
  40.                             <span class="flag">Web Developer</span>
  41.                             <span class="time-wrapper"><span class="time">2012 - 2013</span></span>
  42.                         </div>
  43.                         <div class="desc">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eligendi praesentium esse adipisicing elit.</div>
  44.                     </div>
  45.                 </li>
  46.                 <!-- End Single Item -->
  47.                 <!-- Start Single Item -->
  48.                 <li>
  49.                     <div class="direction-r">
  50.                         <div class="flag-wrapper">
  51.                             <span class="flag">Front-End Developer</span>
  52.                             <span class="time-wrapper"><span class="time">2011 - 2012</span></span>
  53.                         </div>
  54.                         <div class="desc">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eligendi praesentium esse adipisicing elit.</div>
  55.                     </div>
  56.                 </li>
  57.                 <!-- End Single Item -->
  58.                 <!-- Start Single Item -->
  59.                 <li>
  60.                     <div class="direction-l">
  61.                         <div class="flag-wrapper">
  62.                             <span class="flag">Harvard University</span>
  63.                             <span class="time-wrapper"><span class="time">2008 - 2011</span></span>
  64.                         </div>
  65.                         <div class="desc">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eligendi praesentium esse adipisicing elit.</div>
  66.                     </div>
  67.                 </li>
  68.                 <!-- End Single Item -->
  69.             </ul>
  70.             <!-- End Timeline -->

Save the file and refresh your browser.

Testimonial Section

To change images in 'Testimonial Section' put your image in 'img/testimonial' 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="Client" with your new image name.

  1.                     <div id="testimonial-slider" class="owl-carousel">
  2.                         <!-- Start Single Testimonial -->
  3.                         <div class="testimonial">
  4.                             <div class="pic">
  5.                                 <img src="img/testimonial/01.jpg" alt="Client">
  6.                             </div>
  7.                             <p class="description">
  8.                                 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed malesuada vulputate nisi in fermentum. Vivamus ac libero quis nisi auctor pulvinar. Aenean sit amet lectus posuere, mattis massa eget, ullamcorper diam
  9.                             </p>
  10.                             <h3 class="title">Joe P. Linton</h3>
  11.                             <p class="post">Web Developer</p>
  12.                         </div>
  13.                         <!-- End Single Testimonial -->
  14.                         <!-- Start Single Testimonial -->
  15.                         <div class="testimonial">
  16.                             <div class="pic">
  17.                                 <img src="img/testimonial/01.jpg" alt="Client">
  18.                             </div>
  19.                             <p class="description">
  20.                                 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed malesuada vulputate nisi in fermentum. Vivamus ac libero quis nisi auctor pulvinar. Aenean sit amet lectus posuere, mattis massa eget, ullamcorper diam
  21.                             </p>
  22.                             <h3 class="title">Camille K. Judge</h3>
  23.                             <p class="post">Web Designer</p>
  24.                         </div>
  25.                         <!-- End Single Testimonial -->
  26.                         <!-- Start Single Testimonial -->
  27.                         <div class="testimonial">
  28.                             <div class="pic">
  29.                                 <img src="img/testimonial/01.jpg" alt="Client">
  30.                             </div>
  31.                             <p class="description">
  32.                                 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed malesuada vulputate nisi in fermentum. Vivamus ac libero quis nisi auctor pulvinar. Aenean sit amet lectus posuere, mattis massa eget, ullamcorper diam
  33.                             </p>
  34.                             <h3 class="title">Christopher E. Sievert</h3>
  35.                             <p class="post">Web Designer</p>
  36.                         </div>
  37.                         <!-- End Single Testimonial -->
  38.                     </div>
  39.                     <!-- End #testimonial-slider -->

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.

  1.                     <div id="testimonial-slider" class="owl-carousel">
  2.                         <!-- Start Single Testimonial -->
  3.                         <div class="testimonial">
  4.                             <div class="pic">
  5.                                 <img src="img/testimonial/01.jpg" alt="Client">
  6.                             </div>
  7.                             <p class="description">
  8.                                 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed malesuada vulputate nisi in fermentum. Vivamus ac libero quis nisi auctor pulvinar. Aenean sit amet lectus posuere, mattis massa eget, ullamcorper diam
  9.                             </p>
  10.                             <h3 class="title">Joe P. Linton</h3>
  11.                             <p class="post">Web Developer</p>
  12.                         </div>
  13.                         <!-- End Single Testimonial -->
  14.                         <!-- Start Single Testimonial -->
  15.                         <div class="testimonial">
  16.                             <div class="pic">
  17.                                 <img src="img/testimonial/01.jpg" alt="Client">
  18.                             </div>
  19.                             <p class="description">
  20.                                 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed malesuada vulputate nisi in fermentum. Vivamus ac libero quis nisi auctor pulvinar. Aenean sit amet lectus posuere, mattis massa eget, ullamcorper diam
  21.                             </p>
  22.                             <h3 class="title">Camille K. Judge</h3>
  23.                             <p class="post">Web Designer</p>
  24.                         </div>
  25.                         <!-- End Single Testimonial -->
  26.                         <!-- Start Single Testimonial -->
  27.                         <div class="testimonial">
  28.                             <div class="pic">
  29.                                 <img src="img/testimonial/01.jpg" alt="Client">
  30.                             </div>
  31.                             <p class="description">
  32.                                 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed malesuada vulputate nisi in fermentum. Vivamus ac libero quis nisi auctor pulvinar. Aenean sit amet lectus posuere, mattis massa eget, ullamcorper diam
  33.                             </p>
  34.                             <h3 class="title">Christopher E. Sievert</h3>
  35.                             <p class="post">Web Designer</p>
  36.                         </div>
  37.                         <!-- End Single Testimonial -->
  38.                     </div>
  39.                     <!-- End #testimonial-slider -->

Save the file and refresh your browser.

Contact Section

To change background image in 'Contact Section' put your image in 'img' folder. (Preferably large)
Then open the css/style.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. #contact {
  2.     background: url(../img/contact-us.jpeg) no-repeat center center fixed;
  3.     -webkit-background-size: cover;
  4.     -moz-background-size: cover;
  5.     -o-background-size: cover;
  6.     background-size: cover;
  7. }

Save the file and refresh your browser.

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 Location

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.     function initialize() {
  2.         var mapOptions = {
  3.             zoom: 15,
  4.             scrollwheel: false,
  5.             center: new google.maps.LatLng(30.59649232.271459)
  6.         };
  7.         var map = new google.maps.Map(document.getElementById('googleMap'),
  8.             mapOptions);
  9.         var marker = new google.maps.Marker({
  10.             position: map.getCenter(),
  11.             animation: google.maps.Animation.BOUNCE,
  12.             icon: 'http://store4.up-00.com/2017-06/149867026989191.png',
  13.             map: map         });
  14.     }
  15.     google.maps.event.addDomListener(window, 'load', initialize);

Save the file and refresh your browser.

To get Latitude & Longitude please visit This Page.

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='preloader'>
  3.             <span></span>
  4.             <span></span>
  5.             <span></span>
  6.             <span></span>
  7.             <span></span>
  8.             <span></span>
  9.         </div>
  10.     </div>

Save the file and refresh your browser.

Thanks

Nile Theme

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!