CINXE.COM

<!DOCTYPE html> <html lang="en"> <head>  <meta charset="utf-8"> <title>Amber Weather - accurate pinpoint weather forecast</title> <meta name="keyword" content="Amber Weather, weather forecast, weather app, weather widgets, weather clock & widgets, weather today, weather site, weather report, accurate weather, clean design, material design"> <meta name="description" content="Amber Weather is your best personal weather station providing current weather for today and daily & hourly weather forecasts based on your current location or any location in the world. Better plan your daily routines and vacations based on our accurate weather forecast available."> <meta name="author" content="Amber | amberweather.com"> <meta name="google-site-verification" content="zUklQYAagikrfZ5qs8gGSMd89W30f8SrBzEcnfIlta4" />  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">   <link rel="stylesheet" href="css/bootstrap.min.css"/> <link rel="stylesheet" href="css/animate.css"/> <link rel="stylesheet" href="css/simple-line-icons.css"/> <link rel="stylesheet" href="css/icomoon-soc-icons.css"/> <link rel="stylesheet" href="css/magnific-popup.css"/> <link rel="stylesheet" href="css/style.css"/> <link rel="stylesheet" href="css/colorsettings.css"/> <link rel="alternate stylesheet" title="purple" media="screen" href="css/style-purple.css"/> <link rel="alternate stylesheet" title="red" media="screen" href="css/style-red.css"/> <link rel="alternate stylesheet" title="gold" media="screen" href="css/style-gold.css"/> <link rel="alternate stylesheet" title="black" media="screen" href="css/style-black.css"/> <link rel="alternate stylesheet" title="green" media="screen" href="css/style-green.css"/>  <link rel="icon" href="images/favicon.png"> <link rel="apple-touch-icon" href="images/apple-touch-icon.png"> <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png"> <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png"> </head> <body data-spy="scroll" data-target=".navMenuCollapse">  <div id="preloader"> <div class="battery inner"> <div class="load-line"></div> </div> </div> <div id="wrap">  <nav class="navbar navbar-fixed-top navbar-slide"> <div class="container_fluid"> <a class="navbar-brand goto" href="index.html#wrap"> <img src="./images/favicon.png" title="Amber Weather" alt="Amber Weather" height="27" width="27" /> </a> <a class="contact-btn icon-envelope" data-toggle="modal" data-target="#modalContact"></a> <button class="navbar-toggle menu-collapse-btn collapsed" data-toggle="collapse" data-target=".navMenuCollapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <div class="collapse navbar-collapse navMenuCollapse"> <ul class="nav"> <li><a href="#features">Features</a> </li> <li><a href="#benefits">Benefits</a></li> <li><a href="#screenshots">Screenshots</a></li> <li><a href="#testimonials">Testimonials</a></li>  <li><a href="#social">Stay tuned</a></li> <li><a href="#download">Download</a></li> </ul> </div> </div> </nav>   <header id="full-intro" class="intro-block bg-color-main" > <div class="ray ray-vertical y-100 x-50 ray-rotate-135 laser-blink hidden-sm hidden-xs" ></div> <div class="ray ray-horizontal y-25 x-0 ray-rotate-45 laser-blink hidden-sm hidden-xs" ></div> <div class="container"> <div class="row"> <div class="col-md-8 col-sm-12"> <img class="logo" src="./images/logo_main.png" alt="Amber Weather" height="140" width="340" /> <h1 class="slogan">Your personal weather station with accurate & detailed report. </h1> <a class="download-btn-alt ios-btn" href="https://appsto.re/us/yYD4bb.i"> <i class="icon soc-icon-apple"></i>Download for <b>Apple iOS</b> </a> <a class="download-btn-alt android-btn" href="https://play.google.com/store/apps/details?id=mobi.infolife.ezweather&referrer=utm_source%3Dwww.amberweather.com%26utm_medium%3Dindex_page"> <i class="icon soc-icon-android"></i>Download from <b>Google Play</b> </a> </div> <div class="col-md-4 hidden-sm hidden-xs"> <img class="intro-screen wow bounceInUp" data-wow-delay="0.5s" src="images/intro_screen.png" width="400" height="775" alt="" /> </div> </div> </div> <div class="block-bg" data-stellar-ratio="0.4"></div> </header>   <section id="features" class="img-block-3col"> <div class="container"> <div class="title"> <h2>WE ARE YOUR LIFE HELPER</h2> <p>Provide real-time weather and forecast based on your current location or any location in the world.</p> </div> <div class="row"> <div class="col-sm-4"> <ul class="item-list-right item-list-big"> <li class="wow fadeInLeft"> <i class="icon icon-target"></i> <h3>Accurate & Detailed</h3> <p>Amber Weather provides pinpoint weather information and 7x24 forecasts for users to better plan a day.</p> </li> <li class="wow fadeInLeft"> <i class="icon icon-magnet"></i> <h3>Convenient</h3> <p>Offer weather widgets, notifications and live wallpapers, so that you can check weather info with a glance without opening the app!</p> </li> </ul> </div> <div class="col-sm-4 col-sm-push-4"> <ul class="item-list-left item-list-big"> <li class="wow fadeInRight"> <i class="icon icon-diamond"></i> <h3>Personalized</h3> <p>Offer weather widgets, notifications and live wallpapers in different styles and themes. There must be one satisfying your customization need!</p> </li> <li class="wow fadeInRight"> <i class="icon icon-magic-wand"></i> <h3>Life Helper</h3> <p>Based on local weather conditions, Amber Weather provides weather tips in a simple and informative weather card for you to better plan daily routines and travels. </p> </li> </ul> </div> <div class="col-sm-4 col-sm-pull-4"> <div class="animation-box wow bounceIn"> <img class="highlight-left wow" src="images/light.png" height="192" width="48" alt="" /> <img class="highlight-right wow" src="images/light.png" height="192" width="48" alt="" /> <img class="screen" src="images/features_screen.png" alt="" height="581" width="300" /> </div> </div> </div> </div> </section>   <section id="benefits" class="bg-color2"> <div class="container"> <div class="row"> <div class="col-sm-6 col-sm-push-6"> <div class="title"> <h2>ACCURATE & DETAILED</h2> </div> <p>Weather Forecast: Offer hourly, daily, monthly and yearly weather forecast.</p> <p>Detailed Weather Info: current temperature, wind speed & direction, humidity, UV, atmospheric pressure, air quality index (AQI), dew point, visibility, and etc.</p> </div> <div class="col-sm-6 col-sm-pull-6"> <div class="screen-couple-left wow fadeInLeftBig"> <div class="fog fog-top wow"></div> <div class="fog fog-bottom wow"></div> <img class="screen above" src="images/screen_couple_above_accurate.png" alt="" height="484" width="250"/> <img class="screen beyond wow fadeInLeft" data-wow-delay="0.5s" src="images/screen_couple_beyond_accurate.png" alt="" height="407" width="210" /> </div> </div> </div> </div>  </section>   <section id="benefits1" class="img-block-2col"> <div class="container"> <div class="row"> <div class="col-sm-6"> <div class="title"> <h2>CONVENIENT</h2> </div> <ul class="item-list-left"> <li> <i class="icon icon-grid color"></i> <h4 class="color">WEATHER WIDGETS</h4> <p>Download and apply weather widgets to your Home Screen to get weather info after you unlock your phone.</p> </li> <li> <i class="icon icon-info color"></i> <h4 class="color">NOTIFICATION THEMES</h4> <p>Enable Notification option in Amber Weather to get local weather info by checking your notification list.</p> </li> <li> <i class="icon icon-picture color"></i> <h4 class="color">WEATHER LIVE WALLPAPER</h4> <p>Live Wallpaper changes according to real-time weather conditions, showing you weather details by double-tapping it.</p> </li> </ul> </div> <div class="col-md-5 col-md-offset-1 col-sm-6"> <div class="screen-couple-right wow fadeInRightBig"> <div class="flare"> <img class="base wow" src="images/flare_base.png" alt="" /> <img class="shapes wow" src="images/flare_shapes.png" alt="" /> </div> <img class="screen above" src="images/screen_couple_above_convenient.png" alt="" height="484" width="250" /> <img class="screen beyond wow fadeInRight" data-wow-delay="0.5s" src="images/screen_couple_beyond_convenient.png" alt="" height="407" width="210" /> </div> </div> </div> </div> </section>   <section id="benefits2" class="img-block-2col bg-color2"> <div class="container"> <div class="row"> <div class="col-sm-6 col-sm-push-6"> <div class="title"> <h2>PERSONALIZED</h2> </div> <ul class="item-list-right"> <li> <i class="icon icon-grid color"></i> <h4 class="color">Weather Widgets</h4> <p>More than 100 weather and clock widgets in different themes for you to choose from.</p> </li> <li> <i class="icon icon-info color"></i> <h4 class="color">Multi-language support</h4> <p>Amber Weather has been translated into over 30 languages.</p> </li> </ul> </div> <div class="col-sm-6 col-sm-pull-6"> <div class="screen-couple-left wow fadeInLeftBig"> <div class="fog fog-top wow"></div> <div class="fog fog-bottom wow"></div> <img class="screen above" src="images/screen_couple_above_personalize.png" alt="" height="484" width="250"/> <img class="screen beyond wow fadeInLeft" data-wow-delay="0.5s" src="images/screen_couple_beyond_personalize.png" alt="" height="407" width="210" /> </div> </div> </div> </div> </section>   <section id="video"> <div class="container"> <div class="title"> <h2>Amber Weather Video</h2> </div> <div class="video-container">  <iframe width="640" height="360" src="https://www.youtube.com/embed/1RAofsVC9iY" frameborder="0" allowfullscreen></iframe> </div> </div> </section>   <section id="screenshots" class="bg-color2"> <div class="container-fluid wow fadeIn"> <h2>Screenshots</h2> <div id="screenshots-slider" class="owl-carousel"> <a class="item" href="./images/screenshots/screenshot_0.jpg" title="Launch Page"><img src="images/screenshots/screenshot_0.jpg" alt="Launch Page" width="250" height="444" /></a> <a class="item" href="./images/screenshots/screenshot_1.png" title="Current Condition & Daily forecast"><img src="images/screenshots/screenshot_1.png" alt="Current Condition & Daily forecast" width="250" height="444" /></a> <a class="item" href="./images/screenshots/screenshot_2.png" title="Hourly Forcast"><img src="images/screenshots/screenshot_2.png" alt="Hourly Forcast" width="250" height="444" /></a> <a class="item" href="./images/screenshots/screenshot_3.png" title="AQI"><img src="images/screenshots/screenshot_3.png" alt="AQI" width="250" height="444" /></a> <a class="item" href="./images/screenshots/screenshot_4.png" title="Climate overview"><img src="images/screenshots/screenshot_4.png" alt="Climate overview" width="250" height="444" /></a> <a class="item" href="./images/screenshots/screenshot_5.png" title="Widgets Store"><img src="images/screenshots/screenshot_5.png" alt="Widgets Store" width="250" height="444" /></a> <a class="item" href="./images/screenshots/screenshot_7.png" title="Colorful Style"><img src="images/screenshots/screenshot_7.png" alt="Colorful Style" width="250" height="444" /></a> </div> </div> </section>   <section id="facts"> <div class="container"> <ul class="facts-list"> <li class="wow bounceIn"> <i class="icon icon-cloud-download"></i> <h3 class="wow">40000000+</h3> <h4>Downloads</h4> </li> <li class="wow bounceIn" data-wow-delay="0.4s"> <i class="icon icon-star"></i> <h3 class="wow">200000+</h3> <h4>Top Rates</h4> </li> <li class="wow bounceIn" data-wow-delay="0.8s"> <i class="icon icon-like"></i> <h3 class="wow">50000+</h3> <h4>Likes</h4> </li> </ul> </div> </section>   <section id="testimonials" class="bg-color3"> <div class="container-fluid"> <h2>Why Do People Love Us</h2> <div id="testimonials-slider" class="owl-carousel"> <div class="item container"> <div class="talk">Accurate Forecast Nice widgets with accurate weather info. But it could been the best weather app if these are taken care (1) percent of chances of precipitation on hourly forecast (2) detailed weather summary in seven day forecast. Thank you anyway for a great app like this!</div> <img class="photo" src="images/user_1.png" alt="customer" /> <div class="name">shubham sharma</div> <div class="ocupation">From Google Play</div> </div> <div class="item container"> <div class="talk">Best Weather App!! :) It's the best weather app which keeps me updated with the weather condition of my city. It has a great UI & can be customized according to my will!! :)</div> <img class="photo" src="images/user_2.png" alt="customer" /> <div class="name">Marz Tang</div> <div class="ocupation">From Google Play</div> </div> <div class="item container"> <div class="talk">Better than any stock app. The widget is the biggest plus of this app. The quick action is really useful and looks awesome with the transparent skin. Smart alert is awesome!</div> <img class="photo" src="images/user_3.png" alt="customer" /> <div class="name">Ashly</div> <div class="ocupation">From Google Play</div> </div> <div class="item container"> <div class="talk">The best. This is the best weather app ever... I really mean that. You guys just nailed it. It offers everything a user might need. And the best part about it is that it does everything and still keeping it... The themes are just awesome. You guys deserve it and thanks dev team. For this app. Just don't make it worse by updates as many others do. 😊😉 </div> <img class="photo" src="images/user_4.png" alt="customer" /> <div class="name">Shawn</div> <div class="ocupation">From Google Play</div> </div> </div> </div> <div class="block-bg"></div> </section>      <section id="social" class="bg-color2"> <div class="container-fluid"> <div class="title"> <h2>Stay tuned</h2> <p>If you have any advice or suggestions, please send your feedback to support@amberweather.com. <br>Your feedback will be fully appreciated. We are looking forward to improving our product with your help.</p> </div> <ul class="soc-list wow flipInX">  <li><a href="https://www.facebook.com/AmberWeatherAPP/"><i class="icon soc-icon-facebook"></i></a></li>    <li><a href="https://www.instagram.com/amber.weather/"><i class="icon soc-icon-instagram"></i></a></li>   <li><a class="icon icon-envelope" data-toggle="modal" data-target="#modalContact" title="support@amberweather.com"></a> </li> </ul>  </div> </section>   <section id="download" class="bg-color-main"> <div class="container-fluid wow fadeInDown"> <a href="#wrap" class="goto"> <h2><i class="icon icon-cloud-download"></i>Download App</h2> </a> <a class="download-btn-alt ios-btn" href="https://appsto.re/us/yYD4bb.i"> <i class="icon soc-icon-apple"></i>Download for <b>Apple iOS</b> </a> <a class="download-btn-alt android-btn" href="https://play.google.com/store/apps/details?id=mobi.infolife.ezweather&referrer=utm_source%3Dwww.amberweather.com%26utm_medium%3Dindex_page"> <i class="icon soc-icon-android"></i>Download from <b>Google Play</b> </a> </div> <div class="block-bg" data-stellar-ratio="0.5"></div> </section>   <footer id="footer"> <div class="container"> <p class="copyright">© 2016-2020 Amber Weather™ <br>All right reserved by AMBER MOBILE LIMITED <br /><a href="http://www.beian.miit.gov.cn/" >京ICP备19020609号</a> </p> </div> </footer>  </div>   <div class="modal fade" id="modalMessage" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h3 class="modal-title"></h3> </div> </div> </div>  <div class="modal fade" id="modalContact" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h3 class="modal-title">Contact</h3> <form action="scripts/contact.php" role="form" id="contact_form"> <div class="form-group"> <input type="text" class="form-control" id="contact_name" placeholder="Full name" name="name"> </div> <div class="form-group"> <input type="email" class="form-control" id="contact_email" placeholder="Email Address" name="email"> </div> <div class="form-group"> <textarea class="form-control" rows="3" placeholder="Your message or question" id="contact_message" name="message"></textarea> </div> <button type="submit" id="contact_submit" data-loading-text="•••"> <i class="icon icon-paper-plane"></i></button> </form> </div> </div> </div>   <script src="https://www.gstatic.com/firebasejs/3.6.9/firebase.js"></script> <script> // Initialize Firebase var config = { apiKey: "AIzaSyAyO4-Y72DEHtpLtxRAuuUwRxVrnUuN2u4", authDomain: "amber-1377.firebaseapp.com", databaseURL: "https://amber-1377.firebaseio.com", storageBucket: "amber-1377.appspot.com", messagingSenderId: "1050664074080" }; firebase.initializeApp(config); </script>  <script src="scripts/jquery-1.8.2.min.js"></script> <script src="scripts/bootstrap.min.js"></script> <script src="scripts/owl.carousel.min.js"></script> <script src="scripts/jquery.validate.min.js"></script> <script src="scripts/wow.min.js"></script> <script src="scripts/smoothscroll.js"></script> <script src="scripts/jquery.smooth-scroll.min.js"></script> <script src="scripts/jquery.superslides.min.js"></script> <script src="scripts/placeholders.jquery.min.js"></script> <script src="scripts/jquery.magnific-popup.min.js"></script> <script src="scripts/jquery.stellar.min.js"></script> <script src="scripts/retina.min.js"></script> <script src="scripts/custom.js"></script>  <script type="text/javascript" src="scripts/styleswitcher.js"></script> <div class="color-settings"> <a href="javascript:;" onclick="setActiveStyleSheet('none'); return false;" class="color_default selected"></a> <a href="javascript:;" onclick="setActiveStyleSheet('purple'); return false;" class="color_purple"></a> <a href="javascript:;" onclick="setActiveStyleSheet('red'); return false;" class="color_red"></a> <a href="javascript:;" onclick="setActiveStyleSheet('gold'); return false;" class="color_gold"></a> <a href="javascript:;" onclick="setActiveStyleSheet('green'); return false;" class="color_green"></a> <a href="javascript:;" onclick="setActiveStyleSheet('black'); return false;" class="color_black"></a> <script> $('.color-settings a').click(function(event){ $('.color-settings a').removeClass('selected'); $(this).addClass('selected'); event.preventDefault(); }); </script> </div> <script> window.setTimeout(function(){ $('#preloader').delay(400).fadeOut('slow'); // will fade out the white DIV that covers the website. $('#preloader .inner').fadeOut(); // will first fade out the loading animation }, 1000); </script> </body> </html>