Dicionário de Favelas Marielle Franco

Ajuda:Guia de edição/Modelo de página: mudanças entre as edições

← Edição anterior
VisualWikitexto
Sem resumo de edição
 
(35 revisões intermediárias pela mesma usuária não estão sendo mostradas)
Linha 1: Linha 1:
    <div class="container mt-3">
<bootstrap_jumbotron>
      <div class="row">
[[Arquivo:Marca_Dicionario_de_Favelas_Marielle_Franco.png|class=img-fluid|centro|semmoldura]]
        <div class="col-12">


Texto
=== Descubra, produza e compartilhe histórias e memórias das favelas e periferias ===
Nós somos uma plataforma virtual de acesso aberto para a coleção e produção de conhecimentos sobre favelas e periferias. Buscamos estimular a coleta e construção coletiva do conhecimento existente sobre as favelas e periferias de todo o Brasil, por meio da articulação de uma rede de parceiros, tanto nas academias quanto nas instituições produtoras de conhecimentos existentes nos próprios territórios. Faça parte você também!


        </div>
{{Busca_completa}}
      </div>
</bootstrap_jumbotron>
    </div>
  <hr>


    <div class="container">
  <div class="container">
       <div class="row">
       <div class="row">
         <div class="col-4">
         <div class="col-4">
           <div class="row">
           <div class="row">
             <div class="col-2"></div>
             <div class="col-2">[[Arquivo:Facebook.pn.png|frameless|60px]]</div>
             <div class="col-lg-6 col-10 ml-1">
             <div class="col-lg-6 col-10 ml-1">
               <h4>Texto 1</h4>
               <h4>Acesso aberto</h4>
             </div>
             </div>
           </div>
           </div>
Linha 22: Linha 20:
         <div class="col-4">
         <div class="col-4">
           <div class="row">
           <div class="row">
             <div class="col-2"></div>
             <div class="col-2">[[Arquivo:Facebook.pn.png|frameless|60px]]</div>
             <div class="col-lg-6 col-10 ml-1">
             <div class="col-lg-6 col-10 ml-1">
               <h4>Testo 2</h4>
               <h4>Gratuito</h4>
             </div>
             </div>
           </div>
           </div>
Linha 30: Linha 28:
         <div class="col-4">
         <div class="col-4">
           <div class="row">
           <div class="row">
             <div class="col-2"></div>
             <div class="col-2">[[Arquivo:Facebook.pn.png|frameless|60px]]</div>
             <div class="col-lg-6 col-10 ml-1">
             <div class="col-lg-6 col-10 ml-1">
               <h4>Texto 3</h4>
               <h4>Colaborativo</h4>
             </div>
             </div>
           </div>
           </div>
Linha 38: Linha 36:
       </div>
       </div>
     </div>
     </div>
    <hr>
