Mini Shell
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="menu.aspx.cs" Inherits="menu" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<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"/>
<!-- 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>
<div class="ole">
<section id="jSplash">
<div id="circle"></div>
</section>
</div>
<!-- End of Splash Screen -->
<!-- Homepage Slider -->
<div id="home-slider">
<div class="overlay"></div>
<div class="slider-text">
<div id="slidecaption"></div>
</div>
<div class="control-nav">
<a id="prevslide" class="load-item"><i class="font-icon-arrow-simple-left"></i></a>
<a id="nextslide" class="load-item"><i class="font-icon-arrow-simple-right"></i></a>
<ul id="slide-list"></ul>
<a id="nextsection" href="#about"><i class="font-icon-arrow-simple-down"></i></a>
</div>
</div>
<!-- End Homepage Slider -->
<!-- Header -->
<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 Header -->
<!-- About Section -->
<div id="about" class="page-alternate">
<div class="container">
<!-- Title Page -->
<div class="row">
<div class="span12">
<div class="title-page">
<h2 class="title">Protarte</h2>
<h3 class="title-description">A Nossa Cultura</h3>
</div>
</div>
</div>
<!-- End Title Page -->
<!-- People -->
<div class="row">
<!-- Start Profile -->
<div class="tabbable">
<div style="max-width:640px; display:block; margin-left:auto; margin-right:auto">
<ul class="nav nav-tabs" id="myTab">
<li class="active"><a href="#tab1" data-toggle="tab">História</a></li>
<li><a href="#tab2" data-toggle="tab">Missão</a></li>
<li><a href="#tab3" data-toggle="tab">Visão</a></li>
<li><a href="#tab4" data-toggle="tab">Valores</a></li>
</ul>
</div>
<div class="tab-content">
<div class="tab-pane fade in active" id="tab1" style="text-align:justify">
A Protarte, Confecção de Artigos de Protecção Industrial, Lda., fundada em 1990 na região
Norte de Portugal, resulta do sonho e da ambição dos seus fundadores em criar uma empresa
diferenciadora capaz de dar resposta às crescentes necessidades de um tecido empresarial
dinâmico e em amplo desenvolvimento. Ao longo das suas mais de três décadas de existência
foi alvo de várias alterações societárias, todavia, conservando sempre as suas origens e a sua
matriz familiar.<br /><br />
A Protarte foi, é e será, uma companhia focada numa oferta diferenciadora de equipamentos
de proteção individual de produção própria, com integração de mão de obra e matérias-primas totalmente nacionais e personalizáveis às mais distintas necessidades dos seus clientes.
Não obstante, para satisfação e comodidade dos seus clientes, paulatinamente foi integrando
na sua carteira de ofertas a comercialização de uma seleção de produtos de origem e
qualidade controlada, das mais diversas marcas de renome, tanto nacionais como
internacionais. Fruto deste esforço, a Protarte responde hoje satisfatoriamente a necessidades
específicas das mais diversas áreas da atividade da económica, tais como, turismo, saúde,
indústria metalomecânica, siderúrgica, automóvel, construção civil e obras públicas,
eletricidade, manutenção, entre outras .<br /><br />
A sua história, a sua experiência, a sua reputação ética, técnica e financeira, aliada a uma
contínua vontade de renovação e aprendizagem, permite aos seus acionistas ambicionar o
desenvolvimento de outras tantas décadas de atividade num contexto de crescente qualidade
de ofertas e de respeito para com os seus mais diretos parceiros de negócio.<br />
</div>
<div class="tab-pane fade in" id="tab2" style="text-align:justify">
A crescente complexidade, exigência e competitividade dos diferentes setores da economia,
conduz a uma crescente necessidade de atualização e adaptação das atividades afetas à
promoção da segurança laboral. <br /><br />
Enquanto agente económico ativo no domínio da Higiene e Segurança no Trabalho, a Protarte
Lda. tem por missão o adequado aconselhamento e apoio dos seus parceiros em matérias de
segurança laboral, bem como, a contínua e incessante procura de soluções adaptadas às suas
mais diversas necessidades, quer por via do desenvolvimento de soluções específicas, quer por
via da adequação das correntes ofertas de mercado, sempre numa ótica de excelência do
binómio custo/qualidade.
</div>
<div class="tab-pane fade in" id="tab3" style="text-align:justify">
Para a Protarte, Confecção de Artigos de Protecção Industrial, Lda. cada colaborador reúne em
si um potencial inestimável de geração de riqueza para a companhia na qual opera. O seu
conforto, satisfação, comodidade e segurança são, por conseguinte, temas inegociáveis numa
qualquer companhia consciente da sua riqueza humana coletiva.<br /><br />
Enquanto agente ativo na promoção da segurança laboral, a Protarte visa colocar à
disponibilidade dos seus clientes uma gama completa de serviços no domínio da Higiene e
Segurança no Trabalho, tais como, elaboração de planos de segurança, formação,
sensibilização consultoria e comercialização de equipamentos de proteção individual.
A aplicação da melhoria contínua em toda a nossa cadeia de valor, associada a uma incessante
procura de novos materiais, soluções e serviços que mais se adaptem às necessidades dos seus
clientes são por conseguinte os desígnios basilares da nossa companhia.<br />
</div>
<div class="tab-pane fade in" id="tab4" style="text-align:center">
Assumimos, desde muito cedo, dois slogans absolutamente marcantes dos Valores da nossa
Companhia:<br />
- Protarte, a Segurança de uma Boa Escolha;<br />
- A Sua Segurança é a Nossa Responsabilidade.<br />
No conjunto eles descrevem os nossos principais compromissos e Valores empresariais e
sociais, nomeadamente: <br />
- Garantia de qualidade e fiabilidade dos nossos produtos e serviços; <br />
- Enfoque no Cliente e nas suas necessidades;<br />
- Relacionamentos comerciais assentes numa lógica de Parcerias e de partilha de
responsabilidades no nosso domínio de atividade; <br /> - A Higiene e Segurança no
Trabalho. </div>
</div>
</div>
</div>
<!-- End People -->
</div>
</div>
<!-- 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 class="title">PRODUTOS</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" class="option-set" data-option-key="filter">
<li class="type-work">Categorias</li>
<li><a href="#filter" data-option-value="*" class="selected">Todas categorias</a></li>
<li><a href="#filter" data-option-value=".cabeca">Proteção da Cabeça</a></li>
<li><a href="#filter" data-option-value=".audio">Proteção Auditiva</a></li>
<li><a href="#filter" data-option-value=".respira">Proteção Respiratória</a></li>
<li><a href="#filter" data-option-value=".visual">Proteção Visual</a></li>
<li><a href="#filter" data-option-value=".pernas">Proteção Pernas</a></li>
<li><a href="#filter" data-option-value=".tronco">Proteção Tronco</a></li>
<li><a href="#filter" data-option-value=".luvas">Luvas</a></li>
<li><a href="#filter" data-option-value=".calc">Calçado</a></li>
<li><a href="#filter" data-option-value=".ves">Vestuário</a></li>
<li><a href="#filter" 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">
<!-- Item Project and Filter Name -->
<li class="item-thumbs span3 cabeca">
<!-- Fancybox - Gallery Enabled - Title - Full Image -->
<a href="produto.aspx?id=1&p=Proteção cabeça" class="hover-wrap " title="VER +">
<span class="overlay-img"></span>
<span class="overlay-img-thumb font-icon-plus"></span>
</a>
<!-- Thumb Image and Description -->
<img src="_include/img/capacetes2.png" alt="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus quis elementum odio. Curabitur pellentesque, dolor vel pharetra mollis.">
</li>
<!-- End Item Project -->
<!-- Item Project and Filter Name -->
<li class="item-thumbs span3 audio">
<!-- Fancybox - Gallery Enabled - Title - Full Image -->
<a href="produto.aspx?id=2&p=Proteção auditiva" class="hover-wrap" title="VER +">
<span class="overlay-img"></span>
<span class="overlay-img-thumb font-icon-plus"></span>
</a>
<!-- Thumb Image and Description -->
<img src="_include/img/audio.png" alt="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus quis elementum odio. Curabitur pellentesque, dolor vel pharetra mollis.">
</li>
<!-- End Item Project -->
<!-- Item Project and Filter Name -->
<li class="item-thumbs span3 respira">
<!-- Fancybox - Gallery Enabled - Title - Full Image -->
<a href="produto.aspx?id=3&p=Proteção respiratória" class="hover-wrap " title="VER +">
<span class="overlay-img"></span>
<span class="overlay-img-thumb font-icon-plus"></span>
</a>
<!-- Thumb Image and Description -->
<img src="_include/img/respira.png" alt="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus quis elementum odio. Curabitur pellentesque, dolor vel pharetra mollis.">
</li>
<!-- End Item Project -->
<!-- Item Project and Filter Name -->
<li class="item-thumbs span3 visual">
<!-- Fancybox Media - Gallery Enabled - Title - Link to Video -->
<a href="produto.aspx?id=4&p=Proteção visual" class="hover-wrap " title="VER +">
<span class="overlay-img"></span>
<span class="overlay-img-thumb font-icon-plus"></span>
</a>
<!-- Thumb Image and Description -->
<img src="_include/img/visual.png" alt="Video">
</li>
<!-- End Item Project -->
<!-- Item Project and Filter Name -->
<li class="item-thumbs span3 pernas">
<!-- Fancybox - Gallery Enabled - Title - Full Image -->
<a href="produto.aspx?id=5&p=Proteção pernas" class="hover-wrap " title="VER +">
<span class="overlay-img"></span>
<span class="overlay-img-thumb font-icon-plus"></span>
</a>
<!-- Thumb Image and Description -->
<img src="_include/img/pernas.png" alt="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus quis elementum odio. Curabitur pellentesque, dolor vel pharetra mollis.">
</li>
<!-- End Item Project -->
<!-- Item Project and Filter Name -->
<li class="item-thumbs span3 tronco">
<!-- Fancybox - Gallery Enabled - Title - Full Image -->
<a href="produto.aspx?id=5&p=Proteção tronco" class="hover-wrap " title="VER +">
<span class="overlay-img"></span>
<span class="overlay-img-thumb font-icon-plus"></span>
</a>
<!-- Thumb Image and Description -->
<img src="_include/img/tronco.png" alt="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus quis elementum odio. Curabitur pellentesque, dolor vel pharetra mollis.">
</li>
<!-- End Item Project -->
<!-- Item Project and Filter Name -->
<li class="item-thumbs span3 calc">
<!-- Fancybox - Gallery Enabled - Title - Full Image -->
<a href="produto.aspx?id=6&p=Calçado" class="hover-wrap " title="VER +">
<span class="overlay-img"></span>
<span class="overlay-img-thumb font-icon-plus"></span>
</a>
<!-- Thumb Image and Description -->
<img src="_include/img/calc.png" alt="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus quis elementum odio. Curabitur pellentesque, dolor vel pharetra mollis.">
</li>
<!-- End Item Project -->
<!-- Item Project and Filter Name -->
<li class="item-thumbs span3 luvas">
<!-- Fancybox Media - Gallery Enabled - Title - Link to Video -->
<a href="produto.aspx?id=7&p=Luvas" class="hover-wrap " title="VER +">
<span class="overlay-img"></span>
<span class="overlay-img-thumb font-icon-plus"></span>
</a>
<!-- Thumb Image and Description -->
<img src="_include/img/luvas2.png" alt="Video">
</li>
<!-- End Item Project -->
<!-- Item Project and Filter Name -->
<li class="item-thumbs span3 ves">
<!-- Fancybox - Gallery Enabled - Title - Full Image -->
<a href="produto.aspx?id=8&p=Vestuário" class="hover-wrap " title="VER +">
<span class="overlay-img"></span>
<span class="overlay-img-thumb font-icon-plus"></span>
</a>
<!-- Thumb Image and Description -->
<img src="_include/img/ves.png" alt="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus quis elementum odio. Curabitur pellentesque, dolor vel pharetra mollis.">
</li>
<!-- End Item Project -->
<!-- Item Project and Filter Name -->
<li class="item-thumbs span3 etc">
<!-- Fancybox - Gallery Enabled - Title - Full Image -->
<a href="produto.aspx?id=9&p=Diversos e descartáveis" class="hover-wrap " title="VER +">
<span class="overlay-img"></span>
<span class="overlay-img-thumb font-icon-plus"></span>
</a>
<!-- Thumb Image and Description -->
<img src="_include/img/etc.png" alt="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus quis elementum odio. Curabitur pellentesque, dolor vel pharetra mollis.">
</li>
<!-- End Item Project -->
</ul>
</section>
</div>
</div>
</div>
<!-- End Portfolio Projects -->
</div>
</div>
<!-- End Our Work Section -->
<!-- Contact Section -->
<div id="contact" class="page">
<div class="container">
<!-- Title Page -->
<div class="row">
<div class="span12">
<div class="title-page">
<h2 class="title">Entra em contacto</h2>
</div>
</div>
</div>
<!-- End Title Page -->
<!-- Contact Form -->
<div class="row">
<div class="span9">
<form id="contact_form" class="contact-form" action="#" runat="server">
<p class="contact-name">
<input id="contact_name" runat="server" type="text" placeholder="Nome completo" name="name" />
</p>
<br/>
<p class="contact-email">
<input id="contact_email" type="text" runat="server" placeholder="Email " name="email" />
</p>
<br/>
<p class="contact-email">
<textarea id="dress_email" runat="server" style="max-width:450px;" placeholder="MORADA" rows="4" cols="40" name="email" ></textarea>
</p>
<br/>
<p class="contact-message">
<textarea id="contact_message" runat="server" placeholder="Mensagem" name="message" rows="15" cols="40"></textarea>
</p>
<br/>
<br/>
<div id="response">
</div>
<p class="contact-submit">
<asp:Button ID="submit" runat="server" class="submit" Text="Enviar Email" OnClick="submit_Click" />
</p>
</form>
</div>
<div class="span3">
<div class="contact-details">
<h3>PROTARTE</h3>
<ul>
<li><a href="#">geral@protarte.com</a></li>
<li>TEl. 256 898141</li>
<li>FAX. 256 891647</li>
<li>
Rua do Corgo, Nº 470 – 3880-846
<br>
S. VICENTE PEREIRA JUSÃ
<br>
Ovar
</li>
</ul>
</div>
</div>
</div>
<!-- End Contact Form -->
</div>
</div>--%>
<!-- End Contact Section -->
<!-- Twitter Feed -->
<!--<div id="twitter-feed" class="page-alternate">
<div class="container">
<div class="row">
<div class="span12">
<div class="follow">
<a href="https://twitter.com/Bluxart" title="Follow Me on Twitter" target="_blank"><i class="font-icon-social-twitter"></i></a>
</div>
<div id="ticker" class="query">
</div>
</div>
</div>
</div>
</div>-->
<!-- End Twitter Feed -->
<!-- Socialize -->
<div id="social-area" class="page">
<div class="container">
<div class="row">
<div class="span12">
<nav id="social">
<ul>
<li><a title="Follow Me on Twitter" target="_blank"><span class="font-icon-social-twitter"></span></a></li>
<!--<li><a title="Follow Me on Dribbble" target="_blank"><span class="font-icon-social-dribbble"></span></a></li>
<li><a title="Follow Me on Forrst" target="_blank"><span class="font-icon-social-forrst"></span></a></li>
<li><a title="Follow Me on Behance" target="_blank"><span class="font-icon-social-behance"></span></a></li>-->
<li><a title="Follow Me on Facebook" target="_blank"><span class="font-icon-social-facebook"></span></a></li>
<li><a title="Follow Me on Google Plus" target="_blank"><span class="font-icon-social-google-plus"></span></a></li>
<li><a title="Follow Me on LinkedIn" target="_blank"><span class="font-icon-social-linkedin"></span></a></li>
<!--<li><a title="Follow Me on ThemeForest" target="_blank"><span class="font-icon-social-envato"></span></a></li>
<li><a title="Follow Me on Zerply" target="_blank"><span class="font-icon-social-zerply"></span></a></li>-->
</ul>
</nav>
</div>
</div>
</div>
</div>
<!-- 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 -->
<!-- Js -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/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 -->
<!-- End Js -->
</body>
</html>
Zerion Mini Shell 1.0