Mini Shell
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="produto.aspx.cs" Inherits="produto" %>
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta charset="utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>PROTARTE</title>
<link rel="icon" type="image/png" href="_include\img\logo4.png" />
<meta name="description" content="Protarte,Segurança,Higiene,Batas,Luvas,Uniformes,Calçado de proteção">
<meta name="keywords" content="Protarte,Segurança,Higiene,Batas,Luvas,Uniformes,Calçado de proteção">
<!-- Mobile Specifics -->
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta name="HandheldFriendly" content="true"/>
<meta name="MobileOptimized" content="320"/>
<link rel="stylesheet" href="index_files/vlb_files1/vlightbox1.css" type="text/css" />
<link rel="stylesheet" href="index_files/vlb_files1/visuallightbox.css" type="text/css" media="screen" />
<script src="index_files/vlb_engine/jquery.min.js" type="text/javascript"></script>
<script src="index_files/vlb_engine/visuallightbox.js" type="text/javascript"></script>
<!-- Mobile Internet Explorer ClearType Technology -->
<!--[if IEMobile]> <meta http-equiv="cleartype" content="on"> <![endif]-->
<!-- Bootstrap -->
<link href="_include/css/bootstrap.min.css" rel="stylesheet"/>
<!-- Main Style -->
<link href="_include/css/main.css" rel="stylesheet"/>
<!-- Supersized -->
<link href="_include/css/supersized.css" rel="stylesheet"/>
<link href="_include/css/supersized.shutter.css" rel="stylesheet"/>
<!-- FancyBox -->
<link href="_include/css/fancybox/jquery.fancybox.css" rel="stylesheet"/>
<!-- Font Icons -->
<link href="_include/css/fonts.css" rel="stylesheet"/>
<!-- Shortcodes -->
<link href="_include/css/shortcodes.css" rel="stylesheet"/>
<!-- Responsive -->
<link href="_include/css/bootstrap-responsive.min.css" rel="stylesheet" />
<link href="_include/css/responsive.css" rel="stylesheet"/>
<!-- Supersized -->
<link href="_include/css/supersized.css" rel="stylesheet"/>
<link href="_include/css/supersized.shutter.css" rel="stylesheet"/>
<!-- Google Font -->
<link href='https://fonts.googleapis.com/css?family=Titillium+Web:400,200,200italic,300,300italic,400italic,600,600italic,700,700italic,900' rel='stylesheet' type='text/css'/>
<!-- Fav Icon -->
<%--<link rel="shortcut icon" href="#"/>
<link rel="apple-touch-icon" href="#"/>
<link rel="apple-touch-icon" sizes="114x114" href="#"/>
<link rel="apple-touch-icon" sizes="72x72" href="#"/>
<link rel="apple-touch-icon" sizes="144x144" href="#"/>--%>
<!-- Modernizr -->
<script src="_include/js/modernizr.js"></script>
<!-- Analytics -->
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'Insert Your Code']);
_gaq.push(['_trackPageview']);
(function () {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<!-- End Analytics -->
</head>
<body onload="load();">
<form id="form1" runat="server">
<!-- This section is for Splash Screen -->
<div class="ole">
<section id="jSplash">
<div id="circle"></div>
</section>
</div>
<script type="text/javascript">
function loc(url) {
window.location.assign(url)
}
</script>
<asp:SqlDataSource runat="server" ConnectionString="<%$ ConnectionStrings:protarteConnectionString %>" SelectCommand="SELECT * FROM [produto]"></asp:SqlDataSource>
<header>
<div class="sticky-nav">
<a id="mobile-nav" class="menu-nav" href="#menu-nav"></a>
<div id="logo">
<!--<a id="goUp" href="#home-slider" title="Protarte">Protarte</a>-->
<a href="../_include/img/Ficha de projeto.pdf" target="_blank">PRR</a>
</div>
<nav id="menu">
<ul id="menu-nav">
<li><a onclick="window.location='menu.aspx#home-slider'" href="menu.aspx#home-slider">INício</a></li>
<li><a onclick="window.location='menu.aspx#about'" href="menu.aspx#about">EMPRESA</a></li>
<li class="current"><a onclick="window.location='produtos0.aspx'" href="produtos0.aspx">PRODUTOS</a></li>
<li ><a onclick="window.location='contacto.aspx'" href="contacto.aspx">CONTACTOS</a></li>
</ul>
</nav>
</div>
</header>
<!-- End About Section -->
<!-- Our Work Section -->
<div id="work" class="page">
<div class="container">
<!-- Title Page -->
<div class="row">
<div class="span12">
<div class="title-page">
<h2 id="nome" class="title">PRODUTOS / CATEGORIA</h2>
<!--<h3 class="title-description">Escolha</h3>-->
</div>
</div>
</div>
<!-- End Title Page -->
<!-- Portfolio Projects -->
<div class="row">
<div class="span3">
<!-- Filter -->
<nav id="options" class="work-nav">
<ul id="filters" data-option-key="filter">
<li class="type-work">Categorias</li>
<li ><a id="sele1" href="produto.aspx?id=1&p=Proteção cabeça" data-option-value=".cabeca" >Proteção da Cabeça</a></li>
<li ><a id="sele2" href="produto.aspx?id=2&p=Proteção Auditiva" data-option-value=".audio">Proteção Auditiva</a></li>
<li><a id="sele3" href="produto.aspx?id=3&p=Proteção Respiratória" data-option-value=".respira">Proteção Respiratória</a></li>
<li><a id="sele4" href="produto.aspx?id=4&p=Proteção Ocular" data-option-value=".visual">Proteção Ocular</a></li>
<li><a id="sele5" href="produto.aspx?id=5&p=Proteção Pernas" data-option-value=".visual">Proteção Pernas</a></li>
<li><a id="sele10" href="produto.aspx?id=10&p=Proteção Tronco" data-option-value=".etc">Proteção tronco</a></li>
<li><a id="sele6" href="produto.aspx?id=6&p=Proteção Pés" data-option-value=".calc">Proteção Pés</a></li>
<li><a id="sele7" href="produto.aspx?id=7&p=Proteção Mãos" data-option-value=".luvas">Proteção Mãos</a></li>
<li><a id="sele8" href="produto.aspx?id=8&p=Vestuário" data-option-value=".ves">Vestuário</a></li>
<li><a id="sele9" href="produto.aspx?id=9&p=Diversos e Descartáveis" data-option-value=".etc">Diversos e Descartáveis</a></li>
</ul>
</nav>
<!-- End Filter -->
</div>
<div class="span9">
<div class="row">
<section id="projects">
<ul id="thumbs">
<asp:Label ID="Label1" runat="server" Text=""></asp:Label>
<!-- End Item Project -->
</ul>
</section>
</div>
</div>
</div>
<!-- End Portfolio Projects -->
</div>
</div>
<!-- End Our Work Section -->
<script type="text/javascript">
function load() {
//var id = getUrlVars()["id"];
//var nome = getUrlVars()["p"];
//var dec = decodeURI(nome);
//document.getElementById("nome").innerHTML = "PRODUTOS / " + dec;
if (id == 1) {
document.getElementById("sele1").style.color = "red";
}
if (id == 2) {
document.getElementById("sele2").style.color = "red";
}
if (id == 3) {
document.getElementById("sele3").style.color = "red";
}
if (id == 4) {
document.getElementById("sele4").style.color = "red";
}
if (id == 5) {
document.getElementById("sele5").style.color = "red";
}
if (id == 6) {
document.getElementById("sele6").style.color = "red";
}
if (id == 7) {
document.getElementById("sele7").style.color = "red";
}
if (id == 8) {
document.getElementById("sele8").style.color = "red";
}
if (id == 9) {
document.getElementById("sele9").style.color = "red";
}
}
function getUrlVars() {
var vars = {};
var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function (m, key, value) {
vars[key] = value;
});
return vars;
}
</script>
<!-- End Socialize -->
<!-- Footer -->
<footer>
<p class="credits">©2015 all rights reserved to <a>PROTARTE</a> Powerd by <a >PROTARTE</a></p>
</footer>
<!-- End Footer -->
<!-- Back To Top -->
<a id="back-to-top" href="#">
<i class="font-icon-arrow-simple-up"></i>
</a>
<!-- End Back to Top -->
<script src="jquery.min.js"></script> <!-- jQuery Core -->
<script src="_include/js/bootstrap.min.js"></script> <!-- Bootstrap -->
<script src="_include/js/supersized.3.2.7.min.js"></script> <!-- Slider -->
<script src="_include/js/waypoints.js"></script> <!-- WayPoints -->
<script src="_include/js/waypoints-sticky.js"></script> <!-- Waypoints for Header -->
<script src="_include/js/jquery.isotope.js"></script> <!-- Isotope Filter -->
<script src="_include/js/jquery.fancybox.pack.js"></script> <!-- Fancybox -->
<script src="_include/js/jquery.fancybox-media.js"></script> <!-- Fancybox for Media -->
<script src="_include/js/jquery.tweet.js"></script> <!-- Tweet -->
<script src="_include/js/plugins.js"></script> <!-- Contains: jPreloader, jQuery Easing, jQuery ScrollTo, jQuery One Page Navi -->
<script src="_include/js/main.js"></script> <!-- Default JS -->
</form>
</body>
</html>
Zerion Mini Shell 1.0