|
|
Linha 1: |
Linha 1: |
| <main role="main">
| | <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel"> |
| | | <ol class="carousel-indicators"> |
| <div id="myCarousel" class="carousel slide" data-ride="carousel">
| | <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li> |
| <ol class="carousel-indicators">
| | <li data-target="#carouselExampleIndicators" data-slide-to="1"></li> |
| <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
| | <li data-target="#carouselExampleIndicators" data-slide-to="2"></li> |
| <li data-target="#myCarousel" data-slide-to="1"></li>
| | </ol> |
| <li data-target="#myCarousel" data-slide-to="2"></li>
| | <div class="carousel-inner"> |
| </ol>
| | <div class="carousel-item active"> |
| <div class="carousel-inner">
| | <img src="URL_DA_IMAGEM_1" class="d-block w-100" alt="Descrição da imagem 1"> |
| <div class="carousel-item active">
| | </div> |
| <svg class="bd-placeholder-img" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" role="img" aria-label=" : " preserveAspectRatio="xMidYMid slice" focusable="false"><title> </title><rect width="100%" height="100%" fill="#777"/><text x="50%" y="50%" fill="#777" dy=".3em"> </text></svg>
| | <div class="carousel-item"> |
| | | <img src="URL_DA_IMAGEM_2" class="d-block w-100" alt="Descrição da imagem 2"> |
| <div class="container">
| | </div> |
| <div class="carousel-caption text-left">
| | <div class="carousel-item"> |
| <h1>Example headline.</h1>
| | <img src="URL_DA_IMAGEM_3" class="d-block w-100" alt="Descrição da imagem 3"> |
| <p>Some representative placeholder content for the first slide of the carousel.</p>
| |
| <p><a class="btn btn-lg btn-primary" href="#">Sign up today</a></p>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="carousel-item">
| |
| <svg class="bd-placeholder-img" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" role="img" aria-label=" : " preserveAspectRatio="xMidYMid slice" focusable="false"><title> </title><rect width="100%" height="100%" fill="#777"/><text x="50%" y="50%" fill="#777" dy=".3em"> </text></svg>
| |
| | |
| <div class="container">
| |
| <div class="carousel-caption">
| |
| <h1>Another example headline.</h1>
| |
| <p>Some representative placeholder content for the second slide of the carousel.</p>
| |
| <p><a class="btn btn-lg btn-primary" href="#">Learn more</a></p>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="carousel-item">
| |
| <svg class="bd-placeholder-img" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" role="img" aria-label=" : " preserveAspectRatio="xMidYMid slice" focusable="false"><title> </title><rect width="100%" height="100%" fill="#777"/><text x="50%" y="50%" fill="#777" dy=".3em"> </text></svg>
| |
| | |
| <div class="container">
| |
| <div class="carousel-caption text-right">
| |
| <h1>One more for good measure.</h1>
| |
| <p>Some representative placeholder content for the third slide of this carousel.</p>
| |
| <p><a class="btn btn-lg btn-primary" href="#">Browse gallery</a></p>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div> | | </div> |
| <button class="carousel-control-prev" type="button" data-target="#myCarousel" data-slide="prev">
| |
| <span class="carousel-control-prev-icon" aria-hidden="true"></span>
| |
| <span class="sr-only">Previous</span>
| |
| </button>
| |
| <button class="carousel-control-next" type="button" data-target="#myCarousel" data-slide="next">
| |
| <span class="carousel-control-next-icon" aria-hidden="true"></span>
| |
| <span class="sr-only">Next</span>
| |
| </button>
| |
| </div> | | </div> |
| | <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev"> |
| | <span class="carousel-control-prev-icon" aria-hidden="true"></span> |
| | <span class="sr-only">Previous</span> |
| | </a> |
| | <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next"> |
| | <span class="carousel-control-next-icon" aria-hidden="true"></span> |
| | |
| | |
|
| |
|
|
| |
|