H69UNtblNBNpha2dtB1Odn8qYp1Qk5NK2gi7yfceofo9N
/
home
/
ymswebso
/
public_html
/
projects
/
helloguest
/
html
/
Nama File / Folder
Size
Action
assets
--
NONE
screen
--
NONE
pricing.html
16.148KB
Hapus
Edit
Rename
<!doctype html> <html> <head> <!-- Required meta tags --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <link rel="icon" type="image/png" href="favicon.png"> <link rel="stylesheet" href="assets/vendors/bootstrap/css/bootstrap.min.css" media="all"> <link rel="stylesheet" type="text/css" href="assets/vendors/fontawesome/css/all.min.css"> <link rel="stylesheet" type="text/css" href="assets/vendors/elementskit-icon-pack/assets/css/ekiticons.css"> <link rel="stylesheet" type="text/css" href="assets/vendors/jquery-ui/jquery-ui.min.css"> <link rel="stylesheet" type="text/css" href="assets/vendors/modal-video/modal-video.min.css"> <link rel="stylesheet" type="text/css" href="assets/vendors/fancybox/dist/jquery.fancybox.min.css"> <link rel="stylesheet" type="text/css" href="assets/vendors/slick/slick.css"> <link rel="stylesheet" type="text/css" href="assets/vendors/slick/slick-theme.css"> <link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400&display=swap" rel="stylesheet"> <link rel="stylesheet" type="text/css" href="style.css"> <link rel="stylesheet" type="text/css" href="assets/css/custom.css"> <title>Hello Guest Screen | Welcome message for your guests in digital way on your TV.</title> </head> <body> <header id="masthead" class="site-header site-header-transparent"> <!-- header html start --> <div class="top-header"></div> <div class="bottom-header"> <div class="container"> <div class="bottom-header-inner d-flex justify-content-between align-items-center"> <div class="site-identity"> <h1 class="site-title"> <a href="homepage.html" class="white-logo"> <img src="assets/images/site-logo.png" alt="Hello Guest Screen"> </a> <a href="homepage.html" class="black-logo"> <img src="assets/images/site-logo1.png" alt="Hello Guest Screen"> </a> </h1> </div> <div class="main-navigation"> <nav id="navigation" class="navigation d-none d-lg-inline-block"> <ul> <li> <a href="homepage.html">Home</a> </li> <li class="current-menu-item"> <a href="pricing.html">Pricing</a> </li> <li> <a href="get-started.html">Get Started</a> </li> <li> <a href="faq.html">FAQ</a> </li> <li> <a href="sign-up.html">Signup</a> </li> <li> <a href="login.html">Login</a> </li> </ul> </nav> </div> <div class="mobile-menu-container d-lg-none"></div> </div> </div> </div> </header> <main id="content" class="site-main"> <!-- Inner Banner html start--> <section class="inner-banner-wrap"> <div class="inner-baner-container"> <div class="container"> <div class="inner-banner-content"> <h1 class="inner-title">Pricing</h1> </div> </div> <div class="overlay-image"></div> <div class="bottom-shape"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 100" preserveAspectRatio="none"> <path class="elementor-shape-fill" d="M421.9,6.5c22.6-2.5,51.5,0.4,75.5,5.3c23.6,4.9,70.9,23.5,100.5,35.7c75.8,32.2,133.7,44.5,192.6,49.7 c23.6,2.1,48.7,3.5,103.4-2.5c54.7-6,106.2-25.6,106.2-25.6V0H0v30.3c0,0,72,32.6,158.4,30.5c39.2-0.7,92.8-6.7,134-22.4 c21.2-8.1,52.2-18.2,79.7-24.2C399.3,7.9,411.6,7.5,421.9,6.5z"></path> </svg> </div> </div> </section> <!-- Inner Banner html end--> <!-- Pricing html start --> <div class="pricing-page-section pb-0"> <div style="background-image:url(assets/images/simple-pricing.jpg); background-repeat:no-repeat; background-size:cover; padding-top:200px; padding-bottom:200px;"> <div class="container"> <div class="row"> <div class="col-md-6"></div> <div class="col-md-6 text-center"> <h1>Simple Pricing</h1> <h2 style="font-weight:300;">Give a great guest experience without breaking the bank</h2> <p><a href="/sign-up" class="outline-round start-today-btn">Sign-up Now</a></p> </div> </div> </div> </div> <div class="container"> <div class="row"> <div class="col-12 text-center pt-5 pb-5"> <h2 style="font-weight:300;">Our pricing plans are very simple so you know exactly what you will pay and what you will get.</h2> </div> <div class="col-md-6 m-auto text-center"> <img src="assets/images/smart-tv-4.png" class="img-fluid"> </div> <div class="col-12 text-center pt-5 pb-5"> <h2 style="font-weight:300;">Whether you have 1 or 25 Screens, the features are the same.</h2> </div> </div> </div> <div class="pricing-table-wrap"> <div class="price-right-shape"></div> <div class="pricing-table-inner"> <div class="container"> <div class="row g-0 align-items-center"> <div class="col-sm-4"> <div class="pricing-item"> <div class="pricing-head"> <h4>Basic</h4> <span class="pricing-icon"> <i aria-hidden="true" class="fab fa-telegram-plane"></i> </span> <h2>$11.99</h2> <p style="font-size:14px; color:#999999;">Per Month excl. Tax</p> </div> <div class="pricing-list"> <ul> <li><img src="assets/images/screen-icon.png" style="margin-top: 3px; margin-right: 4px;"> 1 Hello Guest Screen</li> <li><img src="assets/images/uncheck.png" style="margin-top: 4px; margin-right: 3px;"> Play Video</li> <li><img src="assets/images/check-icon.png" style="margin-top: 3px; margin-right: 4px;"> Extended Support**</li> </ul> </div> <a href="/sign-up?membership=basic" class="outline-round">Sign-up Now!</a> </div> </div> <div class="col-sm-4"> <div class="pricing-item table-active"> <div class="pricing-head"> <h4 style="margin-bottom: 0px;">Standard</h4> <span class="badge rounded-pill bg-warning text-dark">Most Popular</span> <span class="pricing-icon"> <i aria-hidden="true" class="fas fa-rocket"></i> </span> <h2>$17.99</h2> <p style="font-size:14px; color:#999999;">Per Month excl. Tax</p> </div> <div class="pricing-list"> <ul> <li><img src="assets/images/screen-icon.png" style="margin-top: 3px; margin-right: 4px;"> Up to 10 Hello Guest Screen</li> <li><img src="assets/images/check-icon.png" style="margin-top: 4px; margin-right: 3px;"> Play Video</li> <li><img src="assets/images/check-icon.png" style="margin-top: 3px; margin-right: 4px;"> Extended Support**</li> </ul> </div> <a href="/sign-up?membership=standard" class="button-round">Sign-up Now!</a> </div> </div> <div class="col-sm-4"> <div class="pricing-item"> <div class="pricing-head"> <h4>Pro</h4> <span class="pricing-icon"> <i aria-hidden="true" class="fas fa-plane"></i> </span> <h2>$23.99</h2> <p style="font-size:14px; color:#999999;">Per Month excl. Tax</p> </div> <div class="pricing-list"> <ul> <li><img src="assets/images/screen-icon.png" style="margin-top: 3px; margin-right: 4px;"> Up to 25 Hello Guest Screen</li> <li><img src="assets/images/check-icon.png" style="margin-top: 4px; margin-right: 3px;"> Play Video</li> <li><img src="assets/images/check-icon.png" style="margin-top: 3px; margin-right: 4px;"> Extended Support**</li> </ul> </div> <a href="/sign-up?membership=pro" class="outline-round">Sign-up Now!</a> </div> </div> </div> </div> </div> </div> </div> <!-- Pricing html end --> </main> <footer id="colophon" class="site-footer footer-primary"> <div class="footer-shape"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 100" preserveAspectRatio="none"> <path class="elementor-shape-fill" d="M790.5,93.1c-59.3-5.3-116.8-18-192.6-50c-29.6-12.7-76.9-31-100.5-35.9c-23.6-4.9-52.6-7.8-75.5-5.3 c-10.2,1.1-22.6,1.4-50.1,7.4c-27.2,6.3-58.2,16.6-79.4,24.7c-41.3,15.9-94.9,21.9-134,22.6C72,58.2,0,25.8,0,25.8V100h1000V65.3 c0,0-51.5,19.4-106.2,25.7C839.5,97,814.1,95.2,790.5,93.1z"></path> </svg> </div> <div class="top-footer"> <div class="container"> <div class="row"> <div class="col-lg-4 col-md-4"> <aside class="widget widget_text"> <div class="footer-logo"> <a href="/"><img src="assets/images/site-logo.png" alt="Hello Guest Screen"></a> </div> <div class="textwidget widget-text"> An affordable way to give your guests that luxury feeling. Start using Hello Guest Screen today and show your guests' names, as well as other useful information right on the TV. </div> </aside> </div> <div class="col-lg-2 col-md-2"></div> <div class="col-lg-3 col-md-3"> <aside class="widget widget_text"> <ul> <li><a href="/">Home</a></li> <li><a href="/pricing">Pricing</a></li> <li><a href="/get-started">Get Started</a></li> <li><a href="/faq">FAQ</a></li> <li><a href="/sign-up">Sign up</a></li> <li><a href="/login">Login</a></li> </ul> </aside> </div> <div class="col-lg-3 col-md-3"> <aside class="widget widget_text"> <div class="textwidget widget-text"> <ul> <li><a href="/terms-and-conditions">Terms and Conditions</a></li> <li><a href="/privacy-policy">Privacy Policy</a></li> <li><a href="/cookie-policy">Cookie Policy</a></li> <li><a href="/contact-us">Contact Us</a></li> </ul> </div> </aside> </div> </div> </div> </div> <div class="bottom-footer"> <div class="container"> <div class="row align-items-center"> <div class="col-md-6"> <div class="social-links"> <ul> <li> <a href="https://www.facebook.com/" target="_blank"> <i class="fab fa-facebook-f" aria-hidden="true"></i> </a> </li> <li> <a href="https://www.twitter.com/" target="_blank"> <i class="fab fa-twitter" aria-hidden="true"></i> </a> </li> <li> <a href="https://www.instagram.com/" target="_blank"> <i class="fab fa-instagram" aria-hidden="true"></i> </a> </li> <li> <a href="https://www.linkedin.com/" target="_blank"> <i class="fab fa-linkedin" aria-hidden="true"></i> </a> </li> </ul> </div> </div> <div class="col-md-6"> <div class="copy-right">Copyright © 2022 Hello Guest Screen. All rights reserved.</div> </div> </div> </div> </div> <div class="overlay"></div> </footer> <a id="backTotop" href="#backtop" class="to-top-icon"> <i class="fas fa-chevron-up"></i> </a> <!-- JavaScript --> <script src="/assets/vendors/jquery/jquery.js"></script> <script src="/assets/vendors/waypoint/jquery.waypoints.min.js"></script> <script src="/assets/js/popper.min.js"></script> <script src="/assets/vendors/bootstrap/js/bootstrap.min.js"></script> <script src="/assets/vendors/jquery-ui/jquery-ui.min.js"></script> <script src="/assets/vendors/countdown-date-loop-counter/loopcounter.js"></script> <script src="/assets/vendors/counterup/jquery.counterup.js"></script> <script src="/assets/vendors/modal-video/jquery-modal-video.min.js"></script> <script src="/assets/vendors/masonry/masonry.pkgd.min.js"></script> <script src="/assets/vendors/fancybox/dist/jquery.fancybox.min.js"></script> <script src="/assets/vendors/slick/slick.min.js"></script> <script src="/assets/vendors/slick-nav/jquery.slicknav.js"></script> <script src="/assets/js/custom.js"></script> <script> $(function() { $("select").on("change", function() { const val = this.value $(".membership_box").not("." + val).hide(); $("." + val).show(); }).change(); }); </script> </body> </html>