Enva - Creative Coming Soon Template

Enva - Creative Coming Soon Template

Updated: 08 July, 2018

Updated: 01 May, 2018

Updated: 19 Apr, 2018

Created: 17 Apr, 2018

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

Template Installation

  1. FTP Upload:
    • Open up your FTP manager and connect to your hosting
    • Browse to required directory (Normally public_html)
    • Upload the files inside enva-html folder.

Pages for both styles

  • index.html is for default design
  • index-line.html is for line style page
  • index-particles.html is for particles page
  • index-particles-2.html is for particles 2 page
  • index-rain.html is for rain page
  • index-slider.html is for slider page
  • index-snow.html is for snow page
  • index-sphere-particles.html is for sphere particles page
  • index-video-background.html is for video background page
  • index-waterpipe.html is for waterpipe page

Fonts and Icons

	<!-- Google Fonts
	============================================ -->
	 Raleway  - <link href='https://fonts.google.com/specimen/Raleway' rel='stylesheet' type='text/css'>
	
	<!-- Icons
	============================================ -->
	 Icofont  - <link href='http://icofont.com/' rel='stylesheet' type='text/css'>

Source File (CSS)

	
	<!-- All CSS Files -->

	<!-- Ico Font CSS
	============================================ -->
	<link rel="stylesheet" href="css/icofont.css">

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

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

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

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

Source File (JS)

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

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

	<!-- Owl carousel JS
	============================================ -->
	<script src="js/owl.carousel.min.js"></script>

	<!-- Zepto JS
	============================================ -->
	<script src="js/zepto.min.js"></script>

	<!-- Constellation JS
	============================================ -->
	<script src="js/constellation.min.js"></script>

	<!-- Stars JS
	============================================ -->
	<script src="js/stars.js"></script>

	<!-- DEVICE JS
	============================================ -->
	<script src="js/device.min.js"></script>

	<!-- YTPlayer JS
	============================================ -->
	<script src="js/jquery.mb.YTPlayer.min.js"></script>

	<!-- jQuery Easing JS
	============================================ -->
	<script src="js/jquery.easing.1.3.js"></script>

	<!-- Waterpipe JS
	============================================ -->
	<script src="js/waterpipe.js"></script>

	<!-- Sphere Particles JS
	============================================ -->
	<script src="js/sphere-particles.js"></script>

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

Customization

How to Change Date-Time

How to Change Logo

Customize count-down boxes

Open scripts.js from js folder. You will see the code that you will be need to customize count-down boxes. It's supper easy!

Examples of count-down box customization

Contact Form customization

Thanks

Once again thank you for purchasing one of our Templates

Best Regards

ENVALAB TEAM