forked from ScoopThemes/coming-soon
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
144 lines (121 loc) · 6.15 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="title" content="ScoopThemes">
<meta name="ROBOTS" content="Bootstrap 3 Themes, Responsive Themes, Bootstrap 3 Responsive, Wordpress Themes, Clean Themes, Modern Themes, Flat Themes, Flat UI, UI Design, UX Design, Web design, responsive bootstrap, Jquery Plugins, Free Plugins, Premium Bootstrap themes, Bootstrap 3, Premium Web Templates, Bootstrap Templates, Bootstrap Responsive Templates, Admin, Dashboard, Admin Templates, Admin Responsive, Admin responsive themes">
<meta name="description" content="Solutions For Web Developers Form ( Web Templates, Web Themes, Jquery Plugins, UX Design.. ) Whatever They Need.">
<meta name="abstract" content="Solutions For Web Developers Form ( Web Templates, Web Themes, Jquery Plugins, UX Design.. ) Whatever They Need.">
<meta name="author" content="www.scoopthemes.com">
<meta name="publisher" content="www.scoopthemes.com">
<meta name="copyright" content="www.scoopthemes.com">
<meta name="revisit-after" content="2 days">
<link rel="shortcut icon" href="assets/img/favicon.png">
<title>Scoop Themes | Coming Soon Template</title>
<!-- Bootstrap -->
<link href="assets/css/bootstrap.css" rel="stylesheet">
<link href="assets/css/font-awesome.css" rel="stylesheet">
<link href="assets/css/bootstrap-theme.css" rel="stylesheet">
<link rel="stylesheet" href="assets/css/animations.css">
<!-- siimple style -->
<link href="assets/css/style.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="cloud floating">
<img src="assets/img/cloud.png" alt="Scoop Themes">
</div>
<div class="cloud pos1 fliped floating">
<img src="assets/img/cloud.png" alt="Scoop Themes">
</div>
<div class="cloud pos2 floating">
<img src="assets/img/cloud.png" alt="Scoop Themes">
</div>
<div class="cloud pos3 fliped floating">
<img src="assets/img/cloud.png" alt="Scoop Themes">
</div>
<div id="wrapper">
<div class="container">
<div class="row">
<div class="col-sm-12 col-md-12 col-lg-12">
<img src="assets/img/logo.png" alt="Scoop Themes Logo">
<br/>
<br/>
<h2 class="subtitle">We're working hard to launch our website and we'll be ready very soon</h2>
<br/>
<form class="form-inline validate signup" action="http://scoopthemes.us8.list-manage.com/subscribe/post-json?u=c535e62cabdc2bfeb87bff6de&id=d969b07f82&c=?" method="get" role="form">
<div class="form-group">
<input type="email" class="form-control" name="EMAIL" id="exampleInputEmail1" placeholder="Enter your email address">
</div>
<input type="submit" name="subscribe" value="Get notified!" class="btn btn-theme">
</form>
<br/>
</div>
<div class="col-sm-12 align-center">
<ul class="social-network social-circle">
<li><a href="#" class="icoFacebook" title="Facebook"><i class="fa fa-facebook"></i></a>
</li>
<li><a href="#" class="icoTwitter" title="Twitter"><i class="fa fa-twitter"></i></a>
</li>
<li><a href="#" class="icoGit" title="Github"><i class="fa fa-github"></i></a>
</li>
<li><a href="#" class="icoLinkedin" title="Linkedin"><i class="fa fa-linkedin"></i></a>
</li>
</ul>
</div>
</div>
<div class="row">
<div class="col-lg-6 col-lg-offset-3">
<p class="copyright">Copyright © 2014 - <a href="http://scoopthemes.com">ScoopThemes.com</a>
</p>
</div>
</div>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="http://downloads.mailchimp.com/js/jquery.form-n-validate.js"></script>
<script>
$(document).ready( function () {
$('#wrapper').height($(document).height());
// I only have one form on the page but you can be more specific if need be.
var $form = $('form');
if ( $form.length > 0 ) {
$('form input[type="submit"]').bind('click', function ( event ) {
if ( event ) event.preventDefault();
// validate_input() is a validation function I wrote, you'll have to substitute this with your own.
if ( $form.validate() ) { register($form); }
});
}
});
function appendResult(userText , className, iconClass){
var resultHTML = "<div class='stretchLeft result "+ className + "'>" + userText + " <span class='fa fa-" + iconClass + "'></span>" + "</div>";
$('body').append(resultHTML);
$('.result').delay(10000).fadeOut('1000');
}
function register($form) {
$.ajax({
type: $form.attr('method'),
url: $form.attr('action'),
data: $form.serialize(),
cache : false,
dataType : 'json',
contentType: "application/json; charset=utf-8",
error : function(err) { alert("Could not connect to the registration server. Please try again later."); },
success : function(data) {
if (data.result != "success") {
appendResult('Wrong Email Or You Are Already Registered, Try Again', 'error', 'exclamation');
} else {
// It worked, carry on...
appendResult('Successful, Check Your Email For Confirmation ', 'success', 'check');
}
}
});
}
</script>
</body>
</html>