Recurso

tabs - 2

Transparência

A visibilidade dos aspectos do projeto aos responsáveis é crucial para garantir o entendimento comum do que está sendo feito. No scrum, não há nada oculto que não será revelado.

Exemplos:

Todos que compõem o time scrum devem ter a mesma definição do que será “pronto”.
Todos sabem como está o backlog do produto, ou seja, todas as informações referentes à funcionalidade que está sendo desenvolvida não ficam “ocultas” com o product owner.

Inspeção

A inspeção dos artefatos (trabalho) deve ser feita continuamente no projeto. Desse modo, garante o progresso e detecção de variações indesejadas.

É importante ter cuidado para não inspecionar demais, de forma que atrapalhe o objetivo dos trabalhos. A inspeção é mais produtiva quando realizada por inspetores especializados no trabalho a ser verificado.

Adaptação

Se um “inspetor” (que pode ser qualquer um do time) identifica um desvio dos limites do projeto, ou que o resultado não será algo aceitável, o processo ou material deve ser ajustado o mais breve possível.

Os eventos do scrum são fundamentais para se realizar a inspeção e adaptação.

                                                                                                                                                                

                                                                                                                                                                

                                                                                                                                                                                            
                                                                                                                                                                                                <div class="row">
                                                                                                                                                                                                <div class="tabs">
                                                                                                                                                                                                <input type="radio" name="tabs1" id="tab-1" checked="checked">
                                                                                                                                                                                                <label for="tab-1">Transparência</label>
                                                                                                                                                                                                <div class="tab-bs">
                                                                                                                                                                                                <p><span>A visibilidade dos aspectos do projeto aos responsáveis é crucial para garantir
                                                                                                                                                                                                o entendimento comum do
                                                                                                                                                                                                que está sendo feito. No <em>scrum</em>, não há nada oculto que não será
                                                                                                                                                                                                revelado.</span></p>
                                                                                                                                                                                                <p><strong>Exemplos:</strong></p>
                                                                                                                                                                                                <ul>
                                                                                                                                                                                                <li>Todos que compõem o time <em>scrum</em> devem ter a mesma definição do que será
                                                                                                                                                                                                “pronto”.</li>
                                                                                                                                                                                                <li>Todos sabem como está o <em>backlog</em> do produto, ou seja, todas as
                                                                                                                                                                                                informações referentes à
                                                                                                                                                                                                funcionalidade que está sendo desenvolvida não ficam “ocultas” com o <em>product
                                                                                                                                                                                                owner</em>.</li>
                                                                                                                                                                                                </ul>
                                                                                                                                                                                                </div>
                                                                                                                                                                                                
                                                                                                                                                                                                <input type="radio" name="tabs1" id="tab-2">
                                                                                                                                                                                                <label for="tab-2">Inspeção</label>
                                                                                                                                                                                                <div class="tab-bs">
                                                                                                                                                                                                <p><span>A inspeção dos artefatos (trabalho) deve ser feita continuamente no projeto.
                                                                                                                                                                                                Desse modo, garante o
                                                                                                                                                                                                progresso e detecção de variações indesejadas.</span></p>
                                                                                                                                                                                                <p><span>É importante ter cuidado para não inspecionar demais, de forma que atrapalhe o
                                                                                                                                                                                                objetivo dos trabalhos.
                                                                                                                                                                                                A inspeção é mais produtiva quando realizada por inspetores especializados no
                                                                                                                                                                                                trabalho a ser
                                                                                                                                                                                                verificado.</span></p>
                                                                                                                                                                                                </div>
                                                                                                                                                                                                
                                                                                                                                                                                                <input type="radio" name="tabs1" id="tab-3">
                                                                                                                                                                                                <label for="tab-3">Adaptação</label>
                                                                                                                                                                                                <div class="tab-bs">
                                                                                                                                                                                                <p><span>Se um “inspetor” (que pode ser qualquer um do time) identifica um desvio dos
                                                                                                                                                                                                limites do projeto, ou que
                                                                                                                                                                                                o resultado não será algo aceitável, o processo ou material deve ser ajustado o
                                                                                                                                                                                                mais breve
                                                                                                                                                                                                possível.</span></p>
                                                                                                                                                                                                <p><span>Os eventos do <em>scrum</em> são fundamentais para se realizar a inspeção e
                                                                                                                                                                                                adaptação.</span></p>
                                                                                                                                                                                                </div>
                                                                                                                                                                                                </div>
                                                                                                                                                                                                </div>

