169 lines
6.8 KiB
HTML
169 lines
6.8 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-3.2.1.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>
|