<!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> 231,138 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> 44,928 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> 49,291 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,831,786 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>