Conjunto de mudanças 6135 no repositório publico


Ignorar:
Timestamp:
19/03/2012 20:48:14 (8 anos atrás)
Autor:
mazza
Mensagem:

iniciado rascunho da home

Arquivo:
1 editado

Legenda:

Não Modificado
Adicionado
Removido
  • PortalInterlegis/design/index.html

    r6131 r6135  
    1212    <style type="text/css">
    1313      body {
    14         padding-top: 60px;
    15         padding-bottom: 40px;
     14      padding-top: 10px;
     15      padding-bottom: 20px;
    1616      }
    1717    </style>
     
    1919    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    2020    <!--[if lt IE 9]>
    21       <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    22     <![endif]-->
     21        <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
     22        <![endif]-->
    2323
    2424    <link rel="shortcut icon" href="img/favicon.ico">
     
    3030    <div class="container">
    3131
    32 <div class="navbar">
    33     <div class="navbar-inner">
    34       <div class="container">
    35         <a data-target=".nav-collapse" data-toggle="collapse" class="btn btn-navbar">
    36           <span class="icon-bar"></span>
    37           <span class="icon-bar"></span>
    38           <span class="icon-bar"></span>
    39         </a>
    40         <a href="#" class="brand">Project name</a>
    41         <div class="nav-collapse">
    42           <ul class="nav">
    43             <li class="active"><a href="#">Home</a></li>
    44             <li><a href="#">Link</a></li>
    45             <li><a href="#">Link</a></li>
    46             <li><a href="#">Link</a></li>
    47             <li class="dropdown">
    48               <a data-toggle="dropdown" class="dropdown-toggle" href="#">Dropdown <b class="caret"></b></a>
    49               <ul class="dropdown-menu">
    50                 <li><a href="#">Action</a></li>
    51                 <li><a href="#">Another action</a></li>
    52                 <li><a href="#">Something else here</a></li>
    53                 <li class="divider"></li>
    54                 <li class="nav-header">Nav header</li>
    55                 <li><a href="#">Separated link</a></li>
    56                 <li><a href="#">One more separated link</a></li>
     32      <div class="row">
     33        <div class="span11">
     34          <h2>Logo</h2>
     35          <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
     36
     37        </div>
     38        <div class="span5">
     39          <h2>Busca</h2>
     40          <form action="" class="navbar-search pull-left">
     41            <input type="text" placeholder="Busca" class="search-query span2">
     42          </form>
     43        </div>
     44      </div>
     45
     46
     47
     48      <div class="navbar">
     49        <div class="navbar-inner">
     50          <div style="width: auto;" class="container">
     51            <div class="nav-collapse">
     52              <ul class="nav">
     53                <li class="active"><a href="#">Interlegis</a></li>
     54                <li class="divider-vertical"></li>
     55                <li><a href="#">Comunidade Legislativa</a></li>
     56                <li class="divider-vertical"></li>
     57                <li><a href="#">Informação</a></li>
     58                <li class="divider-vertical"></li>
     59                <li><a href="#">Capacitação</a></li>
     60                <li class="divider-vertical"></li>
     61                <li><a href="#">Tecnologia</a></li>
     62                <li class="divider-vertical"></li>
     63                <li><a href="#">Comunicação</a></li>
    5764              </ul>
    58             </li>
    59           </ul>
    60           <form action="" class="navbar-search pull-left">
    61             <input type="text" placeholder="Search" class="search-query span2">
    62           </form>
    63           <ul class="nav pull-right">
    64             <li><a href="#">Link</a></li>
    65             <li class="divider-vertical"></li>
    66             <li class="dropdown">
    67               <a data-toggle="dropdown" class="dropdown-toggle" href="#">Dropdown <b class="caret"></b></a>
    68               <ul class="dropdown-menu">
    69                 <li><a href="#">Action</a></li>
    70                 <li><a href="#">Another action</a></li>
    71                 <li><a href="#">Something else here</a></li>
    72                 <li class="divider"></li>
    73                 <li><a href="#">Separated link</a></li>
    74               </ul>
    75             </li>
    76           </ul>
    77         </div><!-- /.nav-collapse -->
    78       </div>
    79     </div><!-- /navbar-inner -->
    80   </div>
    81 
    82       <!-- Main hero unit for a primary marketing message or call to action -->
    83       <div class="hero-unit">
    84         <h1>Hello, world!</h1>
    85         <p>This is a template for a simple marketing or informational website. It includes a large callout called the hero unit and three supporting pieces of content. Use it as a starting point to create something more unique.</p>
    86         <p><a class="btn btn-primary btn-large">Learn more &raquo;</a></p>
    87       </div>
    88 
    89       <!-- Example row of columns -->
    90       <div class="row">
    91         <div class="span4">
    92           <h2>Heading</h2>
    93            <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
    94           <p><a class="btn" href="#">View details &raquo;</a></p>
    95         </div>
    96         <div class="span4">
    97           <h2>Heading</h2>
    98            <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
    99           <p><a class="btn" href="#">View details &raquo;</a></p>
    100        </div>
    101         <div class="span4">
    102           <h2>Heading</h2>
     65            </div><!-- /.nav-collapse -->
     66          </div>
     67        </div><!-- /navbar-inner -->
     68      </div>
     69
     70
     71      <div class="row">
     72        <div class="span10">
     73          <h2>Carrossel</h2>
     74          <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
     75
     76        </div>
     77        <div class="span6">
     78          <h2>Andamento Programa Interlegis</h2>
     79          <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
     80
     81        </div>
     82      </div>
     83
     84      <div class="row">
     85        <div class="span16">
     86          <h2>Pilares</h2>
     87          <h3>Informação, Capacitação, Tecnologia, Comunicação</h3>
     88          <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
     89
     90        </div>
     91      </div>
     92
     93
     94      <div class="row">
     95        <div class="span5">
     96          <h2>TV, Radio, Imagens, Jornal</h2>
     97          <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
     98
     99        </div>
     100        <div class="span5">
     101          <h2>RSS Colab</h2>
     102          <h3>Colaborações, Discussões, Mais Ativas</h3>
     103          <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
     104
     105        </div>
     106        <div class="span6">
     107          <h2>Facebook, Twitter</h2>
    103108          <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
    104           <p><a class="btn" href="#">View details &raquo;</a></p>
    105         </div>
    106       </div>
     109
     110        </div>
     111      </div>
     112
     113
     114
     115
     116      <div class="row">
     117        <div class="span4">
     118          <h2>Publicidade</h2>
     119          <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
     120
     121        </div>
     122        <div class="span4">
     123          <h2>Envie Notícias</h2>
     124          <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
     125
     126        </div>
     127        <div class="span4">
     128          <h2>Envie casos de sucesso</h2>
     129          <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
     130
     131        </div>
     132
     133        <div class="span4">
     134          <h2>Central de Suporte</h2>
     135          <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
     136
     137        </div>
     138      </div>
     139
     140
     141
     142
    107143
    108144      <hr>
    109145
    110146      <footer>
    111         <p>&copy; Company 2012</p>
     147       
     148        <div class="row">
     149          <div class="span16">
     150            <div class="well">
     151              <h1>Doormat</h1>
     152            </div>
     153          </div>
     154        </div>
     155       
     156        <div class="row">
     157          <div class="span9">
     158            <address>
     159              <strong>Secretaria Especial do Interlegis</strong><br/>
     160              Avenida N2, Anexo E do Senado Federal <br/>
     161              Brasília - DF - CEP 70165-900 <br/>
     162              Telefone: (61) ????-????
     163            </address>
     164            <p>O conteúdo deste site está publicado sob a licença <br/>
     165              <a href="http://creativecommons.org/licenses/by-nc-sa/2.0/br/">Creative Commons - atribuição e não-comercial</a></p>
     166          </div>
     167         
     168          <div class="span7 pull-right">
     169            <p>Mapa do Site | Acessibilidade | Canais de Atendimento | Suporte</p>
     170            <a href="#" class="btn"><i class="icon-home"></i>Senado Federal</a>
     171            <a href="#" class="btn"><i class="icon-home"></i>Câmara dos Deputados</a>
     172            <a href="#" class="btn"><i class="icon-home"></i>PNUD</a>
     173          </div>
     174         
     175        </div>
     176       
    112177      </footer>
    113 
     178     
    114179    </div> <!-- /container -->
    115 
     180   
    116181    <!-- Le javascript
    117     ================================================== -->
     182         ================================================== -->
    118183    <!-- Placed at the end of the document so the pages load faster -->
    119184    <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
Note: Veja TracChangeset para ajuda no uso do visualizador de conjunto de mudanças.
 

The contents and data of this website are published under license:
Creative Commons 4.0 Brasil - Atribuir Fonte - Compartilhar Igual.