• Make sure to backup all your previous files.
• Check 'Change log' to know the new changes.
• The best way to update is to use a compare tool, like: Code Compare. And use it to compare the 'folders/files' (the version you're using with the new version).
• ***Updating HTML Templates Requires Manual Work.
• Replace 'custom.css' file or any other content from your backup.

• Open the file in a code editor.
• Find the comment 'Preloader'.
• Remove code block.

<!-- Preloader -->
<div class="preLoader"></div>

Make 2 copies of your image. One default image (Example: file.png) and another retina supported image (Example: file@2x.png) in the same directory.

Note: data-rjs="2" attribute is added in img tag. Which is how retina images work. So if you add new image tag, make sure to add data-rjs="2" to support retina display.

<img src="img/logo.png" data-rjs="2" alt="Site Logo">

Open the file in a code editor. Find and change the code.

<!-- Logo -->
<div class="logo">
    <a href="index.html">
        <img src="img/logo.png" data-rjs="2" alt="Site logo">
    </a>
</div>

Open '.html' file. (For Example: 'index.html')

Find the comment 'Start Header Menu'

Open '.html' file. (For Example: 'index.html')

Find the comment 'Start Hero Content'.

Open '.html' file. (For Example: 'index.html')

Find the Link 'https://www.youtube.com/watch?v=ctvlUvN6wSE'.

Now Change it with yours.

Open '.html' file. (For Example: 'index.html')

Find 'data-bg-img="*'.

Then choose yours.

Open '.html' file. (For Example: 'index.html')

Find the comment 'Start Single Plan'.

Open '.html' file. (For Example: 'index.html')

Find the comment 'Start Single Plan Item '.

Open '.html' file. (For Example: 'index.html')

Find the comment 'Start Single Testimonial'

Open '.html' file. (For Example: 'index.html')

Find the comment 'Start Single Brand'                   

Open '.html' file. (For Example: 'index.html')

Find the comment 'Start Single Blog'.

Now Change it with yours.

Open 'about.html' file.

Find the comment 'Start Counter Area'

Open 'about.html' file.

Find the comment 'Start Single Team'

Open '.html' file. (For Example: 'donmain.html')

Find the comment 'Start Single FAQ'

Open the file 'Index.html' in a code editor. Find Subscription area and change the action code.

Open '.html' file. (For Example: 'index.html')

Find the comment 'Start Social Icons'.

Now Replace the it with yours

Open '.html' file. (For Example: 'index.html')

Find the comment 'Start Copyright'.

Now Replace it ..

Open the file 'sendmail.php' in a code editor. Find and change the code.

// Settings
$settings = array(
  "name"      => "Admin",
  "email"     => "example@domain.com",
);

Open file in a text/code editor. Delete/update/add code.

<div data-animate="fadeInUp" data-delay=".5" data-duration=".5">

Description: 

• 4 animation type is available for data-animate attribute. They are: fadeInUp, fadeInDown, fadeInLeft, fadeInRight.
• Value for the data-delay and data-duration attributes can only be numeric and the value is in second.
• data-delay and data-duration attributes are optional.
  

Open the file '.HTML'.

data-owl-items="3" data-owl-autoplay= "true" data-owl-speed= "4000" data-owl-margin="30" data-owl-nav="true" data-owl-responsive='{"0": {"items": "1"}, "768": {"items": "3"}}'         
    

Note: Find the code for related slider. There are separate settings for every slider.

• 'loop' Set to true to enable continuous loop mode
• 'slidesPerView' Number of slides per view (slides visible at the same time on slider's container)
• 'spaceBetween' Distance between slides in px
• 'speed' Duration of transition between slides (in ms)
• 'autoplay - delay' Duration to change every slide (in ms)
• 'disableOnInteraction' Set to false and autoplay will not be disabled after user interactions (swipes), it will be restarted every time after interaction

Open 'contact.html' in a code/text editor. Find the comment 'map'.

Now Replace it what are you want