Dicionário de Favelas Marielle Franco

Ajuda:Guia de edição/Modelos: mudanças entre as edições

← Edição anterior
VisualWikitexto
Sem resumo de edição
m Patricia.ferreira moveu Wikifavelas:Modelos para Ajuda:Guia de edição/Modelos sem deixar um redirecionamento
 
(29 revisões intermediárias pela mesma usuária não estão sendo mostradas)
Linha 1: Linha 1:
<nav class="navbar navbar-expand-lg navbar-dark bg-primary"><a class="navbar-brand" href="#">Navbar</a><button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarColor01" aria-controls="navbarColor01" aria-expanded="false" aria-label="Toggle navigation"></button></nav><div class="collapse navbar-collapse" id="navbarColor01"><ul class="navbar-nav mr-auto"><li class="nav-item active"><a class="nav-link" href="#">Home<span class="sr-only">(current)</span></a></li><li class="nav-item"><a class="nav-link" href="#">Features</a></li><li class="nav-item"><a class="nav-link" href="#">Pricing</a></li><li class="nav-item"><a class="nav-link" href="#">About</a></li><li class="nav-item dropdown"><a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Dropdown</a><div class="dropdown-menu"><a class="dropdown-item" href="#">Action</a><a class="dropdown-item" href="#">Another action</a><a class="dropdown-item" href="#">Something else here</a><div class="dropdown-divider"></div><a class="dropdown-item" href="#">Separated link</a></div></li></ul><form class="form-inline my-2 my-lg-0"><input class="form-control mr-sm-2" type="text" placeholder="Search"><button class="btn btn-secondary my-2 my-sm-0" type="submit">Search</button></form></nav></div>
== Facebook ==
{{Facebook|Wikfiavelas|Siga-nos}}


== carousel ==


== Modelo Journal ==
<div style="position: relative; height: 1%;">
<button type="button" class="btn btn-primary">Primary</button>
<div style="position: relative; margin: 0 -1em; padding: 0; background-color: transparent; border: 1px none #ddd; height: 1%;"><!--YOU CAN ADD SHADING, BACKGROUND COLOR TO STYLE THIS  -->
<button type="button" class="btn btn-secondary">Secondary</button>
  <div style="position: relative; margin: 0 auto; width: 742px;height: 1%;"><!-- RECOMMEND THE WIDTH IS SET TO LOOK GOOD ON IPADS ETC. THIS WILL BE THE TOTAL WIDTH VIEWABLE AREA -->
<button type="button" class="btn btn-success">Success</button>
<div style="position: relative; overflow: hidden; height: 300px;"><!-- RECOMMENDED THIS HEIGHT IS THE SAME AS THE HEIGHT SET FOR THE IMAGES -->
<button type="button" class="btn btn-info">Info</button>
<div class='wrapper'>
<button type="button" class="btn btn-warning">Warning</button>
<gallery mode="packed" widths=200px heights=300px perrow=10><!-- PERROW SHOULD BE THE SAME NUMBER AS THE TOTAL NUMBER OF IMAGES IF YOU WANT THE GALLERY TO LOOK LIKE A SLIDING ROW OF IMAGES. -->
<button type="button" class="btn btn-danger">Danger</button>
Image:Astronotus_ocellatus.jpg
<button type="button" class="btn btn-link">Link</button>
Image:Salmonlarvakils.jpg
Image:Georgia Aquarium - Giant Grouper.jpg
Image:Pterois volitans Manado-e.jpg
Image:Macropodus opercularis - front (aka).jpg
Image:Fishmarket 01.jpg
Image:Pseudorasbora parva(edited version).jpg
Image:MC Rotfeuerfisch.jpg
Image:Cleaning station konan.jpg
Image:Synchiropus splendidus 2 Luc Viatour.jpg
File:Psetta maxima Luc Viatour.jpg
File:Australian blenny.jpg
</gallery>
 
</div>
</div> </div>
 
</div></div>
 
 
== carousel responsivo ==
 
<div style="position: relative; height: 1%;">
<div style="position: relative; margin: 0 -1em; padding: 0; background-color: transparent; border: 1px none #ddd; height: 1%;">
  <div style="position: relative; margin: 0 auto; width: 100%; height: 1%;">
<div style="position: relative; overflow: hidden; height: 300px;">
<div class='wrapper'>
<gallery mode="packed" widths=200px heights=300px perrow=10>
Arquivo:Leonardo_Salo.jpg
Arquivo:Bira_Carvalho.jpeg
Arquivo:Bira_Carvalho2.jpg
Arquivo:Sonia_Fleury1.JPG
Arquivo:Sonia_Fleury2.JPG
Arquivo:Sonia_Fleury3.JPG
Arquivo:Sonia_Fleury4.JPG
Arquivo:Sonia_Fleury5.JPG
Arquivo:Sonia_Fleury6.JPG
Arquivo:Sonia_Fleury7.JPG
</gallery>
</div>
</div></div>


