CINXE.COM
Locked Up | Escape if you can!
<!doctype html> <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang=""> <![endif]--> <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang=""> <![endif]--> <!--[if IE 8]> <html class="no-js lt-ie9" lang=""> <![endif]--> <!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]--> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content="Locked Up. Escape if you can!"> <meta name="author" content="Gaven Henry"> <title>Locked Up | Escape if you can!</title> <!--https://www.favicon-generator.org/ <link rel="shortcut icon" href="favicon/favicon.ico" type="image/x-icon"> <link rel="icon" href="favicon/favicon.ico" type="image/x-icon"> ico only--> <!--https://www.favicon-generator.org/ all other--> <link rel="apple-touch-icon" sizes="57x57" href="favicon/apple-icon-57x57.png"> <link rel="apple-touch-icon" sizes="60x60" href="favicon/apple-icon-60x60.png"> <link rel="apple-touch-icon" sizes="72x72" href="favicon/apple-icon-72x72.png"> <link rel="apple-touch-icon" sizes="76x76" href="favicon/apple-icon-76x76.png"> <link rel="apple-touch-icon" sizes="114x114" href="favicon/apple-icon-114x114.png"> <link rel="apple-touch-icon" sizes="120x120" href="favicon/apple-icon-120x120.png"> <link rel="apple-touch-icon" sizes="144x144" href="favicon/apple-icon-144x144.png"> <link rel="apple-touch-icon" sizes="152x152" href="favicon/apple-icon-152x152.png"> <link rel="apple-touch-icon" sizes="180x180" href="favicon/apple-icon-180x180.png"> <link rel="icon" type="image/png" sizes="192x192" href="favicon/android-icon-192x192.png"> <link rel="icon" type="image/png" sizes="32x32" href="favicon/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="96x96" href="favicon/favicon-96x96.png"> <link rel="icon" type="image/png" sizes="16x16" href="favicon/favicon-16x16.png"> <link rel="manifest" href="favicon/manifest.json"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="msapplication-TileImage" content="favicon/ms-icon-144x144.png"> <meta name="theme-color" content="#ffffff"> <!-- Font Awesome CSS --> <link rel="stylesheet" href="css/font-awesome.min.css"> <!-- Themify Icons CSS --> <link rel="stylesheet" href="css/themify-icons.css"> <!-- Elegant Font Icons CSS --> <link rel="stylesheet" href="css/elegant-font-icons.css"> <!-- Elegant Line Icons CSS --> <link rel="stylesheet" href="css/elegant-line-icons.css"> <!-- Bootstrap CSS --> <link rel="stylesheet" href="css/bootstrap.min.css"> <!-- Slicknav CSS --> <link rel="stylesheet" href="css/slicknav.min.css"> <!-- animate CSS --> <link rel="stylesheet" href="css/animate.min.css"> <!-- OWL-Carousel CSS --> <link rel="stylesheet" href="css/owl.carousel.css"> <!-- Swiper CSS --> <link rel="stylesheet" href="css/swiper.min.css"> <!-- Main CSS --> <link rel="stylesheet" href="css/main.css"> <!-- Responsive CSS --> <link rel="stylesheet" href="css/responsive.css"> <script src="js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script> </head> <body data-spy="scroll" data-target="#navmenu" data-offset="70"> <!--[if lt IE 8]> <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p> <![endif]--> <div id='preloader'> <div class='loader'> <div class="battery"></div> </div> </div> <!-- Preloader --> <header id="header" class="header_section"> <div class="container"> <nav class="navbar"> <a href="#" class="navbar-brand"><img src="img/logo.png" alt="Locked Up"></a> <div class="d-flex menu-wrap"> <div id="navmenu" class="mainmenu"> <ul class="nav"> <li> <a data-scroll class="nav-link active" href="#home">Home <span class="sr-only">(current)</span></a> </li> <li> <a data-scroll class="nav-link" href="#features">Features</a> </li> <li> <a data-scroll class="nav-link" href="#screenshots">Screenshots</a> </li> <li> <a data-scroll class="nav-link" href="#download">Download</a> </li> </ul> </div> </div> </nav> </div> </header> <!-- Header --> <section id="home" class="hero_section gradiant padding"> <div class="display-table"> <div class="table-cell"> <div class="container"> <div class="hero_content"> <h1>Locked Up <br> Can you escape?</h1> <p>A thrilling virtual escape experience where your choices make<br> the difference, can you help your friend survive?</p> <div class="download_btn"> <a href="https://apps.apple.com/us/app/locked-up/id1545899977"><img src="img/apple.png" alt=""></a> <a href="https://play.google.com/store/apps/details?id=com.ghenry22.lockedup"><img src="img/android.png" alt=""></a> </div> </div> </div> <div class="hero_mockup d-none d-md-block"></div> </div> </div> </section> <!-- Hero Section --> <section class="promo_section bd-bottom padding"> <div class="container"> <div class="row"> <div class="col-md-4 xs-padding"> <div class="promo_content text-center"> <i class="icon-mobile"></i> <h3>Virtual Escape Game</h3> <p>Locked Up is a virtual escape room delivered entirely through your mobile device.</p> </div> </div> <div class="col-md-4 xs-padding"> <div class="promo_content text-center"> <i class="icon-lock"></i> <h3>You Decide</h3> <p>Your choices determine whether your friend lives or dies, the game has multiple endings, see if you can find them all.</p> </div> </div> <div class="col-md-4 xs-padding"> <div class="promo_content text-center"> <i class="icon-happy"></i> <h3>Free</h3> <p>Locked Up is completely free to play, give it a try and if you like it please do share with your friends!</p> </div> </div> </div> </div> </section> <!-- Promo Section --> <section id="features" class="feature_section gradiant padding"> <div class="container"> <div class="section_heading mb-40 align-center"> <h2>Locked Up Features</h2> <p>Locked Up is a virtual escape game where you have to help<br>your friend escape a deadly scenario using only a messenger app!</p> </div> <div class="row feature_wrap"> <div class="col-md-3"> <ul class="feature_content feature_left align-right"> <li class="wow fadeInRight" data-wow-delay="0ms" data-wow-duration="1000ms"> <h3>Look Around</h3> <p>Be observant and check your surroundings for clues</p> </li> <li class="wow fadeInRight" data-wow-delay="150ms" data-wow-duration="1000ms"> <h3>Solve Puzzles</h3> <p>It's not easy to escape can you find the way without being caught?</p> </li> <li class="wow fadeInRight" data-wow-delay="300ms" data-wow-duration="1000ms"> <h3>Multiple Endings</h3> <p>Can you find the best ending?</p> </li> </ul> </div> <!-- Left Features --> <div class="col-md-3 offset-md-6"> <ul class="feature_content feature_right align-left"> <li class="wow fadeInLeft" data-wow-delay="0ms" data-wow-duration="1000ms"> <h3>Your Choice</h3> <p>Your choices decide the path the game takes</p> </li> <li class="wow fadeInLeft" data-wow-delay="150ms" data-wow-duration="1000ms"> <h3>Can you handle it?</h3> <p>Being locked up isn't for the faint hearted, are you brave enough?</p> </li> <li class="wow fadeInLeft" data-wow-delay="300ms" data-wow-duration="1000ms"> <h3>Messenger</h3> <p>Use the escape my room messenger app to help your virtual friend escape!</p> </li> </ul> </div> <!-- Right Features --> <div class="iphone_moc"></div> </div> </div> </section> <!-- Feature Section --> <section id="screenshots" class="screenshot_section bd-bottom padding"> <div class="container"> <div class="section_heading mb-40 align-center"> <h2>Screenshots</h2> <p>Here's a quick preview of Locked Up.<br> It's free and packed thrills and puzzles, give it a try!</p> </div> <div class="row"> <div class="col-lg-12"> <div class="screen_wrap"> <div class="swiper-container screen_carousel"> <div class="swiper-wrapper"> <div class="swiper-slide"> <img src="img/screenshot-1.jpg" alt="App Screen"> </div> <div class="swiper-slide"> <img src="img/screenshot-2.jpg" alt="App Screen"> </div> <div class="swiper-slide"> <img src="img/screenshot-3.jpg" alt="App Screen"> </div> <div class="swiper-slide"> <img src="img/screenshot-4.jpg" alt="App Screen"> </div> <div class="swiper-slide"> <img src="img/screenshot-5.jpg" alt="App Screen"> </div> <div class="swiper-slide"> <img src="img/screenshot-6.jpg" alt="App Screen"> </div> </div> <!-- pagination --> <div class="screen-pagination"></div> </div> </div> </div> </div> </div> </section> <!-- Screenshot Section --> <!-- Testimonial Section --> <!-- Blog Section --> <section id="download" class="download_section gradiant padding"> <div class="container"> <div class="download_content text-center wow fadeInUp" data-wow-delay="400ms" data-wow-duration="800ms"> <h3>Download Locked Up Today</h3> <p>Ready for a thrilling, edge of your seat escapge experience?<br> Get locked up today and see if you have what it takes to escape!</p> <div class="download_btn"> <a href="https://apps.apple.com/us/app/locked-up/id1545899977"><img src="img/apple.png" alt=""></a> <a href="https://play.google.com/store/apps/details?id=com.ghenry22.lockedup"><img src="img/android.png" alt=""></a> </div> </div> </div> </section> <!-- Download Section --> <!-- Subscribe Section --> <footer class="footer_section align-center"> <div class="container"> <p>© 2021 Gaven Henry</p> <p>ghenry22.apps@gmail.com</p> <button type="button" class="btn btn-outline-primary btn-sm" data-toggle="modal" data-target="#privacyModal"> Privacy Policy </button> <!-- Modal --> <div class="modal fade" id="privacyModal" tabindex="-1" role="dialog" aria-labelledby="privacyModalLabel" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="privacyModalLabel">Privacy Policy</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <div id="privacyContent"></div> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> </div> </div> </div> </div> <p> </p> </div> </footer> <!-- /.footer_section --> <a data-scroll href="#header" id="scroll-to-top"><i class="arrow_carrot-up"></i></a> <!-- jQuery Lib --> <script src="js/vendor/jquery-1.12.4.min.js"></script> <!-- Bootstrap JS --> <script src="js/vendor/bootstrap.min.js"></script> <!-- Tether JS --> <script src="js/vendor/tether.min.js"></script> <!-- Slicknav JS --> <script src="js/vendor/jquery.slicknav.min.js"></script> <!-- OWL-Carousel JS --> <script src="js/vendor/owl.carousel.min.js"></script> <!-- Swiper JS --> <script src="js/vendor/swiper.min.js"></script> <!-- Smooth Scroll JS --> <script src="js/vendor/smooth-scroll.min.js"></script> <!-- Ajaxchimp JS --> <script src="js/vendor/jquery.ajaxchimp.min.js"></script> <!-- Wow JS --> <script src="js/vendor/wow.min.js"></script> <!-- Main JS --> <script src="js/main.js"></script> </body> </html>