-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·263 lines (240 loc) · 11.8 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
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
<head>
<!-- Basic Page Needs
================================================== -->
<meta charset="utf-8">
<title>plummy - turn code into fortune</title>
<meta name="description" content="">
<meta name="author" content="">
<meta name="google-site-verification" content="MVMaz9suvKUT-rlUKT2qggMF1ES5PuAMVZDl-pgjmfM" />
<!-- Mobile Specific Metas
================================================== -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- CSS
================================================== -->
<!-- font css-->
<link href='http://fonts.googleapis.com/css?family=Lato:300' rel='stylesheet' type='text/css'>
<!-- carousel css -->
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css">
<link href="assets/css/custom-carousel.css" rel="stylesheet">
<!-- Owl Carousel Assets -->
<link href="owl-carousel/owl.carousel.css" rel="stylesheet">
<link href="owl-carousel/owl.theme.css" rel="stylesheet">
<link href="owl-carousel/owl.transitions.css" rel="stylesheet">
<link href="assets/js/google-code-prettify/prettify.css" rel="stylesheet">
<!--skeleton Assets -->
<link rel="stylesheet" href="assets/css/base.css">
<link rel="stylesheet" href="assets/css/skeleton.css">
<link rel="stylesheet" href="assets/css/layout.css">
<link href="assets/css/custom.css" rel="stylesheet">
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- Favicons
================================================== -->
<link rel="shortcut icon" href="images/favicon.ico">
<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-48565138-1', 'plummy.web.id');
ga('send', 'pageview');
</script>
</head>
<body>
<!-- Primary Page Layout
================================================== -->
<div class="container">
<div id="logo" class="container">
<div class="five columns">
<img src="images/logox.png">
</div>
<div class="eleven columns"></div>
</div>
<div class="container">
<div class="eight columns">
<div class="seven columns">
<img src="images/laptop.gif">
</div>
</div>
<div class="eight columns">
<div class="page-header">
<h2> plummy <small>/ˈplʌm.i/</small></h2>
</div>
<p style= "text-align:left;">We believe everybody want a simple life and beautiful future. So here we are, a group of passionate people joining forces to make people's wonderful dreams come true by technology. Get up from your bed and talk to us. We will do our best to turn code into fortune.</p>
<p>Let's make a fortune like a sir! <small>*in plummy tones</small></p>
</div>
</div>
<div class="container">
<div class="sixteen columns">
<h1 style= "text-align:center;">Bring new things to the world</h1>
<h4 style= "text-align:center;">We continuously do experiment to help people and bring awesomeness for everyone.</h4>
</br> </br>
</div>
<div class="container">
<div class="eight columns" >
<img src="images/bee_newx.png">
</div>
<div class="eight columns">
<h3>BEE</h3>
<p>Music and mobile devices are two things that become part of daily life. What if people can collaborate to create a music with just their mobile device? Yeah that is Bee. Bee's concept has been pitched in front of Indigo Incubator 2014 judges and we can't say more than thank your for their feedbacks.</p>
<p>In the mean time, if you really want to know how Bee works, take a look the <a href="https://www.youtube.com/watch?v=GSxeVPzBld4" target="_blank">short video</a> about Bee. We can't wait to introduce Bee to everyone!</p>
</div>
</div>
<div class="container">
<div class="eight columns">
<h3>RHSYSTEM</h3>
<p>Going to doctors for most people means they must prepare to invest a lot of time. Checking the doctor's schedule, finding out the place where the doctor practice is, make an appointment, waiting and waiting for our turn on the queue, and We believe you got more than that on your list!</p>
<p>Imagine when we can do all of that tasks by just sitting on our most comfortable chair and then go to the doctor without waiting for the queue. We are in our way to make that dream comes true. Revolutionized the doctor appointment reservation system to become much simpler, faster, and definitely saving your precious time. This is what makes us busy right now, to have a Revolutionary Health System comes true. </p>
</div>
<div class="eight columns" >
<img src="images/RHSystemx.png">
</div>
</div>
</div>
<div class="container">
<div class="sixteen columns">
<h1 style= "text-align:center"> Help others to create fortune </h1>
<h4 style= "text-align:center">We offer services to build websites, information systems, and mobile apps. We always do our best to deliver something that will solve your problems. </h4>
</br>
</div>
<div class="four columns">
<img src="images/website.png">
<h4 style= "text-align:center" > websites </h4>
<p style= "text-align:left">Right now website is one of the most easiest solution for many purposes. From personal profile page to corporate site, from event site to reservation system. We will help you to create the best website to fullfil your needs.</p>
</div>
<div class="four columns">
<img src="images/mobileapps.png">
<h4 style= "text-align:center" > mobile apps </h4>
<p style= "text-align:left">Nowadays, people can't be far away from their smartphone. So having mobile apps that suit your needs can be really helpful. Either integrating with existing system or create standalone apps, we will deliver the best apps for you.</p>
</div>
<div class="four columns">
<img src="images/informationsystem.png">
<h4 style= "text-align:center" > information systems </h4>
<p style= "text-align:left">Business workflow is always growing time by time. It needs an excellent system to handle all of the data and transactional event to make sure everything is well organized. If you need us to build or renew your information system, we will gladly help you. </p>
</div>
<div class="four columns">
<img src="images/newthing.png">
<h4 style= "text-align:center" > new technology </h4>
<p style= "text-align:left">We love to learn new things, experiment on our ideas, and be on cutting edge technology. If you have interesting dreams, let us the tech-savvy handle it.</p>
</div>
</div>
<div class="container">
<div class="sixteen columns">
<h1 style= "text-align:center"> The plummy people </h1>
<h4 style="text-align:center">Here we are, the team that passionately work together to turn code into fortune. </h4>
</br>
</div>
<div class="one columns"> <p></p> </div>
<div class="fourteen columns">
<div id="owl-demo3" class="owl-carousel">
<div class="item"> <a href="http://id.linkedin.com/in/bagustrihatmaja" target="_blank"> <img src="images/maja.png"> </a> </div>
<div class="item"> <a href="http://id.linkedin.com/in/bayuditaprawira" target="_blank"> <img src="images/bayu.png"> </a> </div>
<div class="item"> <a href="http://au.linkedin.com/in/rnichwan" target="_blank"> <img src="images/rizky.png"> </a> </div>
</div>
</div>
<div class="one columns"> </div>
<div class="sixteen columns">
<h5 style= "text-align:center"> Do you want to become a plummy person? <br /> Impress us with your message about you. </h5>
</div>
</div>
<div class="container">
<div class="sixteen columns">
<h1 style= "text-align:center"> Get in touch with us! </h1>
<h5 style= "text-align:center"> Drop us a message and we will reach you by then. Hopefully we can do something awesome together.</h5>
</br>
</div>
<div class="eight columns">
<div id="map_canvas"></div>
<br />
</div>
<div class="eight columns">
<address>
<strong>plummy</strong><br />
<span class="glyphicon glyphicon-map-marker"></span> Jl. Tukad Mawa, Perumahan Mawasaka, no:8, Denpasar <br />
<span class="glyphicon glyphicon-phone-alt"></span> <abbr title="Phone">P:</abbr> (+62) 81-338-697-899 <br />
<span class="glyphicon glyphicon-envelope"></span> <a href="mailto:[email protected]?subject=Let's create something awesome for the future!" target="_blank">hello [at] plummy.web.id</a>
</address>
</br>
</div>
</div>
</div><!-- container -->
<!-- js script -->
<script src="//code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script>
<script src="assets/js/google-code-prettify/prettify.js"></script>
<script src="assets/js/application.js"></script>
<script src="owl-carousel/owl.carousel.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
<!-- carousel 1 script -->
<script>
$(document).ready(function() {
var owl = $("#owl-demo");
owl.owlCarousel({
autoPlay : 3000,
navigation : false,
singleItem : true,
transitionStyle : "backSlide"
});
//Select Transtion Type
$("#transitionType").change(function(){
var newValue = $(this).val();
//TransitionTypes is owlCarousel inner method.
owl.data("owlCarousel").transitionTypes(newValue);
//After change type go to next slide
owl.trigger("owl.next");
});
$("#owl-demo2").owlCarousel({
//autoPlay: 3000, //Set AutoPlay to 3 seconds
items : 3,
itemsDesktop : [1199,3],
itemsDesktopSmall : [979,3]
});
$("#owl-demo3").owlCarousel({
//autoPlay: 3000, //Set AutoPlay to 3 seconds
items : 3,
itemsDesktop : [1199,3],
itemsDesktopSmall : [979,3]
});
});
// text area
$('textarea').each(function() {
$(this).data('default', this.value);
}).focusin(function() {
if ( this.value == $(this).data('default') ) {
this.value = '';
}
}).focusout(function() {
if ( this.value == '' ) {
this.value = $(this).data('default');
}
});
// Google map
function initialize() {
var myLatlng = new google.maps.LatLng(-8.682364,115.227282);
var mapOptions = {
zoom: 16,
center: myLatlng
}
var map = new google.maps.Map(document.getElementById('map_canvas'), mapOptions);
var marker = new google.maps.Marker({
position: myLatlng,
map: map,
title: 'Hello World!',
icon: 'images/plummy.png'
});
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
<!-- End Document
================================================== -->
</body>
</html>