== Modelo adaptado ==
</div></div>
<div type="button" class="btn btn-primary">Primary</div>
<div type="button" class="btn btn-secondary">Secondary</div>
<div type="button" class="btn btn-success">Success</div>
<div type="button" class="btn btn-info">Info</div>
<div type="button" class="btn btn-warning">Warning</div>
<div type="button" class="btn btn-danger">Danger</div>
<div type="button" class="btn btn-link">Link</div>


== Navbar ==
<pre>
<pre>
<div type="button" class="btn btn-primary">Primary</div>
<nav class="navbar navbar-expand-lg navbar-dark bg-primary"><a class="navbar-brand" href="#">Navbar</a><button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarColor01" aria-controls="navbarColor01" aria-expanded="false" aria-label="Toggle navigation"></button></nav><div class="collapse navbar-collapse" id="navbarColor01"><ul class="navbar-nav mr-auto"><li class="nav-item active"><a class="nav-link" href="#">Home<span class="sr-only">(current)</span></a></li><li class="nav-item"><a class="nav-link" href="#">Features</a></li><li class="nav-item"><a class="nav-link" href="#">Pricing</a></li><li class="nav-item"><a class="nav-link" href="#">About</a></li><li class="nav-item dropdown"><a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Dropdown</a><div class="dropdown-menu"><a class="dropdown-item" href="#">Action</a><a class="dropdown-item" href="#">Another action</a><a class="dropdown-item" href="#">Something else here</a><div class="dropdown-divider"></div><a class="dropdown-item" href="#">Separated link</a></div></li></ul><form class="form-inline my-2 my-lg-0"><input class="form-control mr-sm-2" type="text" placeholder="Search"><button class="btn btn-secondary my-2 my-sm-0" type="submit">Search</button></form></nav>
<div type="button" class="btn btn-secondary">Secondary</div>
<div type="button" class="btn btn-success">Success</div>
<div type="button" class="btn btn-info">Info</div>
<div type="button" class="btn btn-warning">Warning</div>
<div type="button" class="btn btn-danger">Danger</div>
<div type="button" class="btn btn-link">Link</div>
</pre>
</pre>


==== Botão ====
{{Botão|color=red|link=Autenticar-se|name=Autenticar-se}}
{{Botão|color=green|link=Wikifavelas:Modelos|name=Modelos de página}}
{{Botão|color=white|link=Wikifavelas:Explore|name=Explore}}
{{Botão|color=blue|link=Wikifavelas:Projeto|name=O Projeto}}
<nowiki>[[{{{link}}}|<span class="btn {{#switch: {{{color|red}}} | red = btn-primary  | green = btn-secondary | white = btn-warning | blue = btn-info}}" role="button" aria-disabled="false">{{{name|Texto do botão}}}</span>]]</nowiki>
<h1>Heading 1</h1>


== Títulos ==


<h1>Heading 1</h1>
<h1>Heading 1</h1>
Linha 46: Linha 68:
<h5>Heading 5</h5>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
<h6>Heading 6</h6>
<h3>
<h3>
   Heading
   Heading
   <small class="text-muted">with muted text</small>
   <small class="text-muted">with muted text</small>
</h3>
</h3>
<p class="lead">Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</p>
<p class="lead">Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</p>




Linha 63: Linha 86:




<pre>
<p>Nullam quis risus eget <a href="#">urna mollis ornare</a> vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula.</p>
<p><small>This line of text is meant to be treated as fine print.</small></p>
<p>The following is <strong>rendered as bold text</strong>.</p>
<p>The following is <em>rendered as italicized text</em>.</p>
<p>An abbreviation of the word attribute is <abbr title="attribute">attr</abbr>.</p>
</pre>




Linha 74: Linha 104:
<p class="text-info">Maecenas sed diam eget risus varius blandit sit amet non magna.</p>
<p class="text-info">Maecenas sed diam eget risus varius blandit sit amet non magna.</p>


<pre>
<p class="text-muted">Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.</p>
<p class="text-primary">Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
<p class="text-secondary">Pellentesque ornare sem lacinia quam venenatis vestibulum.</p>
<p class="text-warning">Etiam porta sem malesuada magna mollis euismod.</p>
<p class="text-danger">Donec ullamcorper nulla non metus auctor fringilla.</p>
<p class="text-success">Duis mollis, est non commodo luctus, nisi erat porttitor ligula.</p>
<p class="text-info">Maecenas sed diam eget risus varius blandit sit amet non magna.</p
</pre>


