PageSourceSearch

https://www.alantgeo.com.au/

html alantgeo.com.au collected 2026-09-25 20:35:00 UTC 38,843 bytes, 765 lines download raw bytes

1<!DOCTYPE html>
2<html>
3
4  <head>
5    <meta charset="utf-8">
6    <meta http-equiv="X-UA-Compatible" content="IE=edge">
7    <title>Alantgeo</title>
8    <link rel="icon" type="image/png" href="/img/logos/icon.png" />
9    <meta name="viewport" content="width=device-width">
10    <meta name="description" content="Alantgeo is an Australian geospatial consultancy company specialising in geospatial data and visualisations, mapping and cartography.">
11    <link rel="canonical" href="/">
12
13    <!-- Custom CSS & Bootstrap Core CSS - Uses Bootswatch Flatly Theme: http://bootswatch.com/flatly/ -->
14    <link rel="stylesheet" href="/style.css">
15
16    <!-- Custom Fonts -->
17    <link rel="stylesheet" href="/css/font-awesome/css/font-awesome.min.css">
18    <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700|Kaushan+Script|Lato:400,700,400italic,700italic|Droid+Serif:400,700,400italic,700italic|Roboto+Slab:400,100,300,700" rel="stylesheet" type="text/css">
19
20    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
21    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
22    <!--[if lt IE 9]>
23        
23<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
23
24        
24<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
24
25    <![endif]-->
26
27</head>
28
29
30
31    <body id="page-top" class="index">
32
33    <!-- Navigation --> <!-- was navbar-fixed-top-->
34    <nav class="navbar navbar-default">
35        <div class="container">
36            <!-- Brand and toggle get grouped for better mobile display -->
37            <div class="navbar-header page-scroll">
38                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
39                    <span class="sr-only">Toggle navigation</span>
40                    <span class="icon-bar"></span>
41                    <span class="icon-bar"></span>
42                    <span class="icon-bar"></span>
43                </button>
44                <a class="navbar-brand page-scroll" href="#page-top">
45                    <img alt="Alantgeo" src="img/logos/alantgeo.png" height="42px"/>
46                </a>
47            </div>
48
49            <!-- Collect the nav links, forms, and other content for toggling -->
50            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
51                <ul class="nav navbar-nav navbar-right">
52                    <li class="hidden">
53                        <a href="#page-top"></a>
54                    </li>
55                    <li>
56                        <a class="page-scroll" href="#about">About</a>
57                    </li>
58                    <li>
59                        <a class="page-scroll" href="#team">Team</a>
60                    </li>
61                    <li>
62                        <a class="page-scroll" href="#portfolio">Projects</a>
63                    </li>
64                    <li>
65                        <a class="page-scroll" href="#newsletter">News</a>
66                    </li>
67                    <li>
68                        <a class="page-scroll" href="#contact">Contact</a>
69                    </li>
70                </ul>
71            </div>
72            <!-- /.navbar-collapse -->
73        </div>
74        <!-- /.container-fluid -->
75    </nav>
76
77    <!-- Header -->
78    <!--
79    <header>
80        <div class="container">
81            <div class="intro-text">
82                <div class="intro-heading">Alantgeo</div>
83                <div class="intro-lead-in">Mapping solutions</div>
84                <a href="#services" class="page-scroll btn btn-xl">Tell Me More</a>
85            </div>
86        </div>
87    </header>
88    -->
89<!--
90        
91          
92        
93          
94        
95 -->
96
97
98    <!-- About Section -->
99    <section id="about" class="bg-light-gray">
100        <div class="container">
101            <div class="row">
102                <div class="col-lg-12 text-center">
103                    <h2 class="section-heading">What we do</h2>
104                    <h3 class="section-subheading text-muted">We design and build mapping solutions.</h3>
105                </div>
106            </div>
107            <div class="row text-center">
108                <div class="col-md-4">
109                    <span class="fa-stack fa-4x">
110                        <i class="fa fa-circle fa-stack-2x text-primary"></i>
111                        <i class="fa fa-globe fa-stack-1x fa-inverse"></i>
112                    </span>
113                    <h4 class="service-heading">Map Design</h4>
114                    <p class="text-muted">Expertly crafted maps using the best cartography and mapping tools including Mapbox Studio</p>
115                    <p class="text-muted">We also run Mapbox training courses to bring your staff up to speed working with Mapbox.</p>
116                </div>
117                <div class="col-md-4">
118                    <span class="fa-stack fa-4x">
119                        <i class="fa fa-circle fa-stack-2x text-primary"></i>
120                        <i class="fa fa-map-marker fa-stack-1x fa-inverse"></i>
121                    </span>
122                    <h4 class="service-heading">Geospatial Applications</h4>
123                    <p class="text-muted">We design and deliver services and applications, to bring a geographical context to your business.</p>
124                    <p class="text-muted">
125                    We develop applications for both web and mobile using <
125a href="https://www.mapbox.com/products" target="_blank">Mapbox</a> for maps, directions, geocoding, satellite and analysis and much more.
126                    </p>
127                    <p class="text-muted">
128                        We bring street level insights into your business through our <a href="https://www.mapillary.com">Mapillary</a> solutions.
129                    </p>
130                </div>
131                <div class="col-md-4">
132                    <span class="fa-stack fa-4x">
133                        <i class="fa fa-circle fa-stack-2x text-primary"></i>
134                        <i class="fa fa-map fa-stack-1x fa-inverse"></i>
135                    </span>
136                    <h4 class="service-heading">OpenStreetMap</h4>
137                    <p class="text-muted">As experts in OpenStreetMap we provide a range of consulting and development services around the OpenStreetMap ecosystem.</p>
138                </div>
139            </div>
140        </div>
141    </section>
142
143    <!-- Partnerships Section -->
144    <section id="partners">
145        <div class="container">
146            <div class="row">
147                <div class="col-lg-12 text-center">
148                    <h2 class="section-heading">Who we work with</h2>
149                </div>
150            </div>
151            <div class="row">
152                <div class="col-lg-6 col-lg-offset-3 text-center">
153                    <a target="_blank" href="https://www.mapbox.com/">
154                        <img src="img/mapbox-logo/mapbox-150.png" class="img-responsive img-centered" alt="Mapbox" width="434px" height="150px">
155                    </a>
156                    <br />
157                    <a target="_blank" href="https://www.mapillary.com/">
158                        <img src="img/mapillary-logo/mapillary-logo-150px-black.png" class="img-responsive img-centered" alt="Mapillary" width="434px" height="150px">
159                    </a>
160                    <p class="text-muted">We partner with <a target="_blank" href="https://www.mapbox.com/">Mapbox</a> and <a target="_blank" href="https://www.mapillary.com/">Mapillary</a> to provide cutting edge geospatial solutions to our customers.</p>
161                </div>
162            </div>
163        </div>
164    </section>
165
166    <!-- Team Section -->
167    <section id="team" class="bg-light-gray">
168        <div class="container">
169            <div class="row">
170                <div class="col-lg-12 text-center">
171                    <h2 class="section-heading">Our Team</h2>
172                </div>
173            </div>
174            <div class="row">
175                <div class="col-sm-4">
176                </div>
177                
178                <div class="col-sm-4">
179                    <div class="team-member">
180                        <!--<img src="img/team/andrew.jpg" class="img-responsive img-circle" alt="">-->
181                        <h4>Andrew Harvey</h4>
182                        <p class="text-muted">CEO</p>
183                        <ul class="list-inline social-buttons">
184                            
185                            <li><a target="_blank" href="http://twitter.com/alantgeo"><i class="fa fa-twitter"></i></a>
186                            
187                            <li><a target="_blank" href="http://au.linkedin.com/in/andrewharveyAU"><i class="fa fa-linkedin"></i></a>
188                            
189                            <li><a target="_blank" href="mailto:[email protected]"><i class="fa fa-envelope-o"></i></a>
190                            
191                            <li><a target="_blank" href="/vcard/3.0/andrew.vcard"><i class="fa fa-user"></i></a>
192                            
193                            <li><a href="#" data-toggle="modal" data-target="#qrmodal-andrew"><i class="fa fa-qrcode"></i></a>
194
195                        </ul>
196                    </div>
197                </div>
198                
199            </div>
200            <!--
201            <div class="row">
202                <div class="col-lg-8 col-lg-offset-2 text-center">
203                    <p class="large text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut eaque, laboriosam veritatis, quos non quis ad perspiciatis, totam corporis ea, alias ut unde.</p>
204                </div>
205            </div>
206            -->
207        </div>
208    </section>
209
210    <!-- Clients Aside -->
211    <aside class="clients">
212        <div class="container">
213            <div class="row">
214                <div class="col-lg-12 text-center">
215                    <h2 class="section-heading">Our clients include</h2>
216                    <!--<h3 class="section-subheading text-muted">Our clients include</h3>-->
217                </div>
218            </div>
219            <div class="row">
220                
221                <div class="col-md-3 col-sm-6">
222                    
223                    <a href="#portfolio-npws" data-toggle="modal">
224                    
225                        <img src="img/client-logos/oeh-grey.png" class="img-responsive img-centered" alt="NSW Office of Environemnt &amp; Heritage">
226                    
227                    </a>
228                    
229                </div>
230                
231                <div class="col-md-3 col-sm-6">
232                    
233                    <a target="_blank" href="http://www.westernaustralia.com/">
234                    
235                        <img src="img/client-logos/watourism-grey.png" class="img-responsive img-centered" alt="Tourism Western Australia">
236                    
237                    </a>
238                    
239                </div>
240                
241                <div class="col-md-3 col-sm-6">
242                    
243                    <a href="#portfolio-lostoncampus" data-toggle="modal">
244                    
245                        <img src="img/client-logos/lostoncampus-grey.png" class="img-responsive img-centered" alt="Lost On Campus">
246                    
247                    </a>
248                    
249                </div>
250                
251            </div>
252        </div>
253    </aside>
254
255    <!-- Portfolio Grid Section -->
256    <section id="portfolio" class="bg-light-gray">
257        <div class="container">
258            <div class="row">
259                <div class="col-lg-12 text-center">
260                    <h2 class="section-heading">Our Work</h2>
261                    <!--<h3 class="section-subheading text-muted">Lorem ipsum dolor sit amet consectetur.</h3>-->
262                </div>
263            </div>
264            <div class="row">
265            
266                <div class="col-md-4 col-sm-6 portfolio-item">
267                    <a href="#portfolio-npws" class="portfolio-link" data-toggle="modal">
268                        <div class="portfolio-hover">
269                            <div class="portfolio-hover-content">
270                                <i class="fa fa-plus fa-3x"></i>
271                            </div>
272                        </div>
273                        <img src="https://api.mapbox.com/v4/alantgeo-presales.o6cgjoa9/151.2635,-33.5564,12/[email protected]?access_token=pk.eyJ1IjoiYWxhbnRnZW8tcHJlc2FsZXMiLCJhIjoiY2loNW91bmdtMDF3M3R4bHg4aDE0bHQzYiJ9.Sn55qD82EcMJZzO2zRrq8w" class="img-responsive" alt="">
274                    </a>
275                    <div class="portfolio-caption">
276                        <h4>Office of Environment &amp; Heritage</h4>
277                        <p class="text-muted">Themed basemap</p>
278                    </div>
279                </div>
280            
281                <div class="col-md-4 col-sm-6 portfolio-item">
282                    <a href="#portfolio-lostoncampus" class="portfolio-link" data-toggle="modal">
283                        <div class="portfolio-hover">
284                            <div class="portfolio-hover-content">
285                                <i class="fa fa-plus fa-3x"></i>
286                            </div>
287                        </div>
288                        <img src="img/portfolio/loc-ios-2-thumbnail.jpg" class="img-responsive" alt="">
289                    </a>
290                    <div class="portfolio-caption">
291                        <h4>Student Services Australia</h4>
292                        <p class="text-muted">Campus maps</p>
293                    </div>
294                </div>
295            
296                <div class="col-md-4 col-sm-6 portfolio-item">
297                    <a href="#portfolio-beyondtracks" class="portfolio-link" data-toggle="modal">
298                        <div class="portfolio-hover">
299                            <div class="portfolio-hover-content">
300                                <i class="fa fa-plus fa-3x"></i>
301                            </div>
302                        </div>
303                        <img src="img/portfolio/bt_map_photo_thumbnail.png" class="img-responsive" alt="">
304                    </a>
305                    <div class="portfolio-caption">
306                        <h4>BeyondTracks</h4>
307                        <p class="text-muted">Interactive map application</p>
308                    </div>
309                </div>
310            
311                <div class="col-md-4 col-sm-6 portfolio-item">
312                    <a href="#portfolio-socialpinpoint" class="portfolio-link" data-toggle="modal">
313                        <div class="portfolio-hover">
314                            <div class="portfolio-hover-content">
315                                <i class="fa fa-plus fa-3x"></i>
316                            </div>
317                        </div>
318                        <img src="img/portfolio/planning-environment-socialpinpoint_thumbnail.png" class="img-responsive" alt="">
319                    </a>
320                    <div class="portfolio-caption">
321                        <h4>Social Pinpoint</h4>
322                        <p class="text-muted">Custom base maps</p>
323                    </div>
324                </div>
325            
326                <div class="col-md-4 col-sm-6 portfolio-item">
327                    <a href="#portfolio-tourismwesternaustralia" class="portfolio-link" data-toggle="modal">
328                        <div class="portfolio-hover">
329                            <div class="portfolio-hover-content">
330                                <i class="fa fa-plus fa-3x"></i>
331                            </div>
332                        </div>
333                        <img src="img/portfolio/twa-mapbox-thumbn
333ail.png" class="img-responsive" alt="">
334                    </a>
335                    <div class="portfolio-caption">
336                        <h4>Tourism Western Australia</h4>
337                        <p class="text-muted">Tourism Destinations</p>
338                    </div>
339                </div>
340            
341                <div class="col-md-4 col-sm-6 portfolio-item">
342                    <a href="#portfolio-taxiplanet" class="portfolio-link" data-toggle="modal">
343                        <div class="portfolio-hover">
344                            <div class="portfolio-hover-content">
345                                <i class="fa fa-plus fa-3x"></i>
346                            </div>
347                        </div>
348                        <img src="img/portfolio/taxi-planet-thumbnail.png" class="img-responsive" alt="">
349                    </a>
350                    <div class="portfolio-caption">
351                        <h4>Checker Car Club of America</h4>
352                        <p class="text-muted">Full featured custom map</p>
353                    </div>
354                </div>
355            
356            </div>
357        </div>
358    </section>
359
360    <section id="newsletter">
361    <div class="container">
362        <div class="row">
363            <div class="col-lg-12 text-center">
364                <h2 class="section-heading">Keep Informed</h2>
365                <h3 class="section-subheading">Subscribe to our newsletter</h3>
366            </div>
367        </div>
368        <div class="row">
369            <div class="col-md-6 col-md-offset-3">
370                <form name="newsletterSubscribed" id="newsletterSubscription" action="#">
371                    <div class="input-group input-group-lg">
372                        <input class="form-control" name="email" id="newsletter-email" type="email" placeholder="Your Email" required>
373                        <span class="input-group-btn">
374                            <button class="btn btn-xl" type="submit">Subscribe</button>
375                        </span>
376                    </div>
377                    <div id="newsletterSuccess"></div>
378                </form>
379            </div>
380        </div>
381    </div>
382</section>
383
384<div id="conctact-section">
385    <div id="satellite-backdrop"></div>
386    <section id="contact">
387        <div class="container">
388            <div class="row">
389                <div class="col-lg-12 text-center">
390                    <h2 class="section-heading">Contact Us</h2>
391                    <h3 class="section-subheading">If you would like to talk, please leave your details or email us at <a href="mailto:[email protected]">[email protected]</a></h3>
392                </div>
393            </div>
394            <div class="row">
395                <div class="col-lg-12">
396                    <form name="sentMessage" id="contactForm" novalidate>
397                        <div class="row">
398                            <div class="col-md-6">
399                                <div class="form-group">
400                                    <input type="text" class="form-control" placeholder="Your Name" id="name">
401                                    <p class="help-block text-danger"></p>
402                                </div>
403                                <div class="form-group">
404                                    <input type="email" class="form-control" placeholder="Your Email *" id="email" required data-validation-required-message="Please enter your email address.">
405                                    <p class="help-block text-danger"></p>
406                                </div>
407                                <div class="form-group">
408                                    <input type="tel" class="form-control" placeholder="Your Phone Number" id="phone">
409                                    <p class="help-block text-danger"></p>
410                                </div>
411                            </div>
412                            <div class="col-md-6">
413                                <div class="form-group">
414                                    <textarea class="form-control" placeholder="Your Message *" id="message" required data-validation-required-message="Please enter a message."></textarea>
415                                    <p class="help-block text-danger"></p>
416                                </div>
417                            </div>
418                            <div class="clearfix"></div>
419                            <div class="col-lg-12 text-center">
420                                <div id="success"></div>
421                                <button type="submit" class="btn btn-xl">Send Message</button>
422                            </div>
423                        </div>
424                    </form>
425                </div>
426            </div>
427        </div>
428    </section>
429</div>
430
431      <footer>
432        <div class="container">
433            <div class="row">
434                <div class="col-md-4">
435                    <span class="copyright">Copyright &copy; Alantgeo 2017</span>
436                </div>
437                <div class="col-md-4">
438                    <ul class="list-inline social-buttons">
439                        
440                        <li><a href="http://twitter.com/alantgeo" target="_blank"><i class="fa fa-twitter"></i></a>
441                        </li>
442                        
443                        <li><a href="https://www.linkedin.com/company/alantgeo" target="_blank"><i class="fa fa-linkedin"></i></a>
444                        </li>
445                        
446                    </ul>
447                </div>
448                <div class="col-md-4">
449                    <!--
450                    <ul class="list-inline quicklinks">
451                        <li><a href="#">Privacy Policy</a>
452                        </li>
453                        <li><a href="#">Terms of Use</a>
454                        </li>
455                    </ul>
456                    -->
457                </div>
458            </div>
459        </div>
460    </footer>
461
462     <!-- Portfolio Modals -->
463 
464    <div class="portfolio-modal modal fade" id="portfolio-npws" tabindex="-1" role="dialog" aria-hidden="true">
465        <div class="modal-content">
466            <div class="close-modal" data-dismiss="modal">
467                <div class="lr">
468                    <div class="rl">
469                    </div>
470                </div>
471            </div>
472            <div class="container">
473                <div class="row">
474                    <div class="col-lg-8 col-lg-offset-2">
475                        <div class="modal-body">
476                            <h2>Themed basemap</h2>
477                            <hr class="star-primary">
478                            
479                            <iframe width='100%' height='500px' frameBorder='0' src='https://a.tiles.mapbox.com/v4/alantgeo-presales.o6cgjoa9/attribution,zoompan,zoomwheel,geocoder.html?access_token=pk.eyJ1IjoiYWxhbnRnZW8tcHJlc2FsZXMiLCJhIjoiNkRKcXdVdyJ9.XVLiu2tRo5f2P__oBfdqsw#12/-33.5212/151.2756'></iframe>
480                            
481                            <p class="text-muted">We undertook a proof of concept with OEH to incorporate Mapbox into the National Parks and Wildlife Service website for park maps.<br><br>We developed several concepts, with our primary concept being a custom NPWS basemap. We extended the <a href="https://www.mapbox.com/industries/outdoors/">Mapbox Outdoors basemap</a> by replacing existing parks with NPWS supplied park boundaries and extending the map design to give emphasis to these parks on the map.</p>
482                            <ul class="list-inline item-details">
483                                <li>Client:
484                                    <strong><a href="http://nationalparks.nsw.gov.au/">Office of Environment &amp; Heritage</a>
485                                    </strong>
486                                </li>
487                                <li>Service:
488                                    <strong>Mapbox design, solution architecture
489                                    </strong>
490                                </li>
491                            </ul>
492                            <button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
493                        </div>
494                    </div>
495                </div>
496            </div>
497        </div>
498    </div>
499
500    <div class="portfolio-modal modal fade" id="portfolio-lostoncampus" tabindex="-1" role="dialog" aria-hidden="true">
501        <div class="modal-content">
502            <div class="close-modal" data-dismiss="modal">
503                <div class="lr">
504                    <div class="rl">
505                    </div>
506                </div>
507            </div>
508            <div class="container">
509                <div class="row">
510                    <div class="col-lg-8 col-lg-offset-2">
511                        <div class="modal-body">
512                            <h2>Campus maps</h2>
513                            <hr class="star-primary">
514                            
515                                
516                                <a target="_blank" href="http://lostoncampus.com.au/">
517                                
518                                <img src="img/portfolio/loc-ios-2.jpg" class="img-responsive img-centered" alt="Lost on Campus Mobile App with Map">
519                                
520                                </a>
521                                
522                            
523                            <p class="text-muted">We consulted with Student Services Australia to develop a workflow for mapping university campuses across the country and integrating these maps into their Lost On Campus mobile apps. Our process uses JOSM as an easy to use and flexible geospatial data editing tool which allowed SSA to trace aerial imagery and combine this with their own field collected data to create their mapping dataset.<br><br>We designed a unique map style specifically for their campus data to match the Lost on Campus branding with <a href="https://www.mapbox.com/mapbox-studio/" target="_blank">Mapbox Studio</a> together with implementing the end to end process to get these maps into their mobile apps using <a href="https://www.mapbox.com/mobile/" target="_blank">Mapbox Mobile</a>.</p>
524                            <ul class="list-inline item-details">
525                                <li>Client:
526                                    <strong><a href="http://www.lostoncampus.com.au/">Student Services Australia</a>
527                                    </strong>
528                                </li>
529                                <li>Service:
530                                    <strong>Consulting, map design
531                                    </strong>
532                                </li>
533                            </ul>
534                            <button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
535                        </div>
536                    </div>
537                </div>
538            </div>
539        </div>
540    </div>
541
542    <div class="portfolio-modal modal fade" id="portfolio-beyondtracks" tabindex="-1" role="dialog" aria-hidden="true">
543        <div class="modal-content">
544            <div class="close-modal" data-dismiss="modal">
545                <div class="lr">
546                    <div class="rl">
547                    </div>
548                </div>
549            </div>
550            <div class="container">
551                <div class="row">
552                    <div class="col-lg-8 col-lg-offset-2">
553                        <div class="modal-body">
554                            <h2>Interactive map application</h2>
555                            <hr class="star-primary">
556                            
557                                
558                                <a target="_blank" href="http://www.beyondtracks.com/walks/royal-national-park/otford-to-burning-palms-return/#map-section">
559                                
560                                <img src="img/portfolio/bt_map_photo.png" class="img-responsive img-centered" alt="beyondtracks.com website showing map with walking route">
561                                
562                                </a>
563                                
564                            
565                            <p class="text-muted"><a href="https://www.beyondtracks.com" target="_blank">BeyondTracks.com</a> is a website aimed at helping bushwalkers both expert and novice, find and plan walks. BeyondTracks has over 130 walks mostly around the greater Sydney area, providing route options, walk distances, transport information, photos, user comments and most importantly high quality outdoor focused maps with an integrated elevation profile.<br><br>BeyondTracks was designed and implemented as a side project of Alantgeo's founder Andrew Harvey. He built the front end as a 
565simple and usable web interface, including relevant information for walkers.<br><br>Mapbox made it really easy to get started with the ready made <a href="https://www.mapbox.com/industries/outdoors" target="_blank">Mapbox Outdoors</a> style and developer APIs.<br><br>Supporting the web interface is a back end leveraging OpenStreetMap data and tools to create and maintain the walking routes, and utilising PostGIS geospatial based analysis.</p>
566                            <ul class="list-inline item-details">
567                                <li>Client:
568                                    <strong><a href="http://www.beyondtracks.com">BeyondTracks</a>
569                                    </strong>
570                                </li>
571                                <li>Service:
572                                    <strong>Web design and development
573                                    </strong>
574                                </li>
575                            </ul>
576                            <button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
577                        </div>
578                    </div>
579                </div>
580            </div>
581        </div>
582    </div>
583
584    <div class="portfolio-modal modal fade" id="portfolio-socialpinpoint" tabindex="-1" role="dialog" aria-hidden="true">
585        <div class="modal-content">
586            <div class="close-modal" data-dismiss="modal">
587                <div class="lr">
588                    <div class="rl">
589                    </div>
590                </div>
591            </div>
592            <div class="container">
593                <div class="row">
594                    <div class="col-lg-8 col-lg-offset-2">
595                        <div class="modal-body">
596                            <h2>Custom base maps</h2>
597                            <hr class="star-primary">
598                            
599                                
600                                <a target="_blank" href="http://www.planning.nsw.gov.au/centralcoast">
601                                
602                                <img src="img/portfolio/planning-environment-socialpinpoint.png" class="img-responsive img-centered" alt="Social Pinpoint app for NSW Department of Planning and Environment Regional Planning Survey - Central Coast">
603                                
604                                </a>
605                                
606                            
607                            <p class="text-muted">The <a href="http://www.planning.nsw.gov.au/" target="_blank">NSW Department of Planning and Environment</a> conducted a series of <a href="http://www.planning.nsw.gov.au/centralcoast" target="_blank">Regional Planning Surveys</a>. <a href="http://www.socialpinpoint.com.au/" target="_blank">Social Pinpoint</a> provided the platform for a map based community consultation and engagement. We developed a series of maps within Mapbox Studio Classic to serve as custom base maps for use within Social Pinpoint for the Regional Planning Surveys.</p>
608                            <ul class="list-inline item-details">
609                                <li>Client:
610                                    <strong><a href="http://www.socialpinpoint.com.au/">Social Pinpoint</a>
611                                    </strong>
612                                </li>
613                                <li>Service:
614                                    <strong>Map design
615                                    </strong>
616                                </li>
617                            </ul>
618                            <button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
619                        </div>
620                    </div>
621                </div>
622            </div>
623        </div>
624    </div>
625
626    <div class="portfolio-modal modal fade" id="portfolio-tourismwesternaustralia" tabindex="-1" role="dialog" aria-hidden="true">
627        <div class="modal-content">
628            <div class="close-modal" data-dismiss="modal">
629                <div class="lr">
630                    <div class="rl">
631                    </div>
632                </div>
633            </div>
634            <div class="container">
635                <div class="row">
636                    <div class="col-lg-8 col-lg-offset-2">
637                        <div class="modal-body">
638                            <h2>Tourism Destinations</h2>
639                            <hr class="star-primary">
640                            
641                                
642                                <a target="_blank" href="http://www.westernaustralia.com/en/Things_to_See_and_Do/top_10/Pages/Top_10_Natural_Wonders.aspx">
643                                
644                                <img src="img/portfolio/twa-mapbox-top10.png" class="img-responsive img-centered" alt="Tourism Western Australia Top 10 Map">
645                                
646                                </a>
647                                
648                            
649                            <p class="text-muted">We implemented the Tourism Western Australia map design guide in <a href="https://www.mapbox.com/mapbox-studio/" targtet="_blank">Mapbox Studio</a>. We built a series of Top 10 maps highlighting attractions and itinerary maps using Mapbox Directions to link up attractions into suggested routes.</p>
650                            <ul class="list-inline item-details">
651                                <li>Client:
652                                    <strong><a href="http://www.westernaustralia.com/">Tourism Western Australia</a>
653                                    </strong>
654                                </li>
655                                <li>Service:
656                                    <strong>Mapbox design, Mapbox development
657                                    </strong>
658                                </li>
659                            </ul>
660                            <button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
661                        </div>
662                    </div>
663                </div>
664            </div>
665        </div>
666    </div>
667
668    <div class="portfolio-modal modal fade" id="portfolio-taxiplanet" tabindex="-1" role="dialog" aria-hidden="true">
669        <div class="modal-content">
670            <div class="close-modal" data-dismiss="modal">
671                <div class="lr">
672                    <div class="rl">
673                    </div>
674                </div>
675            </div>
676            <div class="container">
677                <div class="row">
678                    <div class="col-lg-8 col-lg-offset-2">
679                        <div class="modal-body">
680                            <h2>Full featured custom map</h2>
681                            <hr class="star-primary">
682                            
683                                
684                                <a target="_blank" href="http://www.taxiplanet.org/">
685                                
686                                <img src="img/portfolio/taxi-planet.png" class="img-responsive img-centered" alt="Taxi Planet Checkers Worldwide">
687                                
688                                </a>
689                                
690                            
691                            <p class="text-muted">We provided guidance on brining custom data into Mapbox to be managed with the Mapbox Datasets Editor and developed a custom web map to display that data in a custom interface.</p>
692                            <ul class="list-inline item-details">
693                                <li>Client:
694                                    <strong><a href="http://www.taxiplanet.org/">Checker Car Club of America</a>
695                                    </strong>
696                                </li>
697                                <li>Service:
698                                    <strong>Mapbox design, Mapbox development
699                                    </strong>
700                                </li>
701                            </ul>
702                            <button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
703                        </div>
704                    </div>
705                </div>
706            </div>
707        </div>
708    </div>
709
710
711<!-- QR Code Modal -->
712
713<div id="qrmodal-andrew" class="modal" tabindex="-1" role="dialog">
714        <div class="modal-dialog">
715            <div class="modal-content">
716                <div class="modal-body">
717                    <img src="vcard/qr/andrew.png" class="img-responsive">
718                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
719                </div>
720            </div>
721        </div>
722    </div>
723
724
725     <!-- jQuery Version 1.11.0 -->
726    
726<script src="/js/jquery-1.11.0.js"></script>
726
727
728    <!-- Bootstrap Core JavaScript -->
729    
729<script src="/js/bootstrap.min.js"></script>
729
730
731    <!-- Plugin JavaScript -->
732    
732<script src="/js/jquery.easing.min.js"></script>
732
733    
733<script src="/js/classie.js"></script>
733
734    <!--
734<script src="/js/cbpAnimatedHeader.js"></script>
734-->
735
736    <!-- Contact Form JavaScript -->
737    
737<script src="/js/jqBootstrapValidation.js"></script>
737
738    
738<script src="/js/contact.js"></script>
738
739
740    <!-- Custom Theme JavaScript -->
741    
741<script src="/js/agency.js"></script>
741
742
743
744    <!-- Mapbox.js -->
745    
745<script src='https://api.mapbox.com/mapbox.js/v3.0.1/mapbox.js'></script>
745
746    <link href='https://api.mapbox.com/mapbox.js/v3.0.1/mapbox.css' rel='stylesheet' />
747
748    
748<script src='https://api.tiles.mapbox.com/mapbox-gl-js/v0.32.1/mapbox-gl.js'></script>
748
749    <link href='https://api.tiles.mapbox.com/mapbox-gl-js/v0.32.1/mapbox-gl.css' rel='stylesheet' />
750
751    
751<script src="/js/alantgeo.js"></script>
751
752    
753    
753<script>
vendor: 377 bytes, lines 753-759
753
754        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
755            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
756            m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
757        })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
758
759        ga('create', '
759UA-60357523-1
vendor: 48 bytes, lines 759-761
759', 'auto');
760        ga('send', 'pageview');
761    
761</script>
761
762
763
764    </body>
765</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.