Pogody - Responsive Coming Soon Template

Available in 6 Classic Versions

By: theme-nerds
Support: themenerds@gmail.com

Thank you for purchasing our theme. If you have any questions that aren’t covered in this article, please mail us at themenerds@gmail.com

Welcome to Pogody! A Modern, Creative, Professional and Responsive HTML5 Coming Soon Template! This template comes with 6 different background styles – Kenburn Image, Parallax Image, 3d Clouds, Animated Gradient, Constellation and Background Slideshow. It is driven by modern technologies like Angular JS, HTML5, CSS3 and Boostrap Sass. It is well documented and easy customizable. Surprise your audience with Special Typewriter Text Effect and Angular JS Forms. It is fully functional providing Mailchimp Subscription Form & Ajax Contact Form. If you’re looking for something modern & trendy, Pogody is surely the top choice.

FEATURES

Kenburns Image Background
Parallax Image Background
3d Clouds Background
Animated Gradient Background
Constellation Background
Background Slideshow with Kenburns
Typewriter Text Effect
Owl Slider
Angular JS & Bootstrap SASS
CSS3 and JQuery Animations
Working Contact Form
Working Mailchimp Subscription Form
Google Webfonts
Fontawesome Icons
Responsive Layout
W3C HTML Valid code
Multi-Browser Support
Well Documented

Files

All site files are divided into following folders.

css folder - Contains css files
scss folder - Contains sass file
js folder - Contains Javascript files
img folder - Contains all images
phpmailer folder - Contains all Contact Form related files.
lib folder - Contains mailchimp.php file
fonts folder - Contains "Font-Awesome" fonts plugin

For more details please go through 'Read Me' text file present inside root directory.

Typewriter Text

The Text of the Typing Effect for Title Tag (Title keeps changing) is added directly from the below css code [ style.css ].

					Pogody I Responsive Coming Soon Template

js is present inside the js/init.js folder.

					/*Typed js for title tag*/
					$("#title").typed({
						strings: ["Hello..!", "Welcome..!", "Enjoy..!"],
						typeSpeed: 300,
						backDelay: 900,
						loop: true,
						cursorChar: "|",
						contentType: 'html', // or text
						// defaults to false for infinite loop
						loopCount: false
					});

Typewriter Text Effect for the Main Heading of index page.

The text for this typewriter effect can be changed through JQuery Code. This js code is present inside the js/init.js folder.

					/*Typed js*/
					$("#typed").typed({
						strings: [" Back Soon", " Stay Tuned", " Almost There"],
						typeSpeed: 100,
						backDelay: 900,
						loop: true,
						cursorChar: "|",
						contentType: 'html', // or text
						// defaults to false for infinite loop
						loopCount: false
					});

Notify - Subscription Form

Notify content can be changed from the code below. Code is present inside index.html

js is present inside the js/init.js folder.

				/***** Subscribe JS start *****/
				$("#notifyMe").notifyMe(); 
				/***** Subscribe JS end*****/

php is present inside the lib/MailChimp.php folder.

php code is present inside the notify-me.php file

				// Set to "mailchimp" to store contacts in MailChimp or "file" to store in a file.
				$STORE_MODE = "mailchimp";

				// Your MailChimp API Key
				$API_KEY =  "43834c78a4b00ffc1aa4052809c06889-us11";

				// Your MailChimp List ID
				$LIST_ID =  "e6d9b98ecd";

Contact Form

Contact content can be changed from the code below. Code is present inside index.html

					
					
						
							
								
								
									Hello..
									
										
											
												
													
													
													
											
											
												
													
													
													
											
											
												
													
													
													
											
											
												
													
												
											
										
										{{ resultMessage }}
									
									
										
										350 fifth avenue,34 floor
New York NY10118-3299 USA
										
										
											+95(478)831-5970
										
										
										
											+95(478)831-5970
										
										
										
											hello@theme-nerds.com
										
										
										
											get direction

php code is present inside the contact-form.php file

					//create an instance of PHPMailer
					$mail = new PHPMailer();

					$mail->From = $_POST['inputEmail'];
					$mail->FromName = $_POST['inputName'];
					$mail->AddAddress('themenerds@gmail.com'); //recipient 
					$mail->Subject = 'Enquiry from Dexter';
					$mail->Body = "Name: " . $_POST['inputName'] . "\r\n\r\nMessage: " . stripslashes($_POST['inputMessage']);

Counter

Counter content can be changed from the code below. Code is present inside index.html

js is present inside the js/init.js folder.

				/*Counter JS*/
				$('#countdown').countdown({
					date: '8/24/2015',
				});

Background Slider

Slider of index page.

...

Images can be changed from css/slider.css folder.

					.cb-slideshow li:nth-child(1) span { background-image: url(../img/mainbg.jpg) }
					.cb-slideshow li:nth-child(2) span {
						background-image: url(../img/mainbg1.jpg);
						-webkit-animation-delay: 6s;
						-moz-animation-delay: 6s;
						-o-animation-delay: 6s;
						-ms-animation-delay: 6s;
						animation-delay: 6s;
					}

Sources & Credits

Twitter Bootstrap framework
http://getbootstrap.com/

Fonts
http://www.google.com/fonts

Icons
Font-Awesome
http://fortawesome.github.io/Font-Awesome/

JQuery
http://jquery.com

Mailchimp
http://mailchimp.com/

Images
https://unsplash.com/
http://www.pexels.com/

Thanks

Once again, thank you so much for purchasing this theme.

If you have any questions that aren’t covered in this article, please feel free to contact us at themenerds@gmail.com

Don’t forget to rate this template, it helps us improve our products.