<blockquote class="blockquote">
<blockquote class="blockquote">
Linha 90: Linha 130:
</blockquote>
</blockquote>


== Button Journal ==
<pre>
<button type="button" class="btn btn-primary">Primary</button>
<button type="button" class="btn btn-secondary">Secondary</button>
<button type="button" class="btn btn-success">Success</button>
<button type="button" class="btn btn-info">Info</button>
<button type="button" class="btn btn-warning">Warning</button>
<button type="button" class="btn btn-danger">Danger</button>
<button type="button" class="btn btn-light">Light</button>
<button type="button" class="btn btn-dark">Dark</button>
<button type="button" class="btn btn-link">Link</button>
<button type="button" class="btn btn-primary disabled">Primary</button>
<button type="button" class="btn btn-secondary disabled">Secondary</button>
<button type="button" class="btn btn-success disabled">Success</button>
<button type="button" class="btn btn-info disabled">Info</button>
<button type="button" class="btn btn-warning disabled">Warning</button>
<button type="button" class="btn btn-danger disabled">Danger</button>
<button type="button" class="btn btn-light disabled">Light</button>
<button type="button" class="btn btn-dark disabled">Dark</button>
<button type="button" class="btn btn-link disabled">Link</button>
<button type="button" class="btn btn-outline-primary">Primary</button>
<button type="button" class="btn btn-outline-secondary">Secondary</button>
<button type="button" class="btn btn-outline-success">Success</button>
<button type="button" class="btn btn-outline-info">Info</button>
<button type="button" class="btn btn-outline-warning">Warning</button>
<button type="button" class="btn btn-outline-danger">Danger</button>
<button type="button" class="btn btn-outline-light">Light</button>
<button type="button" class="btn btn-outline-dark">Dark</button>
<button type="button" class="btn btn-outline-primary">Primary</button>
<button type="button" class="btn btn-outline-secondary">Secondary</button>
<button type="button" class="btn btn-outline-success">Success</button>
<button type="button" class="btn btn-outline-info">Info</button>
<button type="button" class="btn btn-outline-warning">Warning</button>
<button type="button" class="btn btn-outline-danger">Danger</button>
<button type="button" class="btn btn-outline-light">Light</button>
<button type="button" class="btn btn-outline-dark">Dark</button>
<div class="btn-group" role="group" aria-label="Button group with nested dropdown">
  <button type="button" class="btn btn-primary">Primary</button>
  <div class="btn-group" role="group">
    <button id="btnGroupDrop1" type="button" class="btn btn-primary dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></button>
    <div class="dropdown-menu" aria-labelledby="btnGroupDrop1">
      <a class="dropdown-item" href="#">Dropdown link</a>
      <a class="dropdown-item" href="#">Dropdown link</a>
    </div>
  </div>
</div>
<div class="btn-group" role="group" aria-label="Button group with nested dropdown">
  <button type="button" class="btn btn-success">Success</button>
  <div class="btn-group" role="group">
    <button id="btnGroupDrop2" type="button" class="btn btn-success dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></button>
    <div class="dropdown-menu" aria-labelledby="btnGroupDrop2">
      <a class="dropdown-item" href="#">Dropdown link</a>
      <a class="dropdown-item" href="#">Dropdown link</a>
    </div>
  </div>
<div class="btn-group" role="group" aria-label="Button group with nested dropdown">
  <button type="button" class="btn btn-primary">Primary</button>
  <div class="btn-group" role="group">
    <button id="btnGroupDrop1" type="button" class="btn btn-primary dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></button>
    <div class="dropdown-menu" aria-labelledby="btnGroupDrop1">
      <a class="dropdown-item" href="#">Dropdown link</a>
      <a class="dropdown-item" href="#">Dropdown link</a>
    </div>
  </div>
</div>
<div class="btn-group" role="group" aria-label="Button group with nested dropdown">
  <button type="button" class="btn btn-success">Success</button>
  <div class="btn-group" role="group">
    <button id="btnGroupDrop2" type="button" class="btn btn-success dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></button>
    <div class="dropdown-menu" aria-labelledby="btnGroupDrop2">
      <a class="dropdown-item" href="#">Dropdown link</a>
      <a class="dropdown-item" href="#">Dropdown link</a>
    </div>
  </div>
<button type="button" class="btn btn-primary btn-lg">Large button</button>
<button type="button" class="btn btn-primary">Default button</button>
<button type="button" class="btn btn-primary btn-sm">Small button</button>
<div class="d-grid gap-2">
  <button class="btn btn-lg btn-primary" type="button">Block button</button>
  <button class="btn btn-lg btn-primary" type="button">Block button</button>