Recurso

Accordion - 2

A pessoa é o foco do projeto
Representação visual da ideia
Cocriação ou criação compartilhada
Repetição exaustiva

                                                                                                                                                                            

                                                                                                                                                                            

                                                                                                                                                                                                        
                                                                                                                                                                                                            <div class="align-items-center accordion">
                                                                                                                                                                                                            <div id="accordion" class="col-md-11 accordion-list center mt-30">
                                                                                                                                                                                                            <ul>
                                                                                                                                                                                                            <li class="aos-init p-0 aos-animate">
                                                                                                                                                                                                            <a data-bs-toggle="collapse" class="collapsed accordion-card__header"
                                                                                                                                                                                                            data-bs-target="#accordion-list-1" aria-expanded="false">A pessoa é o foco
                                                                                                                                                                                                            do
                                                                                                                                                                                                            projeto <i class="fa fa-caret-down drop-icon"></i></a>
                                                                                                                                                                                                            <div id="accordion-list-1" class="collapse" data-bs-parent=".accordion-list">
                                                                                                                                                                                                            <ul>
                                                                                                                                                                                                            <p>Inicia-se a partir do entendimento das necessidades/dores das
                                                                                                                                                                                                            pessoas,
                                                                                                                                                                                                            suas emoções, suas aspirações, seus pensamentos, suas ações e as
                                                                                                                                                                                                            formas
                                                                                                                                                                                                            que buscam atender suas necessidades.</p>
                                                                                                                                                                                                            </ul>
                                                                                                                                                                                                            </div>
                                                                                                                                                                                                            </li>
                                                                                                                                                                                                            <li data-aos-delay="100" class="aos-init p-0 aos-animate">
                                                                                                                                                                                                            <a data-bs-toggle="collapse" data-bs-target="#accordion-list-2"
                                                                                                                                                                                                            class="collapsed accordion-card__header" aria-expanded="false">Representação
                                                                                                                                                                                                            visual da ideia <i class="fa fa-caret-down drop-icon"></i></a>
                                                                                                                                                                                                            <div id="accordion-list-2" class="collapse" data-bs-parent=".accordion-list">
                                                                                                                                                                                                            <ul>
                                                                                                                                                                                                            <p>Necessidade de tornar todo o processo inteligível. Para isso,
                                                                                                                                                                                                            busca-se
                                                                                                                                                                                                            representá-lo de forma mais clara e visual possível, para que todos
                                                                                                                                                                                                            compreendam o problema e as ideias de solução.</p>
                                                                                                                                                                                                            </ul>
                                                                                                                                                                                                            </div>
                                                                                                                                                                                                            </li>
                                                                                                                                                                                                            <li data-aos-delay="200" class="aos-init p-0 aos-animate">
                                                                                                                                                                                                            <a data-bs-toggle="collapse" data-bs-target="#accordion-list-3"
                                                                                                                                                                                                            class="collapsed accordion-card__header" aria-expanded="false">Cocriação ou
                                                                                                                                                                                                            criação compartilhada <i class="fa fa-caret-down drop-icon"></i></a>
                                                                                                                                                                                                            <div id="accordion-list-3" class="collapse" data-bs-parent=".accordion-list">
                                                                                                                                                                                                            <ul>
                                                                                                                                                                                                            <p>O projeto não é feito somente por um individuo, todas as etapas são
                                                                                                                                                                                                            realizadas por diversas mãos, respeitando a especialidade de cada
                                                                                                                                                                                                            profissional. A solução final só será eficiente se for realizada de
                                                                                                                                                                                                            forma colaborativa.</p>
                                                                                                                                                                                                            </ul>
                                                                                                                                                                                                            </div>
                                                                                                                                                                                                            </li>
                                                                                                                                                                                                            <li data-aos-delay="300" class="aos-init p-0 aos-animate">
                                                                                                                                                                                                            <a data-bs-toggle="collapse" data-bs-target="#accordion-list-4"
                                                                                                                                                                                                            class="collapsed accordion-card__header" aria-expanded="false">Repetição
                                                                                                                                                                                                            exaustiva <i class="fa fa-caret-down drop-icon"></i></a>
                                                                                                                                                                                                            <div id="accordion-list-4" class="collapse" data-bs-parent=".accordion-list">
                                                                                                                                                                                                            <ul>
                                                                                                                                                                                                            <p>Para evitar riscos e conseguir uma solução assertiva, é necessário
                                                                                                                                                                                                            que
                                                                                                                                                                                                            erros sejam descobertos. Por isso, repetir etapas, aplicações de
                                                                                                                                                                                                            ferramentas e testes, por exemplo, é fundamental.</p>
                                                                                                                                                                                                            </ul>
                                                                                                                                                                                                            </div>
                                                                                                                                                                                                            </li>
                                                                                                                                                                                                            </ul>
                                                                                                                                                                                                            </div>
                                                                                                                                                                                                            </div>

