-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
149 lines (116 loc) · 6.06 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
145
146
147
148
149
<!DOCTYPE html>
<html>
<head>
<title>Sook Apps</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui">
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="styles/normalize.css">
<link rel="stylesheet" href="styles/main.css">
<link rel="stylesheet" href="styles/site.css">
</head>
<body>
<div class="container">
<div class="header">
<div class='center'>
<div class="logo">
sOok
<div class="subtitle">apps</div>
</div>
<ul class="menu">
<li><a href="#services">Services</a></li>
<li><a href="#contact">Contact us</a></li>
</ul>
</div>
</div>
<div class='section-1'>
<div class="center">
<div class="text">
Our Dev Team <br>
is Behind <span>The Most Successful</span> <br>
Apps on The Market.
</div>
<!-- <div class="iphone"></div> -->
</div>
</div>
<div class='section-2'>
<div class="center" id='services'>
<h1>Services</h1>
<div class="second-text">We have your mobile app needs covered.</div>
<ul>
<li>
<div class="service-title service-1">Mobile Strategy</div>
<div class="service-description">
<p>We study your idea and create a plan of action to make it fit in the mobile world. Users demand an app to be easy and beautiful. Your user reviews matter, and we want them to be good!</p>
</div>
</li>
<li>
<div class="service-title service-2">iPhone and Android Development</div>
<div class="service-description">
<p>Native development for iPhone/iPad and Android.</p>
<p>Improve existing apps: If you have an app and it’s not quite right. Don’t worry, we can get things back on track. Sook will be the last stop you’ll ever make for your development needs.</p>
</div>
</li>
<li>
<div class="service-title service-3">Consulting</div>
<div class="service-description">
<p>Do you need an API evaluated? Advice about what features to pitch to your client? If you are an agency looking to transition into mobile but don’t know where to start. We will help your team get going.</p>
</div>
</li>
</ul>
</div>
</div>
<div class='section-3' id="contact">
<div class="center">
<div class="half">
<h1>Contact Us</h1>
<p class="hide-mobile">Sook is not only made up of programmers. We are architects. We act as a technical partner to your company. There’s no need to seek out in-house developers when you have us!</p>
<p>Contact us to view our award winning portfolio or just to talk about soccer.</p>
</div>
<div class="half">
<form action="http://getsimpleform.com/messages?form_api_token=5a4959e3598a31a099bed76c0d373681" method="post">
<input type="text" placeholder="Your Name" name="name" required>
<input type="email" placeholder="Your Email" name="email" required>
<textarea rows="6" placeholder="Your proposal here" name="content" required></textarea>
<input type="submit" value="Send Us">
</form>
</div>
</div>
</div>
<div class='footer'>
Copyright © 2013 Sook Apps Inc. <br>
A mobile app development company from San Diego.
</div>
</div>
<script src="scripts/smooth-scroll.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<script>
$(function() {
$('form').on('submit', function (event) {
var name = $('input[name="name"]').val();
var email = $('input[name="email"]').val();
var message = $('textarea[name="content"]').val();
if (name == "" || email == "" || message == "") {
alert('All the fields are required.');
event.preventDefault();
return false;
}
$.ajax({
dataType: 'jsonp',
url: "http://getsimpleform.com/messages/ajax?form_api_token=5a4959e3598a31a099bed76c0d373681",
data: {
name: name,
email: $('input[name="email"]').val(),
message: $('textarea[name="content"]').val()
}
}).done(function() {
$('textarea[name="content"]').val('');
alert("Thank you "+name+", for contacting us");
});
return false;
});
});
</script>
</body>
</html>