==Verbetes em destaque==
    <hr>


    <div class="container">
     <h2 class="text-center">VERBETES EM DESTAQUE</h2>
      <div class="row text-center">
        <div class="col-md-4 pb-1 pb-md-0">
          <div class="card">
            <div class="card-body">
              <h5 class="card-title">Card title 1</h5>
              <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
{{#bootstrap_button: Especial:Criar_conta | text=Criar conta }}
            </div>
          </div>
        </div>
        <div class="col-md-4 pb-1 pb-md-0">
          <div class="card">
            <div class="card-body">
              <h5 class="card-title">Card title 2</h5>
              <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
{{#bootstrap_button: Especial:Criar_conta | text=Criar conta }}
            </div>
          </div>
        </div>
        <div class="col-md-4 pb-1 pb-md-0">
          <div class="card">
            <div class="card-body">
              <h5 class="card-title">Card title</h5>
              <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
{{#bootstrap_button: Especial:Criar_conta | text=Criar conta }}
            </div>
          </div>
        </div>
      </div>
      <div class="row text-center mt-4">
        <div class="col-md-4 pb-1 pb-md-0">
          <div class="card">
            <div class="card-body">
              <h5 class="card-title">Card title</h5>
              <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
{{#bootstrap_button: Especial:Criar_conta | text=Criar conta }}
            </div>
          </div>
        </div>
        <div class="col-md-4 pb-1 pb-md-0">
          <div class="card">
            <div class="card-body">
              <h5 class="card-title">Card title</h5>
              <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
{{#bootstrap_button: Especial:Criar_conta | text=Criar conta }}
            </div>
          </div>
        </div>
        <div class="col-md-4 pb-1 pb-md-0">
          <div class="card">
            <div class="card-body">
              <h5 class="card-title">Card title</h5>
              <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
{{#bootstrap_button: Especial:Criar_conta | text=Criar conta }}
            </div>
          </div>
        </div>
      </div>
    </div>
    <hr>
     <h2 class="text-center">FEATURED PRODUCTS</h2>
    <hr>
     <div class="container">
     <div class="container">
       <div class="row">
       <div class="row">
Linha 114: Linha 45:
               <div class="media-body">
               <div class="media-body">
                 <h5 class="mt-0 mb-1">List-based media object</h5>
                 <h5 class="mt-0 mb-1">List-based media object</h5>
                Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
[[Arquivo:quadro_giz.jpg|class=img-fluid|alt=""|link=Ajuda:Como_participar_do_Dicionário_de_Favelas_Marielle_Franco]]
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
               </div>
               </div>
             </li>
             </li>
Linha 120: Linha 52:
               <div class="media-body">
               <div class="media-body">
                 <h5 class="mt-0 mb-1">List-based media object</h5>
                 <h5 class="mt-0 mb-1">List-based media object</h5>
                Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
[[Arquivo:quadro_giz.jpg|class=img-fluid|alt=""|link=Ajuda:Como_participar_do_Dicionário_de_Favelas_Marielle_Franco]]
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
               </div>
               </div>
             </li>
             </li>
Linha 126: Linha 59:
               <div class="media-body">
               <div class="media-body">
                 <h5 class="mt-0 mb-1">List-based media object</h5>
                 <h5 class="mt-0 mb-1">List-based media object</h5>
                Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
[[Arquivo:quadro_giz.jpg|class=img-fluid|alt=""|link=Ajuda:Como_participar_do_Dicionário_de_Favelas_Marielle_Franco]]
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
               </div>
               </div>
             </li>
             </li>
Linha 136: Linha 70:
               <div class="media-body">
               <div class="media-body">
                 <h5 class="mt-0 mb-1">List-based media object</h5>
                 <h5 class="mt-0 mb-1">List-based media object</h5>
                Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
[[Arquivo:quadro_giz.jpg|class=img-fluid|alt=""|link=Ajuda:Como_participar_do_Dicionário_de_Favelas_Marielle_Franco]]
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
               </div>
               </div>
             </li>
             </li>
Linha 142: Linha 77:
               <div class="media-body">
               <div class="media-body">
                 <h5 class="mt-0 mb-1">List-based media object</h5>
                 <h5 class="mt-0 mb-1">List-based media object</h5>
                Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
[[Arquivo:quadro_giz.jpg|class=img-fluid|alt=""|link=Ajuda:Como_participar_do_Dicionário_de_Favelas_Marielle_Franco]]
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
               </div>
               </div>
             </li>
             </li>
Linha 148: Linha 84:
               <div class="media-body">
               <div class="media-body">
                 <h5 class="mt-0 mb-1">List-based media object</h5>
                 <h5 class="mt-0 mb-1">List-based media object</h5>
                Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
[[Arquivo:quadro_giz.jpg|class=img-fluid|alt=""|link=Ajuda:Como_participar_do_Dicionário_de_Favelas_Marielle_Franco]]
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
               </div>
               </div>
             </li>
             </li>
Linha 158: Linha 95:
               <div class="media-body">
               <div class="media-body">
                 <h5 class="mt-0 mb-1">List-based media object</h5>
                 <h5 class="mt-0 mb-1">List-based media object</h5>
                Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
[[Arquivo:quadro_giz.jpg|class=img-fluid|alt=""|link=Ajuda:Como_participar_do_Dicionário_de_Favelas_Marielle_Franco]]
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
               </div>
               </div>
             </li>
             </li>
Linha 164: Linha 102:
               <div class="media-body">
               <div class="media-body">
                 <h5 class="mt-0 mb-1">List-based media object</h5>
                 <h5 class="mt-0 mb-1">List-based media object</h5>
                Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
[[Arquivo:quadro_giz.jpg|class=img-fluid|alt=""|link=Ajuda:Como_participar_do_Dicionário_de_Favelas_Marielle_Franco]]
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
               </div>
               </div>
             </li>
             </li>
Linha 170: Linha 109:
               <div class="media-body">
               <div class="media-body">
                 <h5 class="mt-0 mb-1">List-based media object</h5>
                 <h5 class="mt-0 mb-1">List-based media object</h5>
                Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
[[Arquivo:quadro_giz.jpg|class=img-fluid|alt=""|link=Ajuda:Como_participar_do_Dicionário_de_Favelas_Marielle_Franco]]
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
               </div>
               </div>
             </li>
             </li>
Linha 177: Linha 117:
       </div>
       </div>
     </div>
     </div>
    <hr>


    <div class="container text-white bg-dark p-4">
== Exemplo Rodapé Página ==
      <div class="row">
<div class="container text-white bg-light p-4">
  <div class="row">
         <div class="col-6 col-md-8 col-lg-7">
         <div class="col-6 col-md-8 col-lg-7">
           <div class="row text-left">
           <div class="row text-left">
Linha 191: Linha 131:
             </div>
             </div>
             <div class="col-sm-6 col-md-4 col-lg-4 col-12">
             <div class="col-sm-6 col-md-4 col-lg-4 col-12">
:[[Rocinha]]
:[[Morro dos Prazeres]]
:[[Cidade de Deus]]
:[[Aglomerado da Serra]]
:[[Morro Azul]]
:[[Morro Azul]]
:[[Complexo da Maré]]
:[[Barreira do Lins]]
:[[Favela de Manguinhos]]
:[[Barreira do Vasco]]
             </div>
             </div>
             <div class="col-sm-6 col-md-4 col-lg-4 col-12">
             <div class="col-sm-6 col-md-4 col-lg-4 col-12">
:[[Rocinha]]
:[[Bom Jesus (bairro)]]
:[[Cidade de Deus]]
:[[Ladeira dos Tabajaras]]
:[[Morro Azul]]
:[[Mangueira]]
:[[Complexo da Maré]]
:[[Morro Santo Amaro]]
:[[Favela de Manguinhos]]
:[[Paraisópolis]]
             </div>
             </div>
           </div>
           </div>
         </div>
         </div>
        <div class="col-md-4 col-lg-5 col-6">
    <div class="col-md-4 col-lg-5 col-6">
         '''Dicionário de Favelas Marielle Franco'''
         '''Dicionário de Favelas Marielle Franco'''
         Avenida Brasil, 4.365.
         Avenida Brasil, 4.365.
Linha 212: Linha 152:
         Tel: (21) 456-7890
         Tel: (21) 456-7890
         '''Wikifavelas'''
         '''Wikifavelas'''
         wikifavelas@icict.fiocruz.br
         wikifavelas@fiocruz.br
        </div>
       </div>
       </div>
     </div>
     </div>
</div>
==Modal==
<bootstrap_modal text="Receba novidades" header="Boletim Wikifavelas" footer="Cadastre-se" type="button" class="modal-button" data-toggle="modal" data-target="#myModal" >Inscreva-se no boletim para receber novidades por e-mail.</bootstrap_modal>
__NOTOC__
__NOTOC__
Disponível em “https://homologacao2.wikifavelas.com.br/index.php/Ajuda:Guia_de_edição/Modelo_de_página”