<!DOCTYPE html><html id="" class="full" lang="en"> <head> <title>Tripline</title> <!-- Standard Meta --> <meta charset="UTF-8"> <meta name="title" content="Tripline"/> <meta name="description" content="Your maps are your stories"/> <meta name="keywords" content="Make amazing interactive maps for past, present and future adventures. It's free!"/> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <meta name="ROBOTS" content=""> <!-- Apple Meta --> <meta name="apple-mobile-web-app-title" content="Tripline"> <meta name="apple-itunes-app" content="app-id=417133912"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <!-- Google Meta --> <meta name="google-site-verification" content="tiwU8yCFq5zCf5bmfEtG5NRO9H5DipAaJwI5FbZ-Zlo" /> <meta name="google-play-app" content="app-id=net.tripline"> <!-- Facebook Meta --> <meta property="fb:app_id" content="121271764562406"/> <meta property="og:site_name" content="Tripline"/> <meta property="og:url" content="https://www.tripline.net/"> <meta property="og:type" content="website"> <meta property="og:title" content="Tripline"> <meta property="og:description" content="Your maps are your stories"> <meta property="og:image" content="https://www.tripline.net/api/logo_16x9a.jpg"> <!-- Images --> <link rel="image_src" href="https://www.tripline.net/api/logo_square.jpg"/> <link rel="shortcut icon" type="image/vnd.microsoft.icon" href="/favicon.ico"> <!-- DNS Prefetch --> <link rel="dns-prefetch" href="//connect.facebook.net" /> <link rel="dns-prefetch" href="//www.google-analytics.com"> <link rel="dns-prefetch" href="//ajax.googleapis.com"> <link rel="dns-prefetch" href="//fonts.googleapis.com"> <link rel="dns-prefetch" href="//maps.googleapis.com"> <link rel="dns-prefetch" href="//cdnjs.cloudflare.com" /> <link rel="dns-prefetch" href="//tripline.global.ssl.fastly.net" /> <!-- Styles --> <!--<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/css/bootstrap.css">--> <link rel="stylesheet" type="text/css" href="//tripline.global.ssl.fastly.net/media/css/new/bootstrap-paper.min.css"> <link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <link rel="stylesheet" type="text/css" href="//tripline.global.ssl.fastly.net/media/css/new/site.css"> <link rel="stylesheet" type="text/css" href="//tripline.global.ssl.fastly.net/media/css/new/player.css"> <script> if (typeof Tripline == 'undefined') { var Tripline = {}; } Tripline.namespace = function() { var a=arguments, o=null, i, j, d; for (i=0; i<a.length; i=i+1) { d=(""+a[i]).split("."); o=Tripline; for (j=(d[0] == "Tripline") ? 1 : 0; j<d.length; j=j+1) { o[d[j]]=o[d[j]] || {}; o=o[d[j]]; } } return o; }; Tripline.os = 'Other'; Tripline.ios = ''; Tripline.ipad = ''; Tripline.safari = navigator.userAgent.match(/Safari/i) != null; Tripline.android = ''; Tripline.site_base = 'https://www.tripline.net'; Tripline.media_base = '//tripline.global.ssl.fastly.net'; Tripline.avatar_base = '//d18gw75vc4d4p1.cloudfront.net'; Tripline.ga_mid = 'G-ENSYG8DSL8'; Tripline.google_api_key = ''; Tripline.login_redirect = '/'; Tripline.mapbox_key = 'pk.eyJ1IjoidHJpcGxpbmUiLCJhIjoiY2pqeGtrb2t6NHA2YjNrczQ5MGtjcWVzcSJ9.FoZoI1aoZ5aJAbZNHs21UA'; Tripline.map_service = 'mapboxjs'; Tripline.geocoder_service = 'mapbox'; </script> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-ENSYG8DSL8"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', Tripline.ga_mid, { 'user_id': Tripline.uid }); </script> </head> <body id="home" class="theme-material noheader"> <div id="fb-root"></div> <script> var done = '/' ; var appId = '121271764562406'; window.fbAsyncInit = function() { FB.init({ appId: appId, status: true, cookie: true, xfbml: true, oauth: true }); FB.Event.subscribe('auth.login', function(response) { if(response.status == 'connected') return; window.location = '/fbconnect.php?done=' + done; }); }; (function() { var e = document.createElement('script'); e.async = true; e.src = '//connect.facebook.net/en_US/all.js'; document.getElementById('fb-root').appendChild(e); }()); </script> <div class="navbar navbar-transparent" role="navigation"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <div class="navbar-collapse collapse" aria-expanded="false" style="height: 1px;"> <div class="nav navbar-nav navbar-left"> <form class="navbar-form" role="search" id="srch-form" action="/search/"> <div class="input-group"> <input id="srch-term" type="text" class="form-control" name="p" placeholder="Search" > <div class="input-group-btn"> <button class="btn btn-transparent" type="submit"><i class="fa fa-search"></i></button> </div> </div> </form> </div> <ul class="nav navbar-nav navbar-right"> <li class=""><a href="/register/"><i class="fa fa-user-plus"></i> Sign Up</a></li> <li class=""><a href="/signin/"><i class="fa fa-sign-in"></i> Sign In</a></li> </ul> </div> </div></div> <div id="hero"> <div id="cta-wrapper" class="overlay"> <div id="cta" class="container" > <div id="logo" class="tmarked"> <img src="//dts4h52y4acn7.cloudfront.net/tripline-logo-white-512x200.png" width="100%"> </div> <div id="tagline" class="col-xs-12 text-center"> Your maps are your stories </div> <div id="subtitle" class="col-xs-12 col-sm-8 text-left"> Make amazing interactive maps for past, present and future adventures. It's free! </div> <div class="hidden-xs"> <div id="reg" class="col-xs-12 col-sm-4 text-right"> <a id="home-signup" class="btn btn-lg btn-outline btn-block" href="/register/">Sign Up</a> </div> <div id="signin" class="col-xs-12 col-sm-8 text-left"> Already have an account? <a href="/signin/" style="font-weight:bold"><i class="fa fa-sign-in"></i> Sign In</a> </div> <div id="connect" class="col-xs-12 col-sm-4 text-right"> <a href="#facebook" style="font-weight:bold" onclick="Tripline.connectFacebook()"><i class="fa fa-facebook"></i> Facebook Connect</a> </div> </div> <div id="reg-signin" class="text-center visible-xs hidden-sm-hidden-lg"> <a id="home-signup-small" class="btn btn-lg btn-outline" href="/register/"><i class="fa fa-user-plus"></i> Sign Up</a> <a id="home-signin-small" class="btn btn-lg btn-outline" href="/signin/"><i class="fa fa-sign-in"></i> Sign In</a> <div id="connect" class="col-xs-12 col-sm-4 text-right"> <a href="#facebook" style="font-weight:bold" onclick="Tripline.connectFacebook()"><i class="fa fa-facebook"></i> Facebook Connect</a> </div> </div> </div> <div id="apps" class="container text-center "> <div class="col-xs-6"> <a href="https://play.google.com/store/apps/details?id=net.tripline" target="_blank"> <img class="store-logo" src="//dts4h52y4acn7.cloudfront.net/playstore-light.png"> </a> </div> <div class="col-xs-6"> <a href="https://itunes.apple.com/us/app/tripline/id417133912" target="_blank"> <img class="store-logo" src="//dts4h52y4acn7.cloudfront.net/appstore-light.png"> </a> </div> </div> </div></div><section id="learn" style="padding: 25px 0 25px 0;background: #eee;"> <div class="container"> <h2 class="text-center" style="margin-bottom:30px;">Create your next adventure</h2> <div class="row text-center content-row"> <div class="col-md-3 col-sm-6 col-xs-12"> <div class="about-content" style="padding:30px;"> <a href="/register/"><i class="fa fa-map-marker fa-4x" style="color:#333"></i></a> <h3>Add Places</h3> <p>Make better plans by visualizing your route before you go.</p> </div> </div> <div class="col-md-3 col-sm-6 col-xs-12"> <div class="about-content" style="padding:30px;"> <a href="/register/"><i class="fa fa-user-plus fa-4x" style="color:#333"></i></a> <h3>Add People</h3> <p>Make your maps social by adding travelers and followers.</p> </div> </div> <div class="col-md-3 col-sm-6 col-xs-12"> <div class="about-content" style="padding:30px;"> <a href="/register/"><i class="fa fa-image fa-4x" style="color:#333"></i></a> <h3>Add Photos</h3> <p>Upload or import photos to bring your maps to life.</p> </div> </div> <div class="col-md-3 col-sm-6 col-xs-12"> <div class="about-content" style="padding:30px;"> <a href="/register/"><i class="fa fa-share-alt fa-4x" style="color:#333"></i></a> <h3>Share</h3> <p>Embed your Tripline maps anywhere, just like a video.</p> </div> </div> </div> </div></section><section id="featured" style="padding: 25px 0 50px 0;"> <div class="container"> <h2 class="text-center" style="margin-bottom:30px;">Featured</h2> <div class="row"> <div class="trip-list"> <div class="trip-list-item col-xs-12 col-sm-6 col-md-4 col-lg-3"> <a href="/trip/San_Francisco_to_San_Diego_on_the_PCH-7521703244561003A0278A25A729E901"> <div class="card trip"> <div class="card-img-top" style="background-image: url('https://api.mapbox.com/styles/v1/tripline/cjj20d3u71zie2smx7jn5gyg9/static/path-4+FC0000-1(efweFh%7DojVn_OdlDphj%40kmB%7EkFwvFdsf%40waGvdy%40efjAdwbAcxUjxHnfGlmAgdC%7Ebz%40umZdeOqxTh%7BdBq%7D%7DAvqOykRvnVcxd%40%7C_N%7BfG%60qj%40%7Bvg%40hyiBwjaBtda%40qytAvzpAsamD%7Dq%40qj%7B%40zoEkaE%7CsO%7B_IphIe%60DjyMmud%40r_j%40ewoAluMirOfwt%40%7Dl%7B%40d%60u%40ooYj_f%40%7BtQ)/auto/400x170@2x?access_token=pk.eyJ1IjoidHJpcGxpbmUiLCJhIjoiY2pqeGtrb2t6NHA2YjNrczQ5MGtjcWVzcSJ9.FoZoI1aoZ5aJAbZNHs21UA')"></div> <div class="card-block"> <h4 class="card-title" style="margin-bottom:0px;"> San Francisco to San Diego on the PCH </h4> <div class="byline small" style="color:#333;"> by <span class="username" style="color: #1c91c4;">byron</span> </div> <div class="card-text"> <div class="small" style="line-height:1.4"> A list of recommended places to stop on a road trip from San Francisco to San Diego. </div> </div> <div class="card-stats small text-muted" style="margin-top:10px;"> <i class="fa fa-globe"></i> 229,313 views </div> </div> </div> </a> </div> <div class="trip-list-item col-xs-12 col-sm-6 col-md-4 col-lg-3"> <a href="/trip/Boston_Freedom_Trail-7372323165121003A5DAFE17B4532314"> <div class="card trip"> <div class="card-img-top" style="background-image: url('https://api.mapbox.com/styles/v1/tripline/cjj20d3u71zie2smx7jn5gyg9/static/-71.0597732,42.3584308,4.0,0,0/400x170@2x?access_token=pk.eyJ1IjoidHJpcGxpbmUiLCJhIjoiY2pqeGtrb2t6NHA2YjNrczQ5MGtjcWVzcSJ9.FoZoI1aoZ5aJAbZNHs21UA')"></div> <div class="card-block"> <h4 class="card-title" style="margin-bottom:0px;"> Boston Freedom Trail </h4> <div class="byline small" style="color:#333;"> by <span class="username" style="color: #1c91c4;">america</span> </div> <div class="card-text"> <div class="small" style="line-height:1.4"> The Freedom Trail is a red (mostly brick) path through downtown Boston, Massachusetts that leads to many significant historic sites. It is a 2.5-mi... </div> </div> <div class="card-stats small text-muted" style="margin-top:10px;"> <i class="fa fa-globe"></i> 43,778 views </div> </div> </div> </a> </div> <div class="trip-list-item col-xs-12 col-sm-6 col-md-4 col-lg-3"> <a href="/trip/Surf_Breaks_in_Costa_Rica-44315024150710038A02FF6949A4BD45"> <div class="card trip"> <div class="card-img-top" style="background-image: url('https://api.mapbox.com/styles/v1/tripline/cjj20d3u71zie2smx7jn5gyg9/static/-84.495034217835,9.6117092372529,4.0,0,0/400x170@2x?access_token=pk.eyJ1IjoidHJpcGxpbmUiLCJhIjoiY2pqeGtrb2t6NHA2YjNrczQ5MGtjcWVzcSJ9.FoZoI1aoZ5aJAbZNHs21UA')"></div> <div class="card-block"> <h4 class="card-title" style="margin-bottom:0px;"> Surf Breaks in Costa Rica </h4> <div class="byline small" style="color:#333;"> by <span class="username" style="color: #1c91c4;">rick</span> </div> <div class="card-text"> <div class="small" style="line-height:1.4"> From the best breaks in the south of Costa Rica to the dry Nicoya Peninsula here's a list of fun spots to explore on your next surf vacation. </div> </div> <div class="card-stats small text-muted" style="margin-top:10px;"> <i class="fa fa-globe"></i> 47,907 views </div> </div> </div> </a> </div> <div class="trip-list-item col-xs-12 col-sm-6 col-md-4 col-lg-3"> <a href="/trip/12_Great_Breakfast_Places_in_San_Francisco-2243125262201003AC67BDE48F737685"> <div class="card trip"> <div class="card-img-top" style="background-image: url('https://api.mapbox.com/styles/v1/tripline/cjj20d3u71zie2smx7jn5gyg9/static/-122.4194155,37.7749295,4.0,0,0/400x170@2x?access_token=pk.eyJ1IjoidHJpcGxpbmUiLCJhIjoiY2pqeGtrb2t6NHA2YjNrczQ5MGtjcWVzcSJ9.FoZoI1aoZ5aJAbZNHs21UA')"></div> <div class="card-block"> <h4 class="card-title" style="margin-bottom:0px;"> 12 Great Breakfast Places in San Francisco </h4> <div class="byline small" style="color:#333;"> by <span class="username" style="color: #1c91c4;">bestsf</span> </div> <div class="card-text"> <div class="small" style="line-height:1.4"> Rather than trying to say what's best, I thought it would be more useful to just create a list of good places in several different neighborhoods. S... </div> </div> <div class="card-stats small text-muted" style="margin-top:10px;"> <i class="fa fa-globe"></i> 2,824,358 views </div> </div> </div> </a> </div> </div> </div> <div class="row"> <div class="col-xs-12 text-right"> <a href="/explore" class="small text-muted">More</a> </div> </div> </div></section> <nav id="footer" class="navbar navbar-default"> <div class="container"> <div class="row"> <div class="col-xs-10 col-xs-offset-1 col-sm-4 col-md-3 pull-right footer-button-block"> <div class="footer-button"> <a class="btn btn-default btn-block" href="https://itunes.apple.com/us/app/tripline/id417133912" target="_blank"><i class="fa fa-apple"></i> On the App Store</a> </div> <div class="footer-button"> <a class="btn btn-default btn-block" href="https://play.google.com/store/apps/details?id=net.tripline" target="_blank"><i class="fa fa-android"></i> On the Play Store</a> </div> </div> <div class="col-xs-4 col-sm-2 footer-link-block"> <div class="footer-link"><a href="/about/">About</a></div> <div class="footer-link"><a href="http://blog.tripline.net/press/" target="_blank">Press</a></div> </div> <div class="col-xs-4 col-sm-2 footer-link-block"> <div class="footer-link"><a href="/terms/">Terms Of Use</a></div> <div class="footer-link"><a href="/privacy/">Privacy</a><span class="light"> | </span><a href="/cookies/">Cookies</a></div> </div> <div class="col-xs-4 col-sm-2 footer-link-block"> <div class="footer-link"><a href="http://help.tripline.net" target="_blank">Get Help</a></div> <div class="footer-link"><a href="http://blog.tripline.net/contact-us/" target="_blank">Contact Us</a></div> </div> </div> <div class="row" style="margin-top:30px;"> <div class="col-xs-12 col-sm-4 footer-social-block"> <span class="footer-social"> <a href="https://www.facebook.com/triplineapp" target="_blank"><i class="fa fa-facebook"></i></a> </span> <span class="footer-social"> <a href="https://twitter.com/tripline" target="_blank"><i class="fa fa-twitter"></i></a> </span> <span class="footer-social"> <a href="http://blog.tripline.net" target="_blank"><i class="fa fa-wordpress"></i></a> </span> </div> <div class="col-xs-6 col-sm-4 small text-muted text-center footer-legal"> © 2024 Tripline, Inc.<br />DMCA-1038102 </div> <div class="col-xs-6 col-sm-4 small text-muted text-right footer-legal"> CA Residents: <a href="http://help.tripline.net/do-not-sell" target="_blank">Do Not Sell My Personal Information</a> </div> </div> <div class="clearfix"></div> </div> </nav> <div class="modal fade" id="tl-confirm-modal" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h3 id="tl-confirm-title" style="margin: 10px 0px 0px 0px;">Confirm</h3> </div> <div class="modal-body"> <span id="tl-confirm-text">Are you sure?</span> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" id="tl-confirm-cancel" data-dismiss="modal">Cancel</button> <button type="button" class="btn btn-primary" id="tl-confirm-proceed">Ok</button> </div> </div> </div> </div> <!-- Scripts --> <script> var initGoogleMaps = () => { console.log('Google maps loaded'); } </script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/typeahead.js/0.10.5/typeahead.bundle.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.0/backbone-min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.6/moment.min.js"></script> <script src="//tripline.global.ssl.fastly.net/media/js/new/site.js"></script> <script src="//tripline.global.ssl.fastly.net/media/js/new/analytics.js"></script> <link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.0.3/cookieconsent.min.css" /> <style>.cc-floating.cc-theme-classic {border-radius:0px;}.cc-message a {color:#fff !important;font-weight:bold;text-decoration:underline;}</style> <script src="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.0.3/cookieconsent.min.js"></script> <script> window.addEventListener("load", function(){ window.cookieconsent.initialise({ "theme": "classic", "position": "bottom-left", "showLink": false, "content": { "message": "Welcome! Tripline uses cookies as described in our <a href='/cookies/' target='_blank'>Cookie Policy</a>, which includes instructions on how to <a href='/cookies/#opt-out' target='_blank'>opt-out</a> of receiving cookies. Click OK to accept cookies.", "dismiss": "OK", }, "palette": { "popup": { "background": "#222", }, "button": { "background": "#fafafa", } }, "cookie": { "name": "T_cc_status", }, })}); </script> </body></html> 
