Shipo – App, Software & SAAS Landing HTML5 Template

Created: 20 May, 2019

Updated: 04 August, 2019

24/7 Support: Send us a message

Thank you for purchasing my template. If you have any questions that are beyond the scope of this help file, please feel free to email us

  1. FTP Upload:
    • Open up your FTP manager and connect to your hosting
    • Browse to required directory (Normally public_html)
    • Upload the files inside shipo folder.
	<!-- Google Fonts
	============================================ -->
	 Poppins  - <link href='https://fonts.google.com/specimen/Poppins' rel='stylesheet' type='text/css'>
	 Rubik  - <link href='https://fonts.google.com/specimen/Rubik' rel='stylesheet' type='text/css'>
		
	
	<!-- ===========  All Stylesheet  ================= -->

	<!-- fontawesome css plugins 
	============================================ -->
	<link rel="stylesheet" href="assets/css/font-awesome.min.css">

	<!-- animate CSS
	============================================ -->
	<link rel="stylesheet" href="assets/css/animate.css">

	<!-- magnific-popup CSS
	============================================ -->
	<link rel="stylesheet" href="assets/css/magnific-popup.css">
	
	<!-- Owl Carousel CSS
	============================================ -->
	<link rel="stylesheet" href="assets/css/owl.carousel.min.css">

        <!-- Owl Carousel CSS
        ============================================ -->
        <link rel="stylesheet" href="assets/css/owl.theme.css">

	<!-- Bootstrap CSS
	============================================ -->
	<link href="assets/css/bootstrap.min.css" rel="stylesheet">

	<!-- Style CSS
	============================================ -->
	<link rel="stylesheet" href="style.css">

	<!-- Responsive CSS
	============================================ -->
	<link rel="stylesheet" href="assets/css/responsive.css">

		<!-- All JS Plugins -->
		
		<!-- jQuery
		============================================ -->
		<script src="assets/js/jquery-1.12.4.min.js"></script>

		<!-- Bootstrap
		============================================ -->
		<script src="assets/js/bootstrap.min.js"></script>

		<!-- Others jQuery Plugins
		============================================ -->
		<script src="assets/js/jquery.easing.1.3.js"></script>
		<script src="assets/js/popper.min.js"></script>
		<script src="assets/js/isotope.pkgd.min.js"></script>
		<script src="assets/js/imageload.min.js"></script>
		<script src="assets/js/scrollUp.min.js"></script>
		<script src="assets/js/owl.carousel.min.js"></script>
		<script src="assets/js/magnific-popup.min.js"></script>
		<script src="assets/js/waypoint.js"></script>
		<script src="assets/js/counterup.min.js"></script>
		<script src="assets/js/wow.min.js"></script>
		<script src="assets/js/equalheights.min.js"></script>
		<script src="assets/js/ajax-mail.js"></script>
		<script src="assets/js/sticky.js"></script>

		<!-- Main JS
		============================================ -->
		<script src="assets/js/main.js"></script>
	

Template 3 Color Code

How to Change Logo

How to Change Favicon

How to Change Add Page Titile Background & Breadcrumb

How to Change Section Title

How to Change Hero - 1 Content

How to Change Hero - 2 Content

How to Change Hero - 3 Content

How to Change Howq it works

How to Change Social Links

How to Change Price Table

How to Change Count Up

How to Change Client Feedback

How to Change Mail with Your Email Address (mail.php)

How to Change Single Blog - Blog

How to Change Sidebar - Blog

How to Change Copyright

CSS Structure

I'm using One CSS files in this theme. You change the CSS Code of style.css file


=================================
|***  Table of contents:   ***|
=================================

1.GENERAL STYLES
2.TYPOGRAPHY 
3.PRELOADER
4.Menu  and sticky menu responsive menu
5.Hero section - theme one
6.Count up
7.About us
8.Features area
9.How to it's work 
10.Our team member 
11.Pricing plan
12.Download section 
13.Testimonial section - theme one 
14.Footer section - theme one
15.Contact form style - theme one 
16.Hero Section Two - Index-2
17.Counter Section Two - Index-2
18.Subscribe Section
19.App about Section
20.Why we best Section
21.Contact form two 
22.Testimonial Theme Two
23.Features Theme Two
24.Pricing Theme Two
25.Footer Theme Two
26.About Theme Two
27.Get Ready
28.Hero Section - Theme Three 
29.SaaS featured Section 
30.Software about
31.Service section - Theme three
32.Fun fact - Theme three 
33.Pricing  Plane - Theme three
34.Video and download section
35.Saas testimonial section
36.Saas footer section - Theme Three
37.Saas Social link - Theme Three 
38.Blog - style
39.Error 404 page 

	

If you would like to edit a specific section of the site, simply find the appropriate label in the CSS file, and then scroll down until you find the appropriate style that needs to be edited.

Change the Hero Section CSS - find and change it on style.css

	
.hero_one_wrapper {
    height: 950px;
    position: relative;
    z-index: 1;
}

Change section padding CSS - find and change it on style.css

  .section-padding {
  padding: 130px 0px;
  position: relative;
  z-index: 2;
}

JavaScript Customization


Change Fun fact - count up init Section with your's

	
	 /*==========================
       Count up init
    ============================*/
    $('.single-countup span, .single-counter-two span, .single-funfact-item span').counterUp({
        delay: 20,
        time: 2000
    });


		

Change The Team Carosuel with your's choice

	
    /*==================================================
     # Team Carousel - theme two
     ===============================================*/
    $('.team-carousel').owlCarousel({
        autoplay: true,
        loop: true,
        margin: 30,
        nav: false,
        dots: true,
        responsive: {
            0: {
                items: 1
            },
            600: {
                items: 2
            },
            1000: {
                items: 3
            }
        }
    });

		

Credits And Sources

Once again thank you for purchasing one of our Templates

Best Regards

modinatheme

ModinaTheme