-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmobile.php
213 lines (154 loc) · 7.91 KB
/
mobile.php
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
<!DOCTYPE html>
<html>
<head>
<?php $current_page = "mobile"; ?>
<meta charset="utf-8">
<meta name="description" content="Terre Haute Web Company, Providing Web Design Services to the Wabash Valley" />
<meta name="keywords" content="Terre Haute Web Company, terre, haute, web, web design, web development, wabash valley, wabash, valley, wabash web, wabash valley web design, terre haute computer repair, terre haute computer, terre haute tech support, hosting, terre haute graphic design, graphic, design, development, website, websites, terre haute website design, indiana web design, vigo county, vigo, county, vigo county web design, vigo county consulting, vigo county computer support, vigo county development, brazil web design company, terre haute web site design, rockville web site design, clay county web site design, vermillion county web site design, sullivan web design, web site design" />
<title>Mobile web sites built for today's wide range of devices - Terre Haute Web Company</title>
<!-- CSS -->
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/social-icons.css" type="text/css" media="screen" />
<link rel="icon" href="favicon.ico" />
<!--[if IE 8]>
<link rel="stylesheet" type="text/css" media="screen" href="css/ie8-hacks.css" />
<![endif]-->
<!-- ENDS CSS -->
<!-- GOOGLE FONTS
<link href='http://fonts.googleapis.com/css?family=Ubuntu' rel='stylesheet' type='text/css'>-->
<!-- JS -->
<script type="text/javascript" src="js/jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.13.custom.min.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript" src="js/jquery.scrollTo-1.4.2-min.js"></script>
<script type="text/javascript" src="js/jquery.cycle.all.js"></script>
<script type="text/javascript" src="js/custom.js"></script>
<!-- Isotope -->
<script src="js/jquery.isotope.min.js"></script>
<!--[if IE]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!--[if IE 6]>
<script type="text/javascript" src="js/DD_belatedPNG.js"></script>
<script>
/* EXAMPLE */
//DD_belatedPNG.fix('*');
</script>
<![endif]-->
<!-- ENDS JS -->
<!-- Nivo slider -->
<link rel="stylesheet" href="css/nivo-slider.css" type="text/css" media="screen" />
<script src="js/nivo-slider/jquery.nivo.slider.js" type="text/javascript"></script>
<!-- ENDS Nivo slider -->
<!-- tabs -->
<link rel="stylesheet" href="css/tabs.css" type="text/css" media="screen" />
<script type="text/javascript" src="js/tabs.js"></script>
<!-- ENDS tabs -->
<!-- prettyPhoto -->
<script type="text/javascript" src="js/prettyPhoto/js/jquery.prettyPhoto.js"></script>
<link rel="stylesheet" href="js/prettyPhoto/css/prettyPhoto.css" type="text/css" media="screen" />
<!-- ENDS prettyPhoto -->
<!-- superfish -->
<link rel="stylesheet" media="screen" href="css/superfish.css" />
<link rel="stylesheet" media="screen" href="css/superfish-left.css" />
<script type="text/javascript" src="js/superfish-1.4.8/js/hoverIntent.js"></script>
<script type="text/javascript" src="js/superfish-1.4.8/js/superfish.js"></script>
<script type="text/javascript" src="js/superfish-1.4.8/js/supersubs.js"></script>
<!-- ENDS superfish -->
<!-- poshytip -->
<link rel="stylesheet" href="js/poshytip-1.0/src/tip-twitter/tip-twitter.css" type="text/css" />
<link rel="stylesheet" href="js/poshytip-1.0/src/tip-yellowsimple/tip-yellowsimple.css" type="text/css" />
<script type="text/javascript" src="js/poshytip-1.0/src/jquery.poshytip.min.js"></script>
<!-- ENDS poshytip -->
<!-- Tweet -->
<link rel="stylesheet" href="css/jquery.tweet.css" media="all" type="text/css"/>
<script src="js/tweet/jquery.tweet.js" type="text/javascript"></script>
<!-- ENDS Tweet -->
<!-- Fancybox -->
<link rel="stylesheet" href="js/jquery.fancybox-1.3.4/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />
<script type="text/javascript" src="js/jquery.fancybox-1.3.4/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<!-- ENDS Fancybox -->
</head>
<body>
<!-- HEADER -->
<?php include 'header.php'; ?>
<!-- ENDS HEADER -->
<!-- Menu -->
<div id="menu">
<!-- ENDS menu-holder -->
<div id="menu-holder">
<!-- wrapper-menu -->
<div class="wrapper">
<!-- Navigation -->
<?php include 'topnav.php'; ?>
<!-- Navigation -->
</div>
<!-- wrapper-menu -->
</div>
<!-- ENDS menu-holder -->
</div>
<!-- ENDS Menu -->
<!-- MAIN -->
<div id="main">
<!-- wrapper-main -->
<div class="wrapper">
<!-- content -->
<div id="content">
<!-- title -->
<div id="page-title">
<span class="title">Services</span>
<span class="subtitle">Mobile Design & Development</span>
</div>
<!-- ENDS title -->
<!-- page-content -->
<div id="page-content">
<p>
<img src="img/mono-icons/mobile_ipad.png" alt="Mobile Design"/><img src="mobile_img.png" alt="Mobile Development" />
</p>
<p>Moblie phones are everywhere. They come in a wide range of sizes, which makes it harder and harder to target multiple devices and provide a design that will look good on all. We take a very specific approach to combat this problem. Utilizing a couple tools we are able to build responsive mobile websites that scale to fit the screen they are being viewed on. This lets us design the way we want and still offer an exceptional viewing experience to anyone on any device.</p>
<p class="info-box">
<img src="img/mono-icons/zurb_icon.png" alt="arrow32" title="arrow32.png" class="alignleft" />
We utilize the latest version of Zurb's Foundation framework to help us quickly build mobile, responsive websites. This tool allows us to focus more time live testing on devices to be sure everything views as it should. Plus the time spent actually developing and writing code is shortened which means we can offer this sevice at more reasonable prices than most competitors.</p>
</div>
<!-- ENDS page-content -->
</div>
<!-- ENDS content -->
</div>
<!-- ENDS wrapper-main -->
</div>
<!-- ENDS MAIN -->
<!-- Twitter -->
<!-- ENDS Twitter -->
<!-- FOOTER -->
<div id="footer">
<?php include 'footer.php'; ?>
</div>
<!-- ENDS FOOTER -->
<!-- Bottom -->
<div id="bottom">
<!-- wrapper-bottom -->
<div class="wrapper">
<div id="bottom-text">2013 Terre Haute Web Company all rights reserved.</div>
<!-- Social -->
<ul class="social ">
<li><a href="http://www.facebook.com/thwebco" class="poshytip facebook" title="Become a fan"></a></li>
<li><a href="http://www.twitter.com" class="poshytip twitter" title="Follow our tweets"></a></li>
</ul>
<!-- ENDS Social -->
<div id="to-top" class="poshytip" title="To top"></div>
</div>
<!-- ENDS wrapper-bottom -->
</div>
<!-- ENDS Bottom -->
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-37986108-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</body>
</html>