Advertisement
fbterrao

Modelo de Sobre Nós

Apr 13th, 2019
195
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 4.72 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="pt-br">
  3.     <head>
  4.         <meta charset="utf-8">
  5.         <meta http-equiv="content-type" content="text/html;" />
  6.         <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  7.         <meta name="keywords" content="colocar as tags para os robos de busca, tais como google" />
  8.         <title>Modelo de Sobre Nós</title>
  9.         <meta name="description" content="descrever o menu ou site">
  10.         <meta name="viewport" content="width=device-width, initial-scale=1">
  11.         <meta author="Francisco Gomes - fbgwebservice.com.br">
  12.        
  13.         <!-- BOOTSTRAP -->
  14.    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <!-- não trocar versão
  15.  
  16.         <!-- ESTILOS PARA ESTA PÁGINA -->
  17.         <!-- Nesse caso, este estilo é apenas para inserir imagens -->
  18.         <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
  19.  
  20.        
  21.         <!-- Nesse caso, este estilo é apenas para inserir ícones das redes sociais -->
  22.         <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
  23.  
  24.         <!-- JQUERY -->
  25.         <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  26.         <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
  27.  
  28.  
  29.     </head>
  30. <body>
  31.  
  32.  
  33. <!-- INICIO DA APRESENTAÇÃO DA EQUIPE -->
  34.         <div class="row">
  35.         <div class="col-lg-12">
  36.             <h1 class="page-header bg-info" style="padding-left: 10px">
  37.                 Nossa Equipe
  38.             </h1>
  39.         </div>
  40.       </div>
  41.         <div class="row">
  42.         <div class="col-md-4 text-center">
  43.             <div class="thumbnail">
  44.                 <img class="img-responsive img-circle" src="http://placehold.it/100x100" alt="" title="">
  45.  
  46.               <div class="caption">
  47.                     <h3>Francisco Gomes</h3>
  48.                     <small>O Dono </small>
  49.                     <p>permanecendo essencialmente inalterado. Se popularizou na década de 60, quando a Letraset lançou decalques contendo passagens de Lorem Ipsum, e mais recentemente quando passou a ser </p>
  50.                     <ul class="list-inline">
  51.                         <li><a href="#"><i class="fab fa-2x fa-facebook-square"></i></a></li>
  52.                         <li><a href="#"><i class="fab fa-2x fa-twitter"></i></a></li>
  53.                         <li><a href="#"><i class="fab fa-2x fa-instagram"></i></a></li>
  54.                         <li><a href="#"><i class="fab fa-2x fa-linkedin"></i></a></li>
  55.                     </ul>
  56.                 </div>
  57.             </div>
  58.            
  59.         </div>
  60.         <div class="col-md-4 text-center">
  61.             <div class="thumbnail">
  62.                 <img class="img-responsive img-circle" src="http://placehold.it/100x100" alt="" title="">
  63.                 <div class="caption">
  64.                     <h3>Francisco Gomes</h3>
  65.                     <small>O Dono </small>
  66.                     <p>permanecendo essencialmente inalterado. Se popularizou na década de 60, quando a Letraset lançou decalques contendo passagens de Lorem Ipsum, e mais recentemente quando passou a ser </p>
  67.                     <ul class="list-inline">
  68.                         <li><a href="#"><i class="fab fa-2x fa-facebook-square"></i></a></li>
  69.                         <li><a href="#"><i class="fab fa-2x fa-twitter"></i></a></li>
  70.                         <li><a href="#"><i class="fab fa-2x fa-instagram"></i></a></li>
  71.                         <li><a href="#"><i class="fab fa-2x fa-linkedin"></i></a></li>
  72.                     </ul>
  73.                 </div>
  74.             </div>
  75.            
  76.         </div>
  77.         <div class="col-md-4 text-center">
  78.             <div class="thumbnail">
  79.                 <img class="img-responsive img-circle" src="http://placehold.it/100x100" alt="" title="">
  80.                 <div class="caption">
  81.                     <h3>Francisco Gomes</h3>
  82.                     <small>O Dono </small>
  83.                     <p>permanecendo essencialmente inalterado. Se popularizou na década de 60, quando a Letraset lançou decalques contendo passagens de Lorem Ipsum, e mais recentemente quando passou a ser </p>
  84.                     <ul class="list-inline">
  85.                         <li><a href="#"><i class="fab fa-2x fa-facebook-square"></i></a></li>
  86.                         <li><a href="#"><i class="fab fa-2x fa-twitter"></i></a></li>
  87.                         <li><a href="#"><i class="fab fa-2x fa-instagram"></i></a></li>
  88.                         <li><a href="#"><i class="fab fa-2x fa-linkedin"></i></a></li>
  89.                     </ul>
  90.                 </div>
  91.             </div>
  92.            
  93.         </div>
  94.        
  95.       </div>
  96. <!-- FIM DA APRESENTAÇÃO DA EQUIPE -->
  97.     </div>
  98.  
  99.     </body>
  100. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement