CINXE.COM
Download the Hawaii News App | Honolulu Star-Advertiser
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --> <title>Download the Hawaii News App | Honolulu Star-Advertiser</title> <meta name="description" content="Stay up-to-date on Hawaii and world news on the go with the Honolulu Star-Advertiser App." /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="website" /> <meta property="og:title" content="Download the Hawaii News App | Honolulu Star-Advertiser" /> <meta property="og:description" content="Stay up-to-date on Hawaii and world news on the go with the Honolulu Star-Advertiser App." /> <meta property="og:url" content="https://www.staradvertiser.com/download/" /> <meta property="og:site_name" content="Honolulu Star-Advertiser" /> <meta property="og:image" content="https://www.staradvertiser.com/wp-content/uploads/site-images/sa-fb-thumb.jpg" /> <meta property="og:image:secure_url" content="https://www.staradvertiser.com/wp-content/uploads/site-images/sa-fb-thumb.jpg" /> <link rel="canonical" href="https://www.staradvertiser.com/download/" /> <!-- Bootstrap --> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet"> <link href="https://sa-media.s3.amazonaws.com/sa_com_header/style_sheets/hover-min.css" rel="stylesheet" media="all"> <link href='https://fonts.googleapis.com/css?family=Fira+Sans:500,700' rel='stylesheet' type='text/css'> <style type="text/css"> html, body { height: 100%; } #nav { border-bottom:1px solid #ccc;height:76px; padding:20px 0 0; } #nav a { color:#777; } #nav a:hover { color:#008ed2; } #nav ul { padding:0;display:block; } #nav .logo { list-style:none;padding-left:15px; } #nav .logo img { width:180px;vertical-align:text-bottom; } #nav .menu { list-style:none;display:inline;padding-right:20px;margin:15px 0 0; } #nav2 { display:none; } .fr { float:right; } .fl { float:left; } #main { background:url(https://sa-media.s3.amazonaws.com/images/sa-newspaper-bg.jpg); background-size:cover; text-align:center;height: calc(100% - (76px + 65px));min-height:570px; } #main h1 { font-size:25px;font-family: 'Fira Sans', sans-serif;font-weight:700;padding:0;margin:0; } #main p.description { padding:6px 0 50px 0;margin:0; } #main .icons { position: relative;top: 40%; transform: translateY(-40%);-webkit-transform: translateY(-40%);-ms-transform: translateY(-40%);-moz-transform: translateY(-40%);padding:0 18%; } #main .icons img { width:180px;vertical-align:middle; } #main h2 { font-size:22px;font-weight:bold;padding:20px 0 0;margin:0; } #main p { font-size:18px;padding:5px 0 0;margin:0; } #main .platform { font-size:36px;padding:15px 0 0; } #main .platform li { list-style:none;display:inline;padding:0 16px 0 8px;border-right:1px solid #888; } #main .platform .last { border:0; } #main .platform a { color:#777; } #main .platform .ios a:hover { color:#000; } #main .platform .android a:hover { color:#a2c437; } #main .platform .windows a:hover { color:#00adef; } #footer { margin:0;border-top:1px solid #ccc;height:65px; padding:22px 0 0; } #bottom ul { padding:0;text-align:right; } #bottom li { list-style:none;display:inline;padding-right:20px; } #bottom ul li a { color:#777; } #bottom ul li.facebook a:hover { color:#3c5a99; } #bottom ul li.twitter a:hover { color:#00abed; } #bottom ul li a:hover { color:#000; } @media screen and (max-width: 480px) { #nav { display:none !important; } #nav2 { display:block !important;text-align:center; border-bottom:1px solid #ccc; padding:20px 0 0;height:76px; } #nav2 img { width:180px; } #main { min-height:880px; } #main h1 { font-size:20px;font-weight:bold;padding:0; } #main p.description { font-size:16px;padding:6px 0 35px 0;margin:0; } #main h2 {font-size:20px; } #main p {font-size:16px; } #main .icons { padding:0 5%; } .pr { margin-top:35px; } .copy {font-size:12px; } } @media screen and (min-width: 480px) and (max-width: 767px) { #nav2 { display:none; } #main { min-height:890px; } #main h1 { padding:0;margin:0; } #main p.description { font-size:16px;padding:6px 40px 35px;margin:0; } #main .icons { padding:0 0; } .pr { margin-top:35px; } } @media screen and (min-width: 767px) and (max-width: 992px) { #nav2 { display:none; } #main .icons { padding:0 10%; } } </style> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css"> <link rel="icon" type="image/png" href="https://sa-media.s3.amazonaws.com/images/sa-favicon-16x16.png" sizes="16x16" /> <link rel="icon" type="image/png" href="https://sa-media.s3.amazonaws.com/images/sa-favicon-32x32.png" sizes="32x32" /> <link rel="icon" type="image/png" href="https://sa-media.s3.amazonaws.com/images/sa-favicon-96x96.png" sizes="96x96" /> <!--GOOGLE ANALYTICS--> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-16272709-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-16272709-1'); </script> <!--GOOGLE ANALYTICS--> <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]--> </head> <body> <div id="nav"> <div class="container"> <div class="row"> <ul> <li class="logo fl"><a href="/" target="_blank"><img src="https://sa-media.s3.amazonaws.com/images/sa-logo.svg" border="0" /></a></li> <!-- <li class="menu fr"><a href="/download/printreplica/" target="_blank">Print Replica App</a></li> <li class="menu fr"><a href="/download/app/" target="_blank">Star-Advertiser App</a></li> --> </ul> </div> </div> </div> <div id="nav2"> <div class="container"> <div class="row"> <a href="/" target="_blank"><img src="https://sa-media.s3.amazonaws.com/images/sa-logo.svg" border="0" /></a> </div> </div> </div> <div id="main" class="container-fluid"> <div class="icons row"> <h1>Any way you want it, we deliver.</h1> <p class="description">Choose your reading experience. Stay up-to-date on the go.</p> <div class="sa col-xs-12 col-sm-12 col-md-12"> <a class="hvr-float-shadow" href="/download/app" target="_blank"><img src="https://sa-media.s3.amazonaws.com/images/sa-app-icon-new.png" border="0"></a> <h2>Star-Advertiser 2-in-1 App</h2> <p>Print Replica, Hawaii News, Traffic & Weather</p><br /> <p><strong style="color:#337ab7;">Click on the mobile platform of your choice to download.</strong></p> <!-- <p>(Coming on April 24, 2018)</p> --> <ul class="platform"> <li class="ios first"><a href="https://itunes.apple.com/us/app/honolulu-star-advertiser/id557767262?mt=8" target="_blank" data-toggle="tooltip" data-placement="bottom" data-html="true" title="Download for iOS"><i class="fa fa-apple"></i></a></li> <li class="android last"><a href="https://play.google.com/store/apps/details?id=com.staradvertiser.sanewsapp&hl=en" target="_blank" data-toggle="tooltip" data-placement="bottom" data-html="true" title="Download for Android"><i class="fa fa-android"></i></a></li> </ul> </div> </div> </div> <div id="footer"> <div id="bottom" class="container"> <div class="row"> <div class="col-xs-6 col-md-6 copy">Star-Advertiser © <script>document.write(new Date().getFullYear())</script> </div> <div class="col-xs-6 col-md-6"> <ul> <li class="facebook"><a href="https://www.facebook.com/staradvertiser" target="_blank"><i class="fa fa-facebook"></i></a></li> <li class="twitter"><a href="https://twitter.com/staradvertiser" target="_blank"><i class="fa fa-twitter"></i></a></li> <li class="email"><a href="mailto:customerservice@staradvertiser.com" target="_blank"><i class="fa fa-envelope"></i></a></li> <!-- <li><i class="fa fa-google-plus"></i></li> <li><i class="fa fa-instagram"></i></li> <li><i class="fa fa-youtube-play"></i></li> --> </ul> </div> </div> </div> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <!-- Include all compiled plugins (below), or include individual files as needed --> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> <script> $(document).ready(function(){ $('[data-toggle="tooltip"]').tooltip(); }); </script> </body> </html>