</div>
<div class="btn-group" role="group" aria-label="Basic checkbox toggle button group">
  <input type="checkbox" class="btn-check" id="btncheck1" checked="" autocomplete="off">
  <label class="btn btn-primary" for="btncheck1">Checkbox 1</label>
  <input type="checkbox" class="btn-check" id="btncheck2" autocomplete="off">
  <label class="btn btn-primary" for="btncheck2">Checkbox 2</label>
  <input type="checkbox" class="btn-check" id="btncheck3" autocomplete="off">
  <label class="btn btn-primary" for="btncheck3">Checkbox 3</label>
</div>
<div class="btn-group" role="group" aria-label="Basic radio toggle button group">
  <input type="radio" class="btn-check" name="btnradio" id="btnradio1" autocomplete="off" checked="">
  <label class="btn btn-outline-primary" for="btnradio1">Radio 1</label>
  <input type="radio" class="btn-check" name="btnradio" id="btnradio2" autocomplete="off" checked="">
  <label class="btn btn-outline-primary" for="btnradio2">Radio 2</label>
  <input type="radio" class="btn-check" name="btnradio" id="btnradio3" autocomplete="off" checked="">
  <label class="btn btn-outline-primary" for="btnradio3">Radio 3</label>
</div>
<div class="btn-group-vertical">
  <button type="button" class="btn btn-primary">Button</button>
  <button type="button" class="btn btn-primary">Button</button>
  <button type="button" class="btn btn-primary">Button</button>
  <button type="button" class="btn btn-primary">Button</button>
  <button type="button" class="btn btn-primary">Button</button>
  <button type="button" class="btn btn-primary">Button</button>
</div>
<div class="btn-group" role="group" aria-label="Basic example">
  <button type="button" class="btn btn-secondary">Left</button>
  <button type="button" class="btn btn-secondary">Middle</button>
  <button type="button" class="btn btn-secondary">Right</button>
</div>
<div class="btn-group" role="group" aria-label="Basic example">
  <button type="button" class="btn btn-secondary">Left</button>
  <button type="button" class="btn btn-secondary">Middle</button>
  <button type="button" class="btn btn-secondary">Right</button>
</div>
<div class="btn-toolbar" role="toolbar" aria-label="Toolbar with button groups">
  <div class="btn-group me-2" role="group" aria-label="First group">
    <button type="button" class="btn btn-secondary">1</button>
    <button type="button" class="btn btn-secondary">2</button>
    <button type="button" class="btn btn-secondary">3</button>
    <button type="button" class="btn btn-secondary">4</button>
  </div>
  <div class="btn-group me-2" role="group" aria-label="Second group">
    <button type="button" class="btn btn-secondary">5</button>
    <button type="button" class="btn btn-secondary">6</button>
    <button type="button" class="btn btn-secondary">7</button>
  </div>
  <div class="btn-group" role="group" aria-label="Third group">
    <button type="button" class="btn btn-secondary">8</button>
  </div>
</div>
</pre>
== Modelo adaptado ==
<div type="button" class="btn btn-primary">Primary</div>
<div type="button" class="btn btn-secondary">Secondary</div>
<div type="button" class="btn btn-success">Success</div>
<div type="button" class="btn btn-info">Info</div>
<div type="button" class="btn btn-warning">Warning</div>
<div type="button" class="btn btn-danger">Danger</div>
<div type="button" class="btn btn-link">Link</div>
<pre>
<div type="button" class="btn btn-primary">Primary</div>
<div type="button" class="btn btn-secondary">Secondary</div>
<div type="button" class="btn btn-success">Success</div>
<div type="button" class="btn btn-info">Info</div>
<div type="button" class="btn btn-warning">Warning</div>
<div type="button" class="btn btn-danger">Danger</div>
<div type="button" class="btn btn-link">Link</div>
</pre>
== Botão ==
{{Botão|color=red|link=Autenticar-se|name=Autenticar-se}}
{{Botão|color=green|link=Wikifavelas:Modelos|name=Modelos de página}}
{{Botão|color=white|link=Wikifavelas:Explore|name=Explore}}
{{Botão|color=blue|link=Wikifavelas:Projeto|name=O Projeto}}
<pre>
<nowiki>[[{{{link}}}|<span class="btn {{#switch: {{{color|red}}} | red = btn-primary  | green = btn-secondary | white = btn-warning | blue = btn-info}}" role="button" aria-disabled="false">{{{name|Texto do botão}}}</span>]]</nowiki>
</pre>
== Tabela ==


<table class="table table-hover">
<table class="table table-hover">
  <thead>
     <tr>
     <tr>
       <th scope="col">Type</th>
       <th scope="col">Type</th>
