Telephasic by HTML5 UP

<!DOCTYPE HTML>  <html> <head><script type="text/javascript" src="https://web-static.archive.org/_static/js/bundle-playback.js?v=7YQSqjSh" charset="utf-8"></script> <script type="text/javascript" src="https://web-static.archive.org/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="https://web-static.archive.org/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("https://web.archive.org/web"); __wm.wombat("https://html5up.net/uploads/demos/telephasic/","20200506204424","https://web.archive.org/","web","https://web-static.archive.org/_static/", "1588797864"); </script> <link rel="stylesheet" type="text/css" href="https://web-static.archive.org/_static/css/banner-styles.css?v=p7PEIJWi" /> <link rel="stylesheet" type="text/css" href="https://web-static.archive.org/_static/css/iconochive.css?v=3PDvdIFv" />  <title>Telephasic by HTML5 UP</title> <meta charset="utf-8"/> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"/> <link rel="stylesheet" href="/web/20200506204424cs_/https://html5up.net/uploads/demos/telephasic/assets/css/main.css"/> </head> <body class="homepage is-preload"> <div id="page-wrapper">  <div id="header-wrapper"> <div id="header" class="container">  <h1 id="logo"><a href="index.html">Telephasic</a></h1>  <nav id="nav"> <ul> <li> <a href="#">Dropdown</a> <ul> <li><a href="#">Lorem ipsum dolor</a></li> <li><a href="#">Magna phasellus</a></li> <li><a href="#">Etiam dolore nisl</a></li> <li> <a href="#">Phasellus consequat</a> <ul> <li><a href="#">Lorem ipsum dolor</a></li> <li><a href="#">Phasellus consequat</a></li> <li><a href="#">Magna phasellus</a></li> <li><a href="#">Etiam dolore nisl</a></li> </ul> </li> <li><a href="#">Veroeros feugiat</a></li> </ul> </li> <li><a href="left-sidebar.html">Left Sidebar</a></li> <li class="break"><a href="right-sidebar.html">Right Sidebar</a></li> <li><a href="no-sidebar.html">No Sidebar</a></li> </ul> </nav> </div>  <section id="hero" class="container"> <header> <h2>Telephasic is a responsive <br/> site template by <a href="https://web.archive.org/web/20200506204424/http://html5up.net/">HTML5 UP</a></h2> </header> <p>Designed and built by <a href="https://web.archive.org/web/20200506204424/http://twitter.com/ajlkn">AJ</a> and released for free under <br/> the <a href="https://web.archive.org/web/20200506204424/http://html5up.net/license">Creative Commons Attribution 3.0 license</a>.</p> <ul class="actions"> <li><a href="#" class="button">Get this party started</a></li> </ul> </section> </div>  <div class="wrapper"> <div class="container"> <div class="row"> <section class="col-6 col-12-narrower feature"> <div class="image-wrapper first"> <a href="#" class="image featured first"><img src="/web/20200506204424im_/https://html5up.net/uploads/demos/telephasic/images/pic01.jpg" alt=""/></a> </div> <header> <h2>Semper magna neque vel<br/> adipiscing curabitur</h2> </header> <p>Lorem ipsum dolor sit amet consectetur et sed adipiscing elit. Curabitur vel sem sit dolor neque semper magna. Lorem ipsum dolor sit amet consectetur et sed adipiscing elit. Curabitur vel sem sit.</p> <ul class="actions"> <li><a href="#" class="button">Elevate my awareness</a></li> </ul> </section> <section class="col-6 col-12-narrower feature"> <div class="image-wrapper"> <a href="#" class="image featured"><img src="/web/20200506204424im_/https://html5up.net/uploads/demos/telephasic/images/pic02.jpg" alt=""/></a> </div> <header> <h2>Amet lorem ipsum dolor<br/> sit consequat magna</h2> </header> <p>Lorem ipsum dolor sit amet consectetur et sed adipiscing elit. Curabitur vel sem sit dolor neque semper magna. Lorem ipsum dolor sit amet consectetur et sed adipiscing elit. Curabitur vel sem sit.</p> <ul class="actions"> <li><a href="#" class="button">Elevate my awareness</a></li> </ul> </section> </div> </div> </div>  <div id="promo-wrapper"> <section id="promo"> <h2>Neque semper magna et lorem ipsum adipiscing</h2> <a href="#" class="button">Breach the thresholds</a> </section> </div>  <div class="wrapper"> <section class="container"> <header class="major"> <h2>Sed magna consequat lorem curabitur tempus</h2> <p>Elit aliquam vulputate egestas euismod nunc semper vehicula lorem blandit</p> </header> <div class="row features"> <section class="col-4 col-12-narrower feature"> <div class="image-wrapper first"> <a href="#" class="image featured"><img src="/web/20200506204424im_/https://html5up.net/uploads/demos/telephasic/images/pic03.jpg" alt=""/></a> </div> <p>Lorem ipsum dolor sit amet consectetur et sed adipiscing elit. Curabitur vel sem sit dolor neque semper magna lorem ipsum.</p> </section> <section class="col-4 col-12-narrower feature"> <div class="image-wrapper"> <a href="#" class="image featured"><img src="/web/20200506204424im_/https://html5up.net/uploads/demos/telephasic/images/pic04.jpg" alt=""/></a> </div> <p>Lorem ipsum dolor sit amet consectetur et sed adipiscing elit. Curabitur vel sem sit dolor neque semper magna lorem ipsum.</p> </section> <section class="col-4 col-12-narrower feature"> <div class="image-wrapper"> <a href="#" class="image featured"><img src="/web/20200506204424im_/https://html5up.net/uploads/demos/telephasic/images/pic05.jpg" alt=""/></a> </div> <p>Lorem ipsum dolor sit amet consectetur et sed adipiscing elit. Curabitur vel sem sit dolor neque semper magna lorem ipsum.</p> </section> </div> <ul class="actions major"> <li><a href="#" class="button">Elevate my awareness</a></li> </ul> </section> </div>  <div id="footer-wrapper"> <div id="footer" class="container"> <header class="major"> <h2>Euismod aliquam vehicula lorem</h2> <p>Lorem ipsum dolor sit amet consectetur et sed adipiscing elit. Curabitur vel sem sit<br/> dolor neque semper magna lorem ipsum feugiat veroeros lorem ipsum dolore.</p> </header> <div class="row"> <section class="col-6 col-12-narrower"> <form method="post" action="#"> <div class="row gtr-50"> <div class="col-6 col-12-mobile"> <input name="name" placeholder="Name" type="text"/> </div> <div class="col-6 col-12-mobile"> <input name="email" placeholder="Email" type="text"/> </div> <div class="col-12"> <textarea name="message" placeholder="Message"></textarea> </div> <div class="col-12"> <ul class="actions"> <li><input type="submit" value="Send Message"/></li> <li><input type="reset" value="Clear form"/></li> </ul> </div> </div> </form> </section> <section class="col-6 col-12-narrower"> <div class="row gtr-0"> <ul class="divided icons col-6 col-12-mobile"> <li class="icon brands fa-twitter"><a href="#"><span class="extra">twitter.com/</span>untitled</a></li> <li class="icon brands fa-facebook-f"><a href="#"><span class="extra">facebook.com/</span>untitled</a></li> <li class="icon brands fa-dribbble"><a href="#"><span class="extra">dribbble.com/</span>untitled</a></li> </ul> <ul class="divided icons col-6 col-12-mobile"> <li class="icon brands fa-instagram"><a href="#"><span class="extra">instagram.com/</span>untitled</a></li> <li class="icon brands fa-youtube"><a href="#"><span class="extra">youtube.com/</span>untitled</a></li> <li class="icon brands fa-pinterest"><a href="#"><span class="extra">pinterest.com/</span>untitled</a></li> </ul> </div> </section> </div> </div> <div id="copyright" class="container"> <ul class="menu"> <li>© Untitled. All rights reserved.</li><li>Design: <a href="https://web.archive.org/web/20200506204424/http://html5up.net/">HTML5 UP</a></li><li>Demo Images: <a href="https://web.archive.org/web/20200506204424/http://ineedchemicalx.deviantart.com/">Felicia Simion</a></li> </ul> </div> </div> </div>  <script src="/web/20200506204424js_/https://html5up.net/uploads/demos/telephasic/assets/js/jquery.min.js"></script> <script src="/web/20200506204424js_/https://html5up.net/uploads/demos/telephasic/assets/js/jquery.dropotron.min.js"></script> <script src="/web/20200506204424js_/https://html5up.net/uploads/demos/telephasic/assets/js/browser.min.js"></script> <script src="/web/20200506204424js_/https://html5up.net/uploads/demos/telephasic/assets/js/breakpoints.min.js"></script> <script src="/web/20200506204424js_/https://html5up.net/uploads/demos/telephasic/assets/js/util.js"></script> <script src="/web/20200506204424js_/https://html5up.net/uploads/demos/telephasic/assets/js/main.js"></script> </body> </html>

CINXE.COM

Telephasic by HTML5 UP