<h:outputScript library="js" name="jquery-2.1.4.min.js" />
<h:outputScript library="js" name="bootstrap.js" />
<h:outputScript library="js" name="bootstrap.min.js" />
</h:head>
body{padding-top: 40px;}<h:body data-spy="scroll" data-target="#my-navbar">
<!--?xml Navbarversion="1.0" -encoding="UTF-8" ?>
<nav class="navbar<!DOCTYPE navbar-inversehtml navbar-fixed-top"PUBLIC id="my"-navbar">
<div class="container">
//W3C//DTD XHTML 1.0 <divTransitional//EN" class="navbar"http://www.w3.org/TR/xhtml1/DTD/xhtml1-header">
transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
<button type="button" class="navbar-toggle" data-toggle="collapse"xmlns:p="http://primefaces.org/ui"
xmlns:f="http://java.sun.com/jsf/core">
<h:head>
<meta datahttp-target="#navbarequiv="Content-collapse">
<spanType" class="icon-bar"><content="text/span> <spanhtml; class="iconcharset=UTF-bar"></span>8" <span/>
<h:outputStylesheet library="css" name="bootstrap-theme.css" />
<h:outputStylesheet library="css" class="iconname="bootstrap-bar"></span> <spantheme.min.css" class="icon-bar"></span>>
<h:outputStylesheet library="css" name="bootstrap.css" </button>>
<h:outputScript library="js" name="jquery-2.1.4.min.js" />
<h:linkoutputScript styleClass="navbar-brand">Quemlibrary="js" somos<name="bootstrap.js" /h>
<h:link>outputScript library="js" name="bootstrap.min.js" />
</div>
<!-- Navbar Header-->
<div class="collapse navbar-collapse" id="navbar-collapse">
<h:link styleClass="btn btn-warning navbar-btn navbar-right">Download agora</h:link>
<ul class="nav navbar-nav">
<li><h:link>Fotos</h:link></li>
<li><h:link>Características</h:link></li>
<li><h:link>Faq</h:link></li>
<li><h:link>Fale Conosco</h:link></li>
</ul>
</div>
</div>
<!-- End Container--> </nav>
<!-- End navbar -->
<!-- jumbotron-->/h:head>
<div class="jumbotron">
<div class="container text-center">
<h1>JWB Tecnologia</h1>
<p>Este portal foi criado para auxiliar as empresas e
profissionais que buscam informações sobre Sistemas ERP. Para
ajudá-lo em sua pesquisa, selecionamos as principais informações
sobre Sistema ERP para que esta ferramenta possa contribuir ao
máximo para a melhoria da qualidade de seus serviços e a
competitividade de sua empresa.</p>
<style>
body {
<div class="btnpadding-group">top: 40px;
}
</style>
<h:link styleClass="btn btn-lg btn-warning">Download App</h:link>
<h:link styleClass="btn btn-lgbody btndata-default">Loja Virtual</h:link>
<h:link styleClass="btnspy="scroll" btndata-lg btntarget="#my-warning">Lista de ERP</h:link>navbar">
<!-- Navbar -->
</div><nav class="navbar navbar-inverse navbar-fixed-top" id="my-navbar">
</div><div class="container">
<!-- End container -->
</div>
<!-- End<div jumbotron-class="navbar->header">
<button type="button" class="navbar-toggle" data-toggle="collapse"
data-target="#navbar-collapse">
<span class="icon-bar"></span> <span class="icon-bar"></span> <span
class="icon-bar"></span> <span class="icon-bar"></span>
</button>
<!-- Feedback-->
<div class="container">
<section>
<div class="page-header" id="feedback">
<h2>
Frases de Grandes Empresários<small> Leia com atenção</small>
</h2>
<h:link styleClass="navbar-brand">Quem <somos</div>h:link>
<div class="row">
<div class="col-md-4">
<blockquote>
<p>Seus clientes mais insatisfeitos são sua melhor fonte de
aprendizado.</p>
<footer>Bill Gates</footer>
</blockquote>
</div>
<div class="col<!-md-4">
<blockquote>
<p>Não deixe o barulho da opinião dos outros abafar sua voz
interior. E mais importante, tenha a coragem de seguir seuNavbar coraçãoHeader-->
e sua intuição. Eles de alguma forma já sabem o<div queclass="collapse vocênavbar-collapse" realmenteid="navbar-collapse">
quer se tornar. Tudo o mais é secundário.</p>
<footer>Steve Jobs</footer>
<h:link styleClass="btn btn-warning navbar-btn navbar-right">Download <agora</blockquote>h:link>
</div>
<ul <divclass="nav class="col-mdnavbar-4">
<blockquote>
<p>Não deixe o barulho da opinião dos outros abafar sua voznav">
interior. E mais importante, tenha a coragem de seguir seu coração<li><h:link>Fotos</h:link></li>
e sua intuição. Eles de alguma forma já sabem o que você realmente<li><h:link>Características</h:link></li>
quer se tornar. Tudo o mais é secundário.<<li><h:link>Faq</p>h:link></li>
<footer>Mark Zuckerberg - fundados do<li><h:link>Fale Facebook<Conosco</footer>h:link></li>
</blockquote>ul>
</div>
</div>
<!-- End row Container--> </section>
</div>nav>
<!-- End Containernavbar -->
<!-- jumbotron-->
<!-- call to action -->
<section>
<div class="well">class="jumbotron">
<div class="container text-center">
<h3>Inscreva-se agora< <h1>JWB Tecnologia</h3>h1>
<p>Digite seu nome e <p>Este portal foi criado para auxiliar as empresas e
profissionais que buscam informações sobre Sistemas ERP. Para
ajudá-mail<lo em sua pesquisa, selecionamos as principais informações
sobre Sistema ERP para que esta ferramenta possa contribuir ao
máximo para a melhoria da qualidade de seus serviços e a
competitividade de sua empresa.</p>
<form action="" class="form <div class="btn-inline">group">
<div class="form <h:link styleClass="btn btn-group">lg btn-warning">Download App</h:link>
<h:link styleClass="btn btn-lg btn-default">Loja Virtual</h:link>
<h:link styleClass="btn btn-lg btn-warning">Lista de ERP</h:link>
<h:outputLabel value="Nome" />
<h:inputText styleClass="form-control" id="subscription" />
</div>
<div class="form-group">
<h:outputLabel value="Email " />
<h:inputText styleClass="form-control" id="email" />
</div>
</div>
<h:button styleClass="btn btn <!-default"- value="Cadastrar"End /container -->
</div>
</form>!-- End jumbotron-->
<!-- Feedback-->
<div class="container">
<section>
<div class="page-header" id="feedback">
<h2>
Frases de Grandes Empresários<small> Leia com atenção</small>
</h2>
</div>
<div class="row">
<div class="col-md-4">
<blockquote>
<p>Seus clientes mais insatisfeitos são sua melhor fonte de
aprendizado.</p>
<footer>Bill Gates</footer>
</blockquote>
</div>
<div class="col-md-4">
<blockquote>
<p>Não deixe o barulho da opinião dos outros abafar sua voz
interior. E mais importante, tenha a coragem de seguir seu coração
e sua intuição. Eles de alguma forma já sabem o que você realmente
quer se tornar. Tudo o mais é secundário.</p>
<footer>Steve Jobs</footer>
</blockquote>
</div>
<div class="col-md-4">
<blockquote>
<p>Não deixe o barulho da opinião dos outros abafar sua voz
interior. E mais importante, tenha a coragem de seguir seu coração
e sua intuição. Eles de alguma forma já sabem o que você realmente
quer se tornar. Tudo o mais é secundário.</p>
<footer>Mark Zuckerberg - fundados do Facebook</footer>
</blockquote>
</div>
</div>
<!-- End row --> </section>
</div>
<!-- endEnd Container-->
</div>
<!-- end well--> </section>
<!-- Call to action -->
<!-- Gallerycall to action -->
<div class="container">
<section>
<div class="page-header" id="galeria">class="well">
<h2>
<div class="container text-center">
Trabalhos Realizados<small> Verifique as<h3>Inscreva-se Imagens<agora</small>h3>
</h2>
<<p>Digite seu nome e e-mail</div>p>
<div class="carousel slide" id="screenshot-carousel"
data-ride="carousel">
<form <olaction="" class="carouselclass="form-indicators">inline">
<!-- http://stackoverflow.com/questions/21944735/what-is-the-data-target-attribute-in-bootstrap-3<div -class="form->group">
<li data-target="#screenshot-carousel" data-slide-to="0"
class="active"></li>
<li data-target="#screenshot-carousel" data-slide-to="1"></li>
<li data-target="#screenshot-carousel" data-slide-to="2"></li>
<li data-target="#screenshot-carousel" data-slide-to="3"></li>
</ol>
<div class="carousel-inner">
<div class="item active">
<h:graphicImage library="imagens"outputLabel name="highway.jpg"value="Nome" />
alt="Text of the image" />
<div<h:inputText class="carouselstyleClass="form-caption">
<h3>Sistema de controle de trafeco</h3>
<p>Foi implementado um sistema para o governocontrol" doid="subscription" RS</p>>
</div>
</div>
<div class="form-group">
<div class="item">
<h:graphicImageoutputLabel library="imagens"value="Email name="river.jpg"" />
alt="Text of the image" />
<div<h:inputText class="carouselstyleClass="form-caption">
<h3>Sistema Integrado em São Lourenço</h3>
<p>Foi para o governocontrol" doid="email" estado</p>>
</div>
</div>
<div class="item">
<h:graphicImagebutton library="imagens"styleClass="btn name="street.jpg"btn-default" value="Cadastrar" />
alt="Text of the image" </>form>
<div class="carousel-caption">
<h3>Street heading</h3>
<p>Sistema para pavimentação privada</p>
</div>
</div>
<div class="item">
<h:graphicImage library="imagens" name="painting.jpg" />
alt="Text of the image" />
<div class="carousel-caption">
<h3>Ana Paola de Souza Alves<</h3>div>
<!-- end <p>FoiContainer-->
implementado um sistema integrado<</p>div>
<!-- end well--> </div>section>
<!-- Call to action </div>-->
<!-- Gallery -->
<div class="container">
<section>
<div class="page-header" id="galeria">
<h2>
Trabalhos Realizados<small> Verifique as Imagens</small>
</h2>
</div>
<!-- End Carousel inner -->
<!-<div class="carousel slide" id="screenshot-carousel"
Nãodata-ride="carousel">
conseguir fazer funcionar isso direito - <ol class="carousel->indicators">
<a href="#screenshot-carousel" class="left carousel-control"
data<!-slide="prev">- <span
class="glyphicon glyphicon-chevron-left"></span>
<http:/a> <a href="#screenshot/stackoverflow.com/questions/21944735/what-carousel" class="right carouselis-control"
the-data-slide="next"> <span
class="glyphicon glyphicontarget-chevronattribute-right"></span>
in-bootstrap-3 </a>-->
<li data-target="#screenshot-carousel" data-slide-to="0"
class="active"></li>
<li data-target="#screenshot-carousel" data-slide-to="1"></li>
<li data-target="#screenshot-carousel" data-slide-to="2"></li>
<li data-target="#screenshot-carousel" data-slide-to="3"></li>
</ol>
<div class="carousel-inner">
<div class="item active">
<h:graphicImage library="imagens" name="highway.jpg" />
alt="Text of the image" />
<div class="carousel-caption">
<h3>Sistema de controle de trafeco</h3>
<p>Foi implementado um sistema para o governo do RS</p>
</div>
</div>
<div class="item">
<h:graphicImage library="imagens" name="river.jpg" />
alt="Text of the image" />
<div class="carousel-caption">
<h3>Sistema Integrado em São Lourenço</h3>
<p>Foi para o governo do estado</p>
</div>
</div>
<div class="item">
<h:graphicImage library="imagens" name="street.jpg" />
alt="Text of the image" />
< <div class="carousel-caption">
<h3>Street heading</div>h3>
<!-- End Carousel --> <p>Sistema para pavimentação privada</p>
</section>div>
</div>
<div class="item">
<h:graphicImage library="imagens" name="painting.jpg" />
alt="Text of the image" />
<div class="carousel-caption">
<h3>Ana Paola de Souza Alves</h3>
<p>Foi implementado um sistema integrado</p>
</div>
</div>
<!-- features -->
<div class="container">
<section>
<div class="page-header" id="features">
<h2>
Features.<small> Some of the coolest Features of this app.</small>div>
</h2>
</div>
<!-- End PageCarousel Headerinner -->
<div class="row">
<div class="col<!-sm-8">
<h3>This is theNão heading</h3>
conseguir fazer funcionar isso direito -->
<p>Lorem ipsum dolor sit amet, consectetur<a adipiscinghref="#screenshot-carousel" elit.class="left Namcarousel-control"
maurisdata-slide="prev"> tortor,<span
eleifend sit amet fringilla ac, tincidunt id massa.
class="glyphicon glyphicon-chevron-left"></span>
Proin et odio mattis, venenatis</a> lacus<a vel,href="#screenshot-carousel" faucibusclass="right elit</p>carousel-control"
</div>
<div class="col-smdata-4">
slide="next"> <span
<h:graphicImage library="imagens" name="imac.jpg"
class="glyphicon glyphicon-chevron-right"></span>
styleClass="img-responsive" </>a>
</div>
<!-- End Carousel --> </section>
</div>
<!-- End rowfeatures -->
<div class="row">class="container">
<div class="col-sm-8"><section>
<h3>This is<div theclass="page-header" heading</h3>id="features">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam<h2>
mauris tortor,Features.<small> eleifendSome sitof ametthe fringillacoolest ac,Features tinciduntof idthis massaapp.</small>
Proin et odio mattis, venenatis lacus vel, faucibus elit<</p>h2>
</div>
<!-- End Page Header -->
<div class="row">
<div class="col-sm-8">
<h3>This is the heading</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam
mauris tortor, eleifend sit amet fringilla ac, tincidunt id massa.
Proin et odio mattis, venenatis lacus vel, faucibus elit</p>
</div>
<div class="col-sm-4">
<h:graphicImage library="imagens" name="smartphonename="imac.jpg"
styleClass="img-responsive" />
</div>
</div>
</div>!-- End row -->
<div class="row">
<div class="col-sm-8">
<h3>This is the heading</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam
mauris tortor, eleifend sit amet fringilla ac, tincidunt id massa.
Proin et odio mattis, venenatis lacus vel, faucibus elitelit</p>
</div>
777777777777777777777777777777777777777777777777777< <div class="col-sm-4">
<h:graphicImage library="imagens" name="smartphone.jpg"
styleClass="img-responsive" /p>>
</div>
</div>
<div class="row">
<div class="col-sm-8">
<h3>This is the heading</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam
mauris tortor, eleifend sit amet fringilla ac, tincidunt id massa.
Proin et odio mattis, venenatis lacus vel, faucibus elit
777777777777777777777777777777777777777777777777777</p>
</div>
<div class="col-sm-4">
<h:graphicImage library="imagens" name="user.jpg"
styleClass="img-responsive" />
</div>
</div>
</div>
<br />
<p:separator />
<div class="row">
<div class="col-sm-4">
<div class="panel panel-default text-center">
<div class="panel-body">
<span class="glyphicon glyphicon-ok"></span>
<h4>This is the Heading</h4>
<p>Nam velit est, tempor vel posuere et, auctor a lectus.
Aenean gravida, est accumsan dictum rhoncus, lectus mi suscipit
lacus, suscipit accumsan augue tellus vitae dolor. Morbi in
euismod dui</p>
</div>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="panel panel-default text-center">
<div class="panel-body">
<span class="glyphicon glyphicon-star"></span>
<h4>This is the Heading</h4>
<p>Nam velit est, tempor vel posuere et, auctor a lectus.
Aenean gravida, est accumsan dictum rhoncus, lectus mi suscipit
lacus, suscipit accumsan augue tellus vitae dolor. Morbi in
euismod dui</p>
</div>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="panel panel-default text-center">
<div class="panel-body">
<span class="glyphicon glyphicon-play-circle"></span>
<h4>This is the Heading</h4>
<p>Nam velit est, tempor vel posuere et, auctor a lectus.
Aenean gravida, est accumsan dictum rhoncus, lectus mi suscipit
lacus, suscipit accumsan augue tellus vitae dolor. Morbi in
euismod dui</p>
</div>
</div>
</div>
</div>
<!-- end row --> </section>
</div>
<!-- end row --> </section>
</div>
<!-- End Container -->
<!-- Faq -->
<div class="container">
<section>
<div class="page-header" id="faq">
<h2>
FAQ.<small> Engaging with consumers.</small>
</h2>
</div>
<!-- End Page Header -->
<div class="panel-group" id="accordion">
<div class="panel panel-default">
<div class="panel-heading">
<div class="panel-title">
<a href="#collapse-1" data-toggle="collapse"
data-parent="#accordion"> Question one? </a>
</div>
<!-- End panel title -->
<div id="collapse-1" class="panel-collapse collapse in">
<div class="panel-body">Lorem ipsum dolor sit amet,
consectetur adipiscing elit. Donec egestas non urna in fringilla.
Praesent consequat est at feugiat faucibus</div>
</div>
<!-- End Panel collapse -->
</div>
<!-- End Panel collapse -->
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<div class="panel-title">
<a href="#collapse-2" data-toggle="collapse"
data-parent="#accordion"> Question Two? </a>
</div>
<!-- End panel title -->
<div id="collapse-2" class="panel-collapse collapse">
<div class="panel-body">Lorem ipsum dolor sit amet,
consectetur adipiscing elit. Donec egestas non urna in fringilla.
Praesent consequat est at feugiat faucibus</div>
</div>
<!-- End Panel collapse -->
</div>
<!-- End Panel collapse -->
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<div class="panel-title">
<a href="#collapse-3" data-toggle="collapse"
data-parent="#accordion"> Question Three? </a>
</div>
<!-- End panel title -->
<div id="collapse-3" class="panel-collapse collapse">
<div class="panel-body">Lorem ipsum dolor sit amet,
consectetur adipiscing elit. Donec egestas non urna in fringilla.
Praesent consequat est at feugiat faucibus</div>
</div>
<!-- End Panel collapse -->
</div>
<!-- End Panel collapse -->
</div>
</div>
<!-- End panel group --> </section>
</div>
<!-- End panel group --> </section>
</div>
<!-- End container -->
<!-- Footer -->
<footer>
<div class="container text-center">
<ul class="list-inline">
<li><a href="http://www.twitter.com">Twitter</a></li>
<li><a href="http://www.facebook.com">Facebook</a></li>
<li><a href="http://www.youtube.com">YouTube</a></li>
</ul>
<p>© Copyright @ 2015 Desenvolvido por Wladimir</p>
</div>
<!-- end Container--> </footer>
<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
<!-- Latest compiled and minified JavaScript -->
<script
src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
</h:body>
</html>
</h:body>