Linha 99: Linha 333:
       <th scope="col">Column heading</th>
       <th scope="col">Column heading</th>
     </tr>
     </tr>
  </thead>
  <tbody>
     <tr class="table-active">
     <tr class="table-active">
       <th scope="row">Active</th>
       <th scope="row">Active</th>
Linha 161: Linha 393:
       <td>Column content</td>
       <td>Column content</td>
     </tr>
     </tr>
  </tbody>
</table>
</table>


== Forms ==
== Forms ==


<form>
<form>
Linha 258: Linha 488:
   </fieldset>
   </fieldset>
</form>
</form>




Linha 320: Linha 549:


== Navs ==
== Navs ==


<ul class="nav nav-tabs">
<ul class="nav nav-tabs">
Linha 490: Linha 718:
<div class="alert alert-dismissible alert-danger">
<div class="alert alert-dismissible alert-danger">
   <div type="button" class="close" data-dismiss="alert">&times;</div>
   <div type="button" class="close" data-dismiss="alert">&times;</div>
   <strong>Oh snap!</strong> <a href="#" class="alert-link">Change a few things up</a> and try submitting again.
   <strong>Oh snap!</strong> <span class="alert-link">[[Change a few things up]]</span> and try submitting again.
</div>
</div>


<div class="alert alert-dismissible alert-success">
<div class="alert alert-dismissible alert-success">
   <div type="button" class="close" data-dismiss="alert">&times;</div>
   <div type="button" class="close" data-dismiss="alert">&times;</div>
   <strong>Well done!</strong> You successfully read <a href="#" class="alert-link">this important alert message</a>.
   <strong>Well done!</strong> You successfully read <span class="alert-link">[[this important alert message]]</span>.
</div>
</div>


<div class="alert alert-dismissible alert-info">
<div class="alert alert-dismissible alert-info">
   <div type="button" class="close" data-dismiss="alert">&times;</div>
   <div type="button" class="close" data-dismiss="alert">&times;</div>
   <strong>Heads up!</strong> This <a href="#" class="alert-link">alert needs your attention</a>, but it's not super important.
   <strong>Heads up!</strong> This <span class="alert-link">[[alert needs your attention]]</span>, but it's not super important.
</div>
</div>


<div class="alert alert-dismissible alert-primary">
<div class="alert alert-dismissible alert-primary">
   <div type="button" class="close" data-dismiss="alert">&times;</div>
   <div type="button" class="close" data-dismiss="alert">&times;</div>
   <strong>Oh snap!</strong> <a href="#" class="alert-link">Change a few things up</a> and try submitting again.
   <strong>Oh snap!</strong> <span class="alert-link">[[Change a few things up]]</span> and try submitting again.
</div>
</div>


<div class="alert alert-dismissible alert-secondary">
<div class="alert alert-dismissible alert-secondary">
   <div type="button" class="close" data-dismiss="alert">&times;</div>
   <div type="button" class="close" data-dismiss="alert">&times;</div>
   <strong>Well done!</strong> You successfully read <a href="#" class="alert-link">this important alert message</a>.
   <strong>Well done!</strong> You successfully read <span class="alert-link">[[this important alert message]]</span>.
</div>
</div>


<div class="alert alert-dismissible alert-light">
<div class="alert alert-dismissible alert-light">
   <div type="button" class="close" data-dismiss="alert">&times;</div>
   <div type="button" class="close" data-dismiss="alert">&times;</div>
   <strong>Heads up!</strong> This <a href="#" class="alert-link">alert needs your attention</a>, but it's not super important.
   <strong>Heads up!</strong> This <span class="alert-link">[[alert needs your attention<]]/span>, but it's not super important.
</div>
</div>


Linha 536: Linha 764:
   <p>It uses utility classes for typography and spacing to space content out within the larger container.</p>
   <p>It uses utility classes for typography and spacing to space content out within the larger container.</p>
   <p class="lead">
   <p class="lead">
    <a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a>
 
    <span class="btn-lg">{{Botão|color=red|link=Autenticar-se|name=Learn more}}</span>
   </p>
   </p>
</div>
</div>


== List groups ==
== List groups ==
Linha 818: Linha 1 046:




