API tools faq
paste
Guest User

Untitled

a guest
Apr 10th, 2013
102
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 5.52 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <title></title>
  5.     <meta charset="utf-8">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <link href="css/bootstrap.css" rel="stylesheet">
  8.     <link href="css/bootstrap-responsive.css" rel="stylesheet">
  9.     <link href="css/main.css" rel="stylesheet">
  10.      <!-- O HTML5 shim, para o suporte dos elementos HTML5 no IE6-8  -->
  11.    <!--[if lt IE 9]>
  12.      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
  13.     <![endif]-->
  14.     <link href='http://fonts.googleapis.com/css?family=Play' rel='stylesheet' type='text/css'>
  15.  
  16. </head>
  17. <body>
  18.  
  19.     <div class="navbar navbar-fixed-top">
  20.         <div class="navbar-inner" id="nav_top" >
  21.         <div class="container">
  22.             <ul class="nav pull-right">
  23.                 <li><a href=""><i class="icon-home icon-white"></i> INICIAL</a></li>
  24.                 <li><a href=""><i class="icon-bookmark icon-white"></i> MAPA DO SITE</a></li>
  25.                 <li><a href=""><i class="icon-envelope icon-white"></i> CONTATOS</a></li>
  26.                 <li><a href="">ENGLISH</a></li>
  27.                 <li><a href="">ESPAÑOL</a></li>
  28.                 <li><form><select><option>teste</option> </select></form></li>
  29.             </ul>
  30.         </div>
  31.     </div>
  32.  
  33.    
  34.     <div class="container" id="header_centro">
  35.         <h1>
  36.             <a href="http://stackoverflow.com">
  37.                 <img src="img/logo_utc.png" alt="Stack Overflow" title="Click to return to Stack Overflow homepage" />
  38.             </a>
  39.         </h1>
  40.     </div>
  41.    
  42.     <div class="navbar-inner" id="menu">
  43.         <div class="container">
  44.             <ul class="nav">
  45.                 <li class="divider-vertical"><a href="">EMPRESA</a></li>
  46.                 <li class="divider-vertical"><a href="">HOLDING</a></li>
  47.                 <li class="divider-vertical"><a href="">RESPONSABILIDADE SOCIAL</a></li>
  48.                 <li class="divider-vertical"><a href="">ATUAÇÃO</a></li>
  49.                 <li class="divider-vertical"><a href="">GESTÃO DE PESSOAS</a></li>
  50.                 <li class="divider-vertical"><a href="">PUBLICAÇÕES</a></li>
  51.                 <li class="divider-vertical"><a href="">CONTRATOS</a></li>
  52.                 <li class="divider-vertical"><a href="">OSMS</a></li>
  53.                 <li class="divider-vertical"><a href="">DADOS FINANCEIROS</a></li>
  54.                
  55.             </ul>
  56.         </div>
  57.     </div>
  58.  
  59.  
  60.     <div class="container" >
  61.  
  62.     </div>
  63.  
  64.  
  65.     <footer>
  66.         <div class="container">
  67.             <div class="row">
  68.                 <div class="span3">
  69.                     <div class="box1titulo">
  70.                         <span style="font-size:12px; color: #afafaf;"> ÁREA DE </span><br />
  71.                         <span>ATUAÇÃO </span>
  72.                     </div>
  73.                     <div class="box1estruc">
  74.                         <ul class="box1">
  75.                             <li class="box1linha"><a href="#">Energia</a> </li>
  76.                             <li class="box1linha"><a href="#">Dutos e Terminais</a> </li>
  77.                             <li class="box1linha"><a href="#">Offshore Óleo e Gás</a> </li>
  78.                             <li class="box1linha"><a href="#">Onshore Refinaria e Petroquímico</a> </li>
  79.                             <li class="box1linha"><a href="#">Papel e Celulose</a> </li>
  80.                             <li class="box1linha"><a href="#">Siderúrgico, Mineração e Metalúrgico </a></li>
  81.                             <li class="box1linha"><a href="#">Outros</a></li>
  82.                           </ul>
  83.                     </div>
  84.  
  85.                 </div>
  86.  
  87.                 <div class="span3">
  88.                     <div class="box2titulo">
  89.                         <span style="font-size:12px; color: #afafaf;">CONHEÇA O  </span><br />
  90.                         <span>GRUPO </span>
  91.                     </div>
  92.                     <div class="box2estruc">
  93.                         <img src="img/logo_ppconstran.jpg" width="80" height="39" style="float:left; margin-right: 10px;" />  CONSTRAN atua em                                  diversas áreas da construção civil e está presente nas mais significativas obras públicas e privadas em todo o território nacional.
  94.                      
  95.                         <div style="text-align: right; padding-right: 10px; padding-top:10px"> <a href="#">www.constran.com.br</a> </div>
  96.                        
  97.                     </div>
  98.                      
  99.                     <div style="padding-top:10px; text-align:center">
  100.                         <img src="img/logo_deb.jpg" width="120" height="39" style="float:center; margin-right: 10px;" />  
  101.                     </div>
  102.  
  103.  
  104.                 </div>
  105.  
  106.  
  107.                 <div class="span3">
  108.  
  109.                     <div class="box3titulo">
  110.                         <span style="font-size:12px; color: #afafaf;"> ESTRUTURA </span><br />
  111.  
  112.                         <span>CORPORATIVA </span>
  113.                     </div>
  114.  
  115.                     <div class="box3estrc">
  116.                         <ul class="box3">
  117.                             <li class="box3linha"><a href="#">UTC PARTICIPAÇÕES S.A</a> </li>
  118.                             <li class="box3linha"><a href="#">TEC INCORPORAÇÕES E
  119.                             EMPREENDIMENTOS IMOBILIÁRIOS S/A</a> </li>
  120.                             <li class="box3linha"><a href="#">UTC ENGENHARIA S/A</a> </li>
  121.                             <li class="box3linha"><a href="#">IGUATEMI ENERGIA S/A</a> </li>
  122.                             <li class="box3linha"><a href="#">STS ENERGIA S/A</a> </li>
  123.                             <li class="box3linha"><a href="#">SUTC ÓLEO E GÁS S.A </a></li>
  124.                         </ul>
  125.                     </div>
  126.                 </div>
  127.  
  128.  
  129.                 <div class="span3">
  130.                     <div class="box4titulo">
  131.                         <span style="font-size:12px; color: #afafaf;">ENTRE EM CONTATO </span><br />
  132.                         <span>SUGESTÕES</span>
  133.                     </div>
  134.                 </div>
  135.             </div>
  136.         </div>
  137.     </footer>
  138.  
  139.     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js" type="text/javascript"></script>
  140. <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script>
  141.  
  142.  
  143.     <script src="js/bootstrap.min.js"></script>
  144.    
  145.     <script src="js/jquery.ui.touch-punch.min.js"></script>
  146.     <script src="js/allinone_bannerRotator.js"></script>
  147.  
  148.     <script type="text/javascript">
  149.     jQuery(function() {
  150.         jQuery('#allinone_bannerRotator_universal').allinone_bannerRotator({
  151.             skin: 'universal',
  152.             width: 960,
  153.             height: 384,
  154.             responsive:true,
  155.             thumbsWrapperMarginBottom:-35,             
  156.             autoHideBottomNav:false,
  157.             showPreviewThumbs:false
  158.         });    
  159.        
  160.        
  161.     });
  162.     </script>
  163. </body>
  164. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!