4 lines
5.9 KiB
HTML
4 lines
5.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang=en> <head><!-- Document Meta --><meta charset=utf-8><meta name=viewport content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"><meta name=author content="Arris International"><meta name=description content="Arris telecommunications."><meta name=keywords content="Arris wireless gateway router"><title>ARRIS Gateway</title><!-- Favicon --><link rel=icon type=image/png href=assets/images/icon/favicon-256x256.png sizes=256x256><link rel=icon type=image/png href=assets/images/icon/favicon-128x128.png sizes=128x128><link rel=icon type=image/png href=assets/images/icon/favicon-64x64.png sizes=64x64><link rel=icon type=image/png href=assets/images/icon/favicon-32x32.png sizes=32x32><link rel=icon type=image/png href=assets/images/icon/favicon-16x16.png sizes=16x16><!-- Bootstrap CSS --><link rel=stylesheet href=css/bootstrap.min.css><!-- Bootstrap Theme --><link rel=stylesheet href=css/bootstrap-theme.min.css><!-- Custom Style --><link rel=stylesheet href=css/custom.css><!-- jQuery Framework --><script src=js/jquery.min.js></script><!-- Bootstrap Scripts --><script src=js/bootstrap.min.js></script><!-- Custom Scripts --><script src=js/custom.js></script></head> <body> <!-- Navigation content begins --> <nav class="navbar navbar-inverse navbar-static-top"> <div class=container> <header class=navbar-header> <a class=navbar-brand href=index.html> <span> <img alt="Arris Int." src=images/arris-icon.png> </span> <span class=text>ARRIS™</span> </a> <button type=button class="navbar-toggle collapsed" data-toggle=collapse data-target=#navbar-primary> <!-- "Toggle navigation" only visible on screen-readers --> <span class=sr-only>Toggle navigation</span> <!-- The spans below comprise the [mobile's] menu button three horizontal bars --> <span class=icon-bar></span> <span class=icon-bar></span> <span class=icon-bar></span> </button> </header> <!-- Navigation links and other content will be collapsable when in mobile devices --> <div class="collapse navbar-collapse" id=navbar-primary> <!-- Left navigation bar segment --> <div class=navbar-left> <ul class="nav navbar-nav"> <li class=active> <a href=# aria-controls="wireless management"><span class="glyphicon glyphicon-signal" aria-hidden=true></span> Wireless</a> </li> <li disabled> <a href=# aria-controls="modem management"><span class="glyphicon glyphicon-transfer" aria-hidden=true></span> Modem</a> </li> <li disabled> <a href=# aria-controls="router management"><span class="glyphicon glyphicon-fullscreen" aria-hidden=true></span> Router</a> </li> </ul> </div> <!-- Right navigation bar segment --> <div class=navbar-right> <ul class="nav navbar-nav"> <li> <a href=# title="Quick help" data-toggle=modal data-target=#quick-help><span class="glyphicon glyphicon-question-sign" aria-hidden=true></span> Help</a> </li> </ul> </div> </div> </div> </nav> <!-- Auxillary Alerts --> <article class=container id=alert-section> <h3 class=hidden>Alerts</h3> <template id=alert> <div class="alert alert-dismissible" role=alert> <button type=button class=close data-dismiss=alert aria-label=dismiss><span aria-hidden=true>×</span></button> <span class=glyphicon aria-hidden=true></span> <strong class=heading></strong>: <span class=message></span> </div> </template> </article> <!-- Main content begins --> <main> <section class=container id=authentication-section> <h2 class=sr-only>Authentication Section</h2> <article class="panel panel-default"> <header class=panel-heading> <h3 class=panel-title><span class="glyphicon glyphicon-lock" aria-hidden=true></span> Wireless Protected Access <span class="pull-right glyphicon glyphicon-user"></span></h3> </header> <div class=panel-body> <p>Your <strong>Wi-Fi security password</strong> is required to access the Internet, please authenticate to gain access.</p> <div class=form-group> <div class=input-group> <span class=input-group-addon>WPA Key</span> <input class=form-control name=key1 type=password id=wpa-password> <span class=input-group-btn> <button class="btn btn-default" type=button id=wpa-visibility><span class="glyphicon glyphicon-eye-open"></span></button> </span> </div> </div> <button type=button class="btn btn-success btn-block" id=wpa-submit disabled>Authenticate</button> </div> </article> </section> <section> <!-- Modal --> <div class="modal fade" id=quick-help tabindex=-1 role=dialog aria-labelledby="Quick Help"> <div class=modal-dialog role=document> <div class=modal-content> <div class=modal-header> <button type=button class=close data-dismiss=modal aria-label=Close><span aria-hidden=true>×</span></button> <h4 class=modal-title><span class="glyphicon glyphicon-question-sign"></span> Help</h4> </div> <div class=modal-body> <h5><span class="glyphicon glyphicon-info-sign"></span> About WPA</h5> <p>Wireless Protected Access (WPA/WPA2) offers the most advanced type of security for wireless networks. Your router is currently using the WPA2 security.</p> <hr> <h5><span class="glyphicon glyphicon-info-sign"></span> Authentication</h5> <p>The <u>WPA key</u> is required every time a new device joins the network. Devices must <strong>re-authenticate after a firmware upgrade</strong>.</p> <ul> <li>The <u>WPA key</u> refers to your Wi-Fi password/passphrase.</li> <li>The <u>WPA key</u> is printed under your ARRIS™ wireless router.</li> <li>If the <u>WPA key</u> is lost, the router must be reset.</li> <li>To reset the router, <strong>press and hold the reset button</strong> on the device <strong>for 30 seconds</strong>.</li> </ul> </div> <div class=modal-footer> <button type=button class="btn btn-default" data-dismiss=modal>Close</button> </div> </div> </div> </div> </section> </main> <!-- Footer content begins --> <footer> <!-- Rights section --> <section class="container rights"> <h2 class=sr-only>Rights</h2> <p>© 2017 ARRIS International Plc™.<br class=visible-xs> All rights reserved.</p> </section> </footer> </body> </html>
|
|
#filename_upper_camel
|