Recurso

TOOGLEBOX IMAGEM

O ambiente foi projetado para que caso parte da estrutura sofra algum tipo de queda de desempenho ou mesmo uma parada total no funcionamento, sempre deverá haver uma outra parte da estrutura pronta para substituir a primeira e garantir a disponibilidade dos recursos e dados mantidos.

                                                                                                                                                                                        

                                                                                                                                                                                        

                                                                                                                                                                                                                    

                                                                                                                                                                                                                        <div class="row">
                                                                                                                                                                                                                        <div class="col-md-8 center pt-50 aos-init aos-animate" data-aos="zoom-out"
                                                                                                                                                                                                                        data-aos-delay="100">
                                                                                                                                                                                                                        <div id="highlight-img" name="highlight-img">
                                                                                                                                                                                                                        <a href="#/" class=" collapsed" data-bs-toggle="collapse"
                                                                                                                                                                                                                        data-bs-target="#collapseLista" aria-expanded="false" aria-controls="collapseLista"
                                                                                                                                                                                                                        alt=""></a>
                                                                                                                                                                                                                        <img src="libs/img/_template/video.png" class="img-fluid collapsed"
                                                                                                                                                                                                                        data-bs-toggle="collapse" data-bs-target="#collapseLista" aria-expanded="false"
                                                                                                                                                                                                                        aria-controls="collapseLista" alt="" style="cursor: pointer;">
                                                                                                                                                                                                                        </div>
                                                                                                                                                                                                                        </div>
                                                                                                                                                                                                                        
                                                                                                                                                                                                                        <div class="col-md-12 ">
                                                                                                                                                                                                                        <div id="toogle-box" class=" gx-0">
                                                                                                                                                                                                                        <div class="mt-20 collapse" id="collapseLista" style="">
                                                                                                                                                                                                                        <div class="card card-body shadow">
                                                                                                                                                                                                                        <div class="justify-content-center p-0">
                                                                                                                                                                                                                        <p>O ambiente foi projetado para que caso parte da estrutura sofra algum
                                                                                                                                                                                                                        tipo de queda de
                                                                                                                                                                                                                        desempenho ou mesmo uma parada total no funcionamento, sempre deverá
                                                                                                                                                                                                                        haver uma outra parte
                                                                                                                                                                                                                        da estrutura pronta para substituir a primeira e garantir a
                                                                                                                                                                                                                        disponibilidade dos recursos e
                                                                                                                                                                                                                        dados mantidos.</p>
                                                                                                                                                                                                                        </div>
                                                                                                                                                                                                                        </div>
                                                                                                                                                                                                                        </div>
                                                                                                                                                                                                                        </div>
                                                                                                                                                                                                                        </div>
                                                                                                                                                                                                                        
                                                                                                                                                                                                                        </div>

Recurso

Card Imagem - horizontal

1. Boas configurações dos grupos de segurança da instância.

2. Regras eficientes nas ACLs de rede da VPC nas quais a instância se encontra, caso haja uma.

3. Boas configurações dos grupos de segurança da instância.

