-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
84 lines (75 loc) · 3.22 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
<!DOCTYPE html>
<html>
<head>
<title>engineered.pixels</title>
<!-- Bootstrap -->
<link href="stylesheets/bootstrap.css" rel="stylesheet">
<link href="stylesheets/style.css" rel="stylesheet">
<!-- Web Fonts -->
<link href='http://fonts.googleapis.com/css?family=Crete+Round' rel='stylesheet' type='text/css'>
<!-- Javascript -->
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="javascripts/bootstrap.min.js"></script>
<script src="javascripts/jquery.animate-colors.js"></script>
<script src="javascripts/waypoints.js"></script>
<script src="javascripts/menubacker.js"></script>
</head>
<body style='background-color: transparent;'>
<div class='topbar'><i class="icon-wrench icon-white" style='margin-top: 6px; margin-right: 3px;'></i><span>engineered.pixels</span>
</div>
<div class='backer hidden'>
</div>
<div class='crete menuitems' style=''>
<a href='#whatwedo' style='color: #58E;'>what we do </a>
<a href='#whoweare' style='color: #85E;'>who we are </a>
<a href='#contactus' style='color: #F90;'>contact </a>
<a href='#whatelse' style='color: #3C7;'>what else?</a>
</div>
<div style='height: 5px;'>
</div>
<div style='height: 1px;' id='backer'>
</div>
<div style='height: 79px;'>
</div>
<div class="boundingbox">
<div class='bubble' style="width: 700px">
<p>Hi there! We create digital experiences that are out of this world!</p>
</div>
<div class='bubblethem' id="whatwedo" style="width: 660px">
<p>What do you mean by digital experiences?</p>
</div>
<div class='bubble' >
<p>Awesome web pages, iOS & web applications! If you can imagine it we can make it real.</p>
</div>
<div class='bubblethem' id='whoweare'>
<p>Wow, I do have some cool ideas! Who are you guys?</p>
</div>
<div class='bubble'>
<p>A couple of brothers crazy about design and development.</p>
</div>
<div class='bubblethem' id="contactus" style="width: 660px">
<p>Ok, so how can I get in touch with y'all?</p>
</div>
<div class='bubble'>
<p>Thats easy, lets have a coffee and chat about your idea. <a href='#'>[email protected]</a> or give us a call on 0246479399</p>
</div>
<div class='bubblethem' id="whatelse" style="width: 250px;">
<p>What else?</p>
</div>
<div class='bubble' style="width: 510px;">
<p>We love Ruby on Rails!</p>
</div>
</div>
<div style='height: 90px;'>
</div>
<div class='footer'>
<a class='colorblock' style='background-color: #58E;' href="#whatwedo"></a>
<a class='colorblock' style='background-color: #85E;' href="#whoweare"></a>
<a class='colorblock' style='background-color: #F90;' href="#contactus"></a>
<a class='colorblock' style='background-color: #3C7;' href="#whatelse"></a>
<div style='font-size: 18px; line-height: 20px; margin-bottom: 5px; margin-top: -10px;'>Socialise - Facebook Twitter</div>
<div style='font-size: 12px; line-height: 17px;'>Copyright 2012 engineered pixels.</div>
<div style='font-size: 12px; line-height: 17px;'>Each pixel handled with care in Sydney, Australia.</div>
</div>
</body>
</html>