Jira Code: OSI- 56
Description: Create technical specification page for Aquverse.com. This page helps to know the specification of Aquverse products.
HTML CODE:
<!DOCTYPE HTML>
<html lang='eng'>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Fav and touch icons -->
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="assets/ico/apple-touch-icon-144-precomposed.ico">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="assets/ico/apple-touch-icon-114-precomposed.ico">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.ico">
<link rel="apple-touch-icon-precomposed" href="ico/apple-touch-icon-57-precomposed.ico">
<link rel="shortcut icon" href="assets/ico/favicon.ico">
<title>AQUVERSE | Tech specs</title>
<!-- Bootstrap core CSS -->
<link href="assets/bootstrap/css/bootstrap.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="assets/css/style.css" rel="stylesheet">
<!-- Just for debugging purposes. -->
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
<!-- include pace script for automatic web page progress bar -->
<script>
paceOptions = {
elements: true
};
</script>
<script src="assets/js/pace.min.js"></script>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="assets/js/jquery/jquery-2.1.3.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<!-- include global content load js -->
<script src="assets/js-custom/load-global-functions.js"></script>
<script src="assets/js-custom/load-global-content.js"></script>
<script src="assets/js-custom/tech-specs-page.js"></script>
</head>
<body>
<!-- Fixed navbar start -->
<div class="navbar navbar-tshop navbar-fixed-top megamenu" role="navigation">
<div class="navbar-top">
<div class="container">
<div class="row">
<div class="col-lg-6 col-sm-6 col-xs-6 col-md-6">
<div class="pull-left ">
<ul class="userMenu ">
<li class="phone-number">
<a href="callto:+18558928231">
<span> <i class="glyphicon glyphicon-phone-alt "></i></span>
<span class="hidden-xs" style="margin-left:5px"> +1-855-892-8231 </span>
</a>
</li>
</ul>
</div>
</div>
<div class="col-lg-6 col-sm-6 col-xs-6 col-md-6 no-margin no-padding">
<div class="pull-right" id="REPLACE-NAVBAR-TOP">
</div>
</div>
</div>
</div>
</div>
<!--/.navbar-top-->
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only"> Toggle navigation </span>
<span class="icon-bar"> </span>
<span class="icon-bar"> </span>
<span class="icon-bar"> </span>
</button>
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-cart">
<a id="REPLACE-MOBILE-HEADER-CART-URL" href="">
<i class="fa fa-shopping-cart colorWhite"> </i>
<span class="cartRespons colorWhite"> Cart </span>
</a>
</button>
<a class="navbar-brand " href="index.html">
<img src="images/logo.png" alt="TRIDENT USA HEALTH® LOGO" style="height:35px;">
</a>
</div>
<!-- this part is duplicate from cartMenu keep it for mobile -->
<!--/.navbar-cart-->
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav" id="REPLACE-NAVBAR-NAV">
</ul>
<!--- this part will be hidden for mobile version -->
<div class="nav navbar-nav navbar-right hidden-xs">
<div class="dropdown cartMenu ">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
<i class="fa fa-shopping-cart"> </i>
<span class="cartRespons"> CART </span>
<b class="caret"> </b>
</a>
<div class="dropdown-menu col-lg-4 col-xs-12 col-md-4 ">
<div class="w100 miniCartTable scroll-pane" id="REPLACE-MINICART-TABLE">
</div>
<!--/.miniCartTable-->
<div class="miniCartFooter text-right" id="REPLACE-MINICART-FOOTER">
</div>
<!--/.miniCartFooter-->
</div>
<!--/.dropdown-menu-->
</div>
<!--/.cartMenu-->
</div>
<!--/.navbar-nav hidden-xs-->
</div>
<!--/.nav-collapse -->
</div>
<!--/.container -->
</div>
<!-- /.Fixed navbar -->
<div class="container main-container headerOffset">
<div class="row">
<div class="breadcrumbDiv col-lg-12">
<ul class="breadcrumb">
<li><a href="index.html">Home</a></li>
<li class="active">Tech specs</li>
</ul>
</div>
</div>
<div class="row">
<div class="col-lg-9 col-md-9 col-sm-7">
<h1 class="section-title-inner"><span>Tech specs</span></h1>
</div>
</div>
<div class="col-lg-12 col-md-12 col-sm-12">
<div class="tech-spec-pdf" style="text-align:center;font-size:16px"><strong><u>
<a href="images/tech-specs/Aquverse Tech Data.pdf" target="_blank">View PDF In Browser and/or Download.</a></u></strong>
</div>
</div>
<br>
<br>
<div class="col-lg-12 col-md-12 col-sm-12">
<div class="pdf-tech-spec-image" style="display: block;margin-left: auto;margin-right: auto;width: 100%;">
<a href="images/tech-specs/Aquverse Tech Data.pdf" target="_blank">
<img src="images/tech-specs/Aquverse Tech Specs_.png" alt="aquverse-tech-specs" height="100%" width="100%"></a>
</div>
</div>
</div>
<div class="gap"></div>
<div class="gap"></div>
<footer>
<div class="footer-bottom" id="REPLACE-FOOTER-BOTTOM">
</div>
<!--/.footer-bottom-->
</footer>
</body>
</html>
JAVA SCRIPT CODE:
/*Load Returns Page Contents*/
function loadReturnsPageContents() {
for (var i = 0; i < $('#REPLACE-NAVBAR-NAV > li').length; i++) {
if (($('#REPLACE-NAVBAR-NAV > li > a')[i].innerText).trim() == 'TECH SPECS') {
var currentElement = $('#REPLACE-NAVBAR-NAV > li > a')[i];
$(currentElement).parent().addClass('active');
}
}
}
$(document).ready(function() {
loadReturnsPageContents();
});