4. Regras eficientes nas ACLs de rede da VPC nas quais a instância se encontra, caso haja uma.

                                                                      

                                                          


                                                                                                                                                                                                                                    <div class="row">
                                                                                                                                                                                                                                    <div class="col-md-6 pt-50">
                                                                                                                                                                                                                                    <div class="row scrumcontent scrumcard d-flex align-items-center pt-10 pb-10">
                                                                                                                                                                                                                                    <div class="col-md-4">
                                                                                                                                                                                                                                    <div class="pic">
                                                                                                                                                                                                                                    <img src="libs/img/_template/video.png" class="img-fluid" alt="">
                                                                                                                                                                                                                                    </div>
                                                                                                                                                                                                                                    </div>
                                                                                                                                                                                                                                    <div class="col-md-8 scrumcontent-info">
                                                                                                                                                                                                                                    <p>1. Boas configurações dos grupos de segurança da instância.</p>
                                                                                                                                                                                                                                    </div>
                                                                                                                                                                                                                                    </div>
                                                                                                                                                                                                                                    </div>
                                                                                                                                                                                                                                    <div class="col-md-6 pt-50">
                                                                                                                                                                                                                                    <div class="row scrumcontent scrumcard d-flex align-items-center pt-10 pb-10">
                                                                                                                                                                                                                                    <div class="col-md-4">
                                                                                                                                                                                                                                    <div class="pic">
                                                                                                                                                                                                                                    <img src="libs/img/_template/video.png" class="img-fluid" alt="">
                                                                                                                                                                                                                                    </div>
                                                                                                                                                                                                                                    </div>
                                                                                                                                                                                                                                    <div class="col-md-8 scrumcontent-info">
                                                                                                                                                                                                                                    <p>2. Regras eficientes nas ACLs de rede da VPC nas quais a instância se encontra,
                                                                                                                                                                                                                                    caso haja
                                                                                                                                                                                                                                    uma.</p>
                                                                                                                                                                                                                                    </div>
                                                                                                                                                                                                                                    </div>
                                                                                                                                                                                                                                    </div>
                                                                                                                                                                                                                                    </div>
                                                                                                                                                                                                                                    <div class="row">
                                                                                                                                                                                                                                    <div class="col-md-6 pt-50">
                                                                                                                                                                                                                                    
                                                                                                                                                                                                                                    
                                                                                                                                                                                                                                    <div class="row scrumcontent scrumcard d-flex align-items-center pt-10 pb-10">
                                                                                                                                                                                                                                    <div class="col-md-4">
                                                                                                                                                                                                                                    <div class="pic">
                                                                                                                                                                                                                                    <img src="libs/img/_template/video.png" class="img-fluid" alt="">
                                                                                                                                                                                                                                    </div>
                                                                                                                                                                                                                                    </div>
                                                                                                                                                                                                                                    <div class="col-md-8 scrumcontent-info">
                                                                                                                                                                                                                                    <p>3. Boas configurações dos grupos de segurança da instância.</p>
                                                                                                                                                                                                                                    </div>
                                                                                                                                                                                                                                    </div>
                                                                                                                                                                                                                                    </div>
                                                                                                                                                                                                                                    <div class="col-md-6 pt-50">
                                                                                                                                                                                                                                    <div class="row scrumcontent scrumcard d-flex align-items-center pt-10 pb-10">
                                                                                                                                                                                                                                    <div class="col-md-4">
                                                                                                                                                                                                                                    <div class="pic">
                                                                                                                                                                                                                                    <img src="libs/img/_template/video.png" class="img-fluid" alt="">
                                                                                                                                                                                                                                    </div>
                                                                                                                                                                                                                                    </div>
                                                                                                                                                                                                                                    <div class="col-md-8 scrumcontent-info">
                                                                                                                                                                                                                                    <p>4. Regras eficientes nas ACLs de rede da VPC nas quais a instância se encontra,
                                                                                                                                                                                                                                    caso haja
                                                                                                                                                                                                                                    uma.</p>
                                                                                                                                                                                                                                    </div>
                                                                                                                                                                                                                                    </div>
                                                                                                                                                                                                                                    </div>
                                                                                                                                                                                                                                    </div>

Recurso