[[Arquivo:image2.jpg|class=img-fluid| link=#]]


=== Predefinição Propriedade ===
{{Lista de Itens com Propriedade|NomePropriedade=Estado e Mercado}}


=== Predefinição Clickable_Button ===






{{Clickable_Button|Escreva o texto do seu botão aqui|color=white}}
{{Botão|Escreva o texto do seu botão aqui|color=white}}


{{Clickable_Button|Ver mais|color=red}}
{{Botão|Ver mais|color=red}}


{{Clickable_Button|Cadastrar|color=blue}}
{{Botão|Cadastrar|color=blue}}


{{Clickable_Button|Enviar|color=green}}
{{Botão|Enviar|color=green}}




Linha 842: Linha 1 070:
<div class="col-lg-3 col-md-6 col-sm-12 mb-4">
<div class="col-lg-3 col-md-6 col-sm-12 mb-4">
<div class="card shadow-lg border-0">
<div class="card shadow-lg border-0">
<div class="card-img-top">[[Arquivo:image1.jpg|class=img-responsive| link=Sociabilidade_e_Cultura_(eixo_de_análise)]]
<div class="card-img-top">[[Arquivo:image1.jpg|class=img-fluid| link=Sociabilidade_e_Cultura_(eixo_de_análise)]]
</div>
</div>


Linha 852: Linha 1 080:
<div class="card shadow-lg border-0">
<div class="card shadow-lg border-0">


<div class="card-img-top">[[Arquivo:image2.jpg|class=img-responsive| link=Estado_e_Mercado_(eixo_de_análise)]]  
<div class="card-img-top">[[Arquivo:image2.jpg|class=img-fluid| link=Estado_e_Mercado_(eixo_de_análise)]]  
</div>
</div>
<div class="panel-footer btn-eixo2">Estado e Mercado
<div class="panel-footer btn-eixo2">Estado e Mercado
Linha 862: Linha 1 090:
<div class="card shadow-lg border-0">
<div class="card shadow-lg border-0">


<div class="card-img-top">[[Arquivo:image3.jpg|class=img-responsive| link=Associativismo_e_Memória_(eixo_de_análise)]]   
<div class="card-img-top">[[Arquivo:image3.jpg|class=img-fluid| link=Associativismo_e_Memória_(eixo_de_análise)]]   
</div>
</div>
<div class="panel-footer btn-eixo3">Associativismo e Memória</div>
<div class="panel-footer btn-eixo3">Associativismo e Memória</div>
Linha 871: Linha 1 099:
<div class="col-lg-3 col-md-6 col-sm-12 mb-4">
<div class="col-lg-3 col-md-6 col-sm-12 mb-4">
<div class="card shadow-lg border-0">
<div class="card shadow-lg border-0">
<div class="card-img-top">[[Arquivo:image4.jpg|class=img-responsive| link=Coronavírus_nas_favelas]]  
<div class="card-img-top">[[Arquivo:image4.jpg|class=img-fluid| link=Coronavírus_nas_favelas]]  
</div>
</div>
<div class="panel-footer btn-eixo4">Coronavírus nas Favelas</div>
<div class="panel-footer btn-eixo4">Coronavírus nas Favelas</div>
Linha 903: Linha 1 131:
</div>
</div>


== Card ==
<div class="row"><div class="col-xs-6 col-md-4 col-sm-6"><div class="card"><h3 class="card-header">Verbete em Destaque</h3>[[Arquivo:image2.jpg|class=img-fluid| link=Apoie_as_favelas_na_luta_contra_o_Coronavírus]]<div class="card-body"><h5 class="card-title">[[Apoie as favelas na luta contra o Coronavírus]]</h5><p class="card-text">A equipe do Dicionário de Favelas Marielle Franco está comprometida com o enfrentamento ao Coronavírus nas favelas e periferias. A proposta é visibilizar as demandas específicas que as favelas estão tendo diante da pandemia.</p></div></div></div><div class="col-xs-6 col-md-4 col-sm-6"><div class="card"><h3 class="card-header">Coronavírus</h3>          [[Arquivo:Irmão_Firmino_fazem_higienização_por_conta_própria_na_favela_Santa_Marta._Rio_de_Janeiro_2020..jpg|class=img-fluid| link=Coronavírus_nas_favelas]]<div class="card-body"><h5 class="card-title">[[Coronavírus nas favelas]]</h5><p class="card-text">O Dicionário de Favelas está apoiando o enfrentamento à pandemia de covid-19. A plataforma Wikifavelas reúne informação sobre diferentes formas de apoiar iniciativas comunitárias durante a pandemia, notícias, material produzido pela e para favelas, relatos de moradores, ensaios e pesquisas acadêmicas sobre o novo coronavírus nas favelas do Brasil.</p></div></div></div><div class="col-xs-6 col-md-4 col-sm-6"><div class="card"><h3 class="card-header">Territórios</h3><ul class="list-group list-group-flush"><li class="list-group-item">[[Maré]]</li><li class="list-group-item">[[Rocinha]]</li><li class="list-group-item">[[Complexo do Alemão]]</li><li class="list-group-item">[[Cidade de Deus]]</li><li class="list-group-item">[[Vila Kennedy (bairro)|Vila Kennedy]]</li><li class="list-group-item">[[Morro dos Prazeres]]</li><li class="list-group-item">Ver todos</li></ul></div></div></div>




== Card Completo ==


== Card ==
<div class="card mb-3">
  <h3 class="card-header">Card header</h3>
  <div class="card-body">
    <h5 class="card-title">Special title treatment</h5>
    <h6 class="card-subtitle text-muted">Support card subtitle</h6>
  </div>
  <svg xmlns="http://www.w3.org/2000/svg" class="d-block user-select-none" width="100%" height="200" aria-label="Placeholder: Image cap" focusable="false" role="img" preserveAspectRatio="xMidYMid slice" viewBox="0 0 318 180" style="font-size:1.125rem;text-anchor:middle">
    <rect width="100%" height="100%" fill="#868e96"></rect>
    <text x="50%" y="50%" fill="#dee2e6" dy=".3em">Image cap</text>
  </svg>
  <div class="card-body">
    <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>
  </div>
  <ul class="list-group list-group-flush">
    <li class="list-group-item">Cras justo odio</li>
    <li class="list-group-item">Dapibus ac facilisis in</li>
    <li class="list-group-item">Vestibulum at eros</li>
  </ul>
  <div class="card-body">
    <a href="#" class="card-link">Card link</a>
    <a href="#" class="card-link">Another link</a>
  </div>
  <div class="card-footer text-muted">
    2 days ago
  </div>
</div>
<div class="card">
  <div class="card-body">
    <h4 class="card-title">Card title</h4>
    <h6 class="card-subtitle mb-2 text-muted">Card subtitle</h6>
    <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>
    <a href="#" class="card-link">Card link</a>
    <a href="#" class="card-link">Another link</a>
  </div>
</div>


<div class="row"><div class="col-xs-6 col-md-4 col-sm-6"><div class="card"><h3 class="card-header">Verbete em Destaque</h3>[[Arquivo:image2.jpg|class=img-fluid| link=Apoie_as_favelas_na_luta_contra_o_Coronavírus]]<div class="card-body"><h5 class="card-title">[[Apoie as favelas na luta contra o Coronavírus]]</h5><p class="card-text">A equipe do Dicionário de Favelas Marielle Franco está comprometida com o enfrentamento ao Coronavírus nas favelas e periferias. A proposta é visibilizar as demandas específicas que as favelas estão tendo diante da pandemia.</p></div></div></div><div class="col-xs-6 col-md-4 col-sm-6"><div class="card"><h3 class="card-header">Coronavírus</h3>          [[Arquivo:Irmão_Firmino_fazem_higienização_por_conta_própria_na_favela_Santa_Marta._Rio_de_Janeiro_2020..jpg|class=img-fluid| link=Coronavírus_nas_favelas]]<div class="card-body"><h5 class="card-title">[[Coronavírus nas favelas]]</h5><p class="card-text">O Dicionário de Favelas está apoiando o enfrentamento à pandemia de covid-19. A plataforma Wikifavelas reúne informação sobre diferentes formas de apoiar iniciativas comunitárias durante a pandemia, notícias, material produzido pela e para favelas, relatos de moradores, ensaios e pesquisas acadêmicas sobre o novo coronavírus nas favelas do Brasil.</p></div></div></div><div class="col-xs-6 col-md-4 col-sm-6"><div class="card"><h3 class="card-header">Territórios</h3><ul class="list-group list-group-flush"><li class="list-group-item">[[Maré]]</li><li class="list-group-item">[[Rocinha]]</li><li class="list-group-item">[[Complexo do Alemão]]</li><li class="list-group-item">[[Cidade de Deus]]</li><li class="list-group-item">[[Vila Kennedy (bairro)|Vila Kennedy]]</li><li class="list-group-item">[[Morro dos Prazeres]]</li><li class="list-group-item">Ver todos</li></ul></div></div></div>


== Eixos de análise ==


== Eixos de Análise ==
== Eixos de Análise ==
<div class="row">
<div class="row">
<div class="col-lg">
<div class="col-lg">
Linha 945: Linha 1 210:
<div class="col-lg">
<div class="col-lg">
<div class="card bg-danger shadow-sm">
<div class="card bg-danger shadow-sm">
<div class="card-body">{{Clickable Button|Sociabilidade e Cultura (eixo de análise)|color=danger}}
<div class="card-body">{{Botão|Sociabilidade e Cultura (eixo de análise)|color=danger}}
</div>
</div>
</div>
</div>
Linha 951: Linha 1 216:
<div class="col-lg">
<div class="col-lg">
<div class="card bg-success shadow-sm">
<div class="card bg-success shadow-sm">
<div class="card-body">{{Clickable Button|Estado e Mercado (eixo de análise)|color=success}}
<div class="card-body">{{Botão|Estado e Mercado (eixo de análise)|color=success}}
</div>
</div>
</div>
</div>
Linha 957: Linha 1 222:
<div class="col-lg">
<div class="col-lg">
<div class="card bg-info shadow-sm">
<div class="card bg-info shadow-sm">
<div class="card-body">{{Clickable Button|Associativismo e Memória (eixo de análise)|color=success}}
<div class="card-body">{{Botão|Associativismo e Memória (eixo de análise)|color=success}}
</div>
</div>
</div>
</div>
Linha 963: Linha 1 228:
<div class="col-lg">
<div class="col-lg">
<div class="card bg-warning shadow-sm">
<div class="card bg-warning shadow-sm">
<div class="card-body">{{Clickable Button|Coronavírus (eixo de análise)|color=success}}
<div class="card-body">{{Botão|Coronavírus (eixo de análise)|color=success}}
</div>
</div>
</div>
</div>
Linha 1 031: Linha 1 296:


<div class="row">
<div class="row">
{{Card|Seção=Minha seção|Imagem=Image1.jpg|Título=Maré Vive|Trecho=Meu trecho sobre a Maré}}{{Card|Seção=Nova seção|Imagem=Image2.jpg|Título=Meu título 2|Trecho=Meu trecho 2}}
{{Card|Seção=Minha seção|Imagem=Image1.jpg|Título=Maré Vive|Trecho=Meu trecho sobre a Maré}}
{{Card|Seção=Mais uma seção|Imagem=Image2.jpg|Título=Rocinha|Trecho=Meu trecho sobre esse item}}
{{Card|Seção=Nova seção|Imagem=Image3.jpg|Título=Cidade de Deus|Trecho=Meu trecho sobre uma atividade}}
</div>
</div>


== Palavras mágicas ==  
== Palavras mágicas ==  
Linha 1 084: Linha 1 349:


{{TALKPAGENAME}}
{{TALKPAGENAME}}




Linha 1 093: Linha 1 356:
{{TALKSPACEE}}
{{TALKSPACEE}}


== Carousel ==
<div id="carouselExampleControls" class="carousel slide" data-bs-ride="carousel">
  <div class="carousel-inner">
    <div class="carousel-item active">
      <img src="..." class="d-block w-100" alt="...">
    </div>
    <div class="carousel-item">
      <img src="..." class="d-block w-100" alt="...">
    </div>
    <div class="carousel-item">
      <img src="..." class="d-block w-100" alt="...">
    </div>
  </div>
  <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="prev">
    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
    <span class="visually-hidden">Previous</span>
  </button>
  <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="next">
    <span class="carousel-control-next-icon" aria-hidden="true"></span>
    <span class="visually-hidden">Next</span>
  </button>
</div>
== Carousel Tweeki ==
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
  <!-- Indicators -->
  <ol class="carousel-indicators">
    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
  </ol>
  <!-- Wrapper for slides -->
  <div class="carousel-inner" role="listbox">
    <div class="item active">
      [[File:image1.jpg|link=Mainpage|class=img-fluid]]
      <div class="carousel-caption">
        <h3 style="color: red">Caption 1</h3>
      </div>
    </div>
    <div class="item">
      [[File:image2.jpg|link=Mainpage|class=img-fluid]]
      <div class="carousel-caption">
        <h3 style="color: red">Caption 2</h3>
      </div>
    </div>
    <div class="item">
      [[File:image3.jpg|link=Mainpage|class=img-fluid]]
      <div class="carousel-caption">
        <h3 style="color: red">Caption 3</h3>
      </div>
    </div>
  </div>
  <!-- Controls removed -->
</div>
=== Quote ===
Plain blockquote:
<blockquote>
Cupcake ipsum dolor sit amet tart powder tootsie roll cotton candy. Lollipop tootsie roll tiramisu chocolate bar jelly-o ice cream tootsie roll powder. I love jelly-o chupa chups applicake. Candy fruitcake muffin liquorice oat cake.</blockquote>
– Cupcake Ipsum
Fancy blockquote:
<blockquote style="border-left-width: 1em;" class="toccolours">
This was a triumph. <!-- Cake -->
I'm making a note here: HUGE SUCCESS.
So I'm GLaD. I got burned.
</blockquote>
– GLaDOS
Cite:<br/>
GLaDOS was "<cite>making a note here</cite>".


====Palavra-chave====
<span id="catlinks" class="catlinks">
[[:Category:Testes|Testes]]
</span>
__NOTOC__
__NOTOC__
Disponível em “https://homologacao2.wikifavelas.com.br/index.php/Ajuda:Guia_de_edição/Modelos”