MODAL IMAGEM PULSANTE

                            
                                <div class="row align-items-center gx-0 col-lg-12 md-10">
                                <div id="highlight-img" class="highlight-dark" name="highlight-img">
                                
                                </div>
                                <div class="col-md-3 col-sm-4 me-5 center aos-init aos-animate" data-aos="zoom-out"
                                data-aos-delay="200">
                                <div id="highlight-img" class="highlight-dark" name="highlight-img">
                                <a href="#/" id="item-spot1" class="highlight-spot highlight-spot-visited"
                                style="text-align: center;" data-bs-toggle="modal"
                                data-bs-target="#exampleModal-1"></a>
                                <img src="libs/img/_template/video.png" class="img-fluid" alt="">
                                </div>
                                </div>
                                
                                <div class="col-md-3 col-sm-4 me-5 center aos-init aos-animate" data-aos="zoom-out"
                                data-aos-delay="200">
                                <div id="highlight-img" class="highlight-dark" name="highlight-img">
                                <a href="#/" id="item-spot2" class="highlight-spot" style="" data-bs-toggle="modal"
                                data-bs-target="#exampleModal-1"></a>
                                <img src="libs/img/_template/video.png" class="img-fluid" alt="">
                                </div>
                                </div>
                                
                                <div class="col-md-3 col-sm-4 center aos-init aos-animate" data-aos="zoom-out"
                                data-aos-delay="200">
                                <div id="highlight-img" class="highlight-dark" name="highlight-img">
                                <a href="#/" id="item-spot333" class="highlight-spot" style="" data-bs-toggle="modal"
                                data-bs-target="#exampleModal-1"></a>
                                <img src="libs/img/_template/video.png" class="img-fluid" alt="">
                                </div>
                                </div>
                                </div>

Recurso

FLIP CARD 3D

Definir um objetivo claro do motivo para criar o mapa de empatia. O que pretende obter com o mapa de empatia? Como ele irá ajudar no projeto?
Definir um objetivo claro do motivo para criar o mapa de empatia. O que pretende obter com o mapa de empatia? Como ele irá ajudar no projeto?
Definir um objetivo claro do motivo para criar o mapa de empatia. O que pretende obter com o mapa de empatia? Como ele irá ajudar no projeto?

Identificar e agrupar as ações e os comportamentos das pessoas observados durante as entrevistas (o que ele faz?).

Descobrir quais são as motivações, objetivos, necessidades e desejos dos entrevistados (o que ele pensa?).

Por último, identificar o que os entrevistados sentem, quais são suas emoções mais comuns (o que ele sente?).

                

                

                
                    <div class="row mb-30">
                    <div class="col-lg-4 col-md-4 text-center ">
                    <div id="card-1" class="flip-card fundo">
                    <div class="front fundo_cinza" style=" border: 1px solid rgba(204, 204, 204, 0.144);">
                    <img src="./libs/img/aula-1/BRASCOM_USER_EXPERIECE_D02-06-01.png"
                    class="img-fluid center">
                    </div>
                    <div class="back">
                    <p style="text-align: left; padding: 2rem;">
                    Definir um objetivo claro do motivo para criar o mapa de empatia. O que pretende
                    obter com o mapa de empatia? Como ele irá ajudar no projeto?
                    <br>
                    Definir um objetivo claro do motivo para criar o mapa de empatia. O que pretende
                    obter com o mapa de empatia? Como ele irá ajudar no projeto?
                    <br>
                    Definir um objetivo claro do motivo para criar o mapa de empatia. O que pretende
                    obter com o mapa de empatia? Como ele irá ajudar no projeto?
                    </p>
                    </div>
                    </div>
                    <div id="card-4" class="flip-card">
                    <div class="front fundo_cinza" style=" border: 1px solid rgba(204, 204, 204, 0.144);">
                    <img src="./libs/img/aula-1/BRASCOM_USER_EXPERIECE_D02-06-04.png"
                    class="img-fluid center">
                    </div>
                    <div class="back">
                    <p style="text-align: left; padding: 2rem;">
                    Identificar e agrupar as ações e os comportamentos das pessoas observados
                    durante as
                    entrevistas (o que ele faz?).
                    </p>
                    </div>
                    </div>
                    <div id="card-5" class="flip-card">
                    <div class="front fundo_cinza" style=" border: 1px solid rgba(204, 204, 204, 0.144);">
                    <img src="./libs/img/aula-1/BRASCOM_USER_EXPERIECE_D02-06-05.png"
                    class="img-fluid center">
                    </div>
                    <div class="back">
                    <p style="text-align: left; padding: 2rem;">
                    Descobrir quais são as motivações, objetivos, necessidades e desejos dos
                    entrevistados (o que ele pensa?).
                    </p>
                    </div>
                    </div>
                    </div>
                    
                    <div class="col-lg-4 col-md-4 text-center">
                    <div id="card-2" class="flip-card">
                    <div class="front fundo_cinza" style=" border: 1px solid rgba(204, 204, 204, 0.144);">
                    <img src="./libs/img/aula-1/BRASCOM_USER_EXPERIECE_D02-06-02.png"
                    class="img-fluid center">
                    </div>
                    <div class="back">
                    <p style="text-align: left; padding: 2rem;">
                    Definir um objetivo claro do motivo para criar o mapa de empatia. O que pretende
                    obter com o mapa de empatia? Como ele irá ajudar no projeto?
                    <br>
                    Definir um objetivo claro do motivo para criar o mapa de empatia. O que pretende
                    obter com o mapa de empatia? Como ele irá ajudar no projeto?
                    <br>
                    Definir um objetivo claro do motivo para criar o mapa de empatia. O que pretende
                    obter com o mapa de empatia? Como ele irá ajudar no projeto?
                    </p>
                    <p style="text-align: left; padding: 2rem;">
                    Definir um objetivo claro do motivo para criar o mapa de empatia. O que pretende
                    obter com o mapa de empatia? Como ele irá ajudar no projeto?
                    <br>
                    Definir um objetivo claro do motivo para criar o mapa de empatia. O que pretende
                    obter com o mapa de empatia? Como ele irá ajudar no projeto?
                    <br>
                    Definir um objetivo claro do motivo para criar o mapa de empatia. O que pretende
                    obter com o mapa de empatia? Como ele irá ajudar no projeto?
                    </p>
                    </div>
                    </div>
                    </div>
                    
                    <div class="col-lg-4 col-md-4 text-center">
                    <div id="card-3" class="flip-card">
                    <div class="front fundo_cinza" style=" border: 1px solid rgba(204, 204, 204, 0.144);">
                    <img src="./libs/img/aula-1/BRASCOM_USER_EXPERIECE_D02-06-03.png"
                    class="img-fluid center">
                    </div>
                    <div class="back">
                    <p style="text-align: left; padding: 2rem;">
                    Definir um objetivo claro do motivo para criar o mapa de empatia. O que pretende
                    obter com o mapa de empatia? Como ele irá ajudar no projeto?
                    <br>
                    Definir um objetivo claro do motivo para criar o mapa de empatia. O que pretende
                    obter com o mapa de empatia? Como ele irá ajudar no projeto?
                    <br>
                    Definir um objetivo claro do motivo para criar o mapa de empatia. O que pretende
                    obter com o mapa de empatia? Como ele irá ajudar no projeto?
                    </p>
                    </div>
                    </div>
                    <div id="card-6" class="flip-card">
                    <div class="front fundo_cinza" style=" border: 1px solid rgba(204, 204, 204, 0.144);">
                    <img src="./libs/img/aula-1/BRASCOM_USER_EXPERIECE_D02-06-06.png"
                    class="img-fluid center">
                    </div>
                    <div class="back">
                    <p style="text-align: left; padding: 2rem;">
                    Por último, identificar o que os entrevistados sentem, quais são suas emoções
                    mais
                    comuns (o que ele sente?).
                    </p>
                    </div>
                    </div>
                    </div>
                    </div>

Resumindo

Durante seus estudos, você conheceu os novos recursos ECMAScript, com ênfase na versão 6, de 2015. Além disso, pôde ver e experimentar todas as mudanças de sintaxe e comportamento da linguagem e perceber como elas são agregadoras a bibliotecas como React Native.

Você também pôde conhecer os benefícios das principais ferramentas disponíveis atualmente para criar uma interface para dispositivos móveis utilizando a API React Native.

Utilizando os conceitos e recursos apresentados, você será capaz de aplicar processos de desenvolvimento simples e ágeis.

Continue estudando e praticando sempre!

Bom trabalho e até breve!

Para Concluir

Você também pôde conhecer os benefícios das principais ferramentas disponíveis atualmente para criar uma interface para dispositivos móveis utilizando a API React Native.

Utilizando os conceitos e recursos apresentados, você será capaz de aplicar processos de desenvolvimento simples e ágeis.

Continue estudando e praticando sempre!

Bom trabalho e até breve!

Role para baixo

Título do Curso

Título do Desafio

Para começar

Recurso

tabs - 2

Recurso

Accordion - 2

Recurso

TOOGLEBOX IMAGEM

Recurso

Card Imagem - horizontal

Recurso

MODAL IMAGEM PULSANTE

Recurso

FLIP CARD 3D

Resumindo

Para Concluir