Prévia do material em texto
<!doctype html> <html lang="pt-br"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="./stylesheet/bootstrap-5.3.3-dist/bootstrap.min.css"> <link rel="stylesheet" href="./stylesheet/1default.css"> <link rel="icon" type="image/x-icon" href="./img/favicon/favicon.ico"> <link rel="icon" type="image/png" href="/img/favicon/favicon.png"> <title>Casamento Zuleika & Ubiratam</title> </head> <body> <div class="container"><!--/ Start div .container (*n2) /--> <h1>Zuleika & Ubiratam</h1> <div class="row"><!--/ Start div .row (*n3) /--> <!--/ Start Pré Casamento /--> <!--/ Start div .col-sm "1º Coluna" (*n4) /--> <div class="col-sm"> <div class="card"><!--/ Start div .card Pré Casamento /--> <div class="card-body"> <h2>Pré Casamento</h2> </div> <figure> <img src="./img/pre-casamento/pc-1.jpg" alt=""> <figcaption>Legenda aqui</Legend> </figure> <figure> <img src="./img/pre-casamento/pc-2.jpg" alt=""> <figcaption>Legenda aqui</Legend> </figure> <figure> <img src="1.jpg" alt="Dia da Noiva"> <figcaption>Legenda aqui</Legend> </figure> <figure> <img src="2.jpg" alt="Dia da Noiva"> <figcaption>Legenda aqui</Legend> </figure> <figure> <img src="1.jpg" alt="Dia da Noiva"> <figcaption>Legenda aqui</Legend> </figure> <figure> <img src="2.jpg" alt="Dia da Noiva"> <figcaption>Legenda aqui</Legend> </figure> </div><!--/ End div .card Pré Casamento /--> </div><!--/ End div .col-sm "1º Coluna" (*n4) /--> <!--/ End div Pré Casamento /--> <!--/ Start Bloco Dia da Noiva /--> <!--/ Start div .col-sm "2º Coluna" (*n4) /--> <div class="col-sm"> <div class="card"><!--/ Start div .card Dia da Noiva /--> <div class="card-body"> <h2 class="card-title">Dia da Noiva</h2> </div> <figure> <img src="1.jpg" alt="Dia da Noiva"> <figcaption>Legenda aqui</Legend> </figure> <figure> <img src="2.jpg" alt="Dia da Noiva"> <figcaption>Legenda aqui</Legend> </figure> <figure> <img src="1.jpg" alt="Dia da Noiva"> <figcaption>Legenda aqui</Legend> </figure> <figure> <img src="2.jpg" alt="Dia da Noiva"> <figcaption>Legenda aqui</Legend> </figure> <figure> <img src="1.jpg" alt="Dia da Noiva"> <figcaption>Legenda aqui</Legend> </figure> <figure> <img src="2.jpg" alt="Dia da Noiva"> <figcaption>Legenda aqui</Legend> </figure> </div><!--/ End div .card Dia da Noiva /--> </div><!--/ End div .col-sm "2º Coluna" (*n4) /--> <!--/ End Bloco Dia da Noiva /--> <!--/ Start div .col-sm "3º Coluna" (*n4) /--> <!--/ Start Bloco Cerimônia /--> <div class="col-sm"> <div class="card"><!--/ End div .card Cerimônia /--> <div class="card-body"> <h2>Cerimônia</h2> </div> <figure> <img src="1.jpg" alt="Dia da Noiva"> <figcaption>Legenda aqui</Legend> </figure> <figure> <img src="2.jpg" alt="Dia da Noiva"> <figcaption>Legenda aqui</Legend> </figure> <figure> <img src="1.jpg" alt="Dia da Noiva"> <figcaption>Legenda aqui</Legend> </figure> <figure> <img src="2.jpg" alt="Dia da Noiva"> <figcaption>Legenda aqui</Legend> </figure> <figure> <img src="1.jpg" alt="Dia da Noiva"> <figcaption>Legenda aqui</Legend> </figure> <figure> <img src="2.jpg" alt="Dia da Noiva"> <figcaption>Legenda aqui</Legend> </figure> </div><!--/ End div .card Cerimônia /--> </div><!--/ End div .col-sm "3º Coluna" (*n4) /--> <!--/ End Bloco Cerimônia /--> <!--/ Start Bloco Festa /--> <!--/ Start div .col-sm "4º Coluna" (*n4) /--> <div class="col-sm"> <div class="card"><!--/ End div .card Festa /--> <div class="card-body"> <h2 class="card-title">Festa</h2> </div> <figure> <img src="1.jpg" alt="Dia da Noiva"> <figcaption>Legenda aqui</Legend> </figure> <figure> <img src="2.jpg" alt="Dia da Noiva"> <figcaption>Legenda aqui</Legend> </figure> <figure> <img src="1.jpg" alt="Dia da Noiva"> <figcaption>Legenda aqui</Legend> </figure> <figure> <img src="2.jpg" alt="Dia da Noiva"> <figcaption>Legenda aqui</Legend> </figure> <figure> <img src="1.jpg" alt="Dia da Noiva"><figcaption>Legenda aqui</Legend> </figure> <figure> <img src="2.jpg" alt="Dia da Noiva"> <figcaption>Legenda aqui</Legend> </figure> </div><!--/ End div .card Dia da Noiva /--> </div><!--/ enddiv .col-sm "4º Coluna" (*n4) /--> <!--/ End Bloco Festa /--> <!--/ Start Bloco Lua de Mel /--> <!--/ Start div .col-sm "8º Coluna" (*n4) /--> <div class="col-sm"> <div class="card"><!--/ End div .card Lua de Mel /--> <div class="card-body"> <h2>Lua de Mel</h2> </div> <figure> <img src="1.jpg" alt="Dia da Noiva"> <figcaption>Legenda aqui</Legend> </figure> <figure> <img src="2.jpg" alt="Dia da Noiva"> <figcaption>Legenda aqui</Legend> </figure> <figure> <img src="1.jpg" alt="Dia da Noiva"> <figcaption>Legenda aqui</Legend> </figure> <figure> <img src="2.jpg" alt="Dia da Noiva"> <figcaption>Legenda aqui</Legend> </figure> <figure> <img src="1.jpg" alt="Dia da Noiva"> <figcaption>Legenda aqui</Legend> </figure> <figure> <img src="2.jpg" alt="Dia da Noiva"> <figcaption>ref:pc-1</Legend> </figure> <figure> <img src="2.jpg" alt="Dia da Noiva"> <figcaption>ref:pc-1</Legend> </figure> <figure> <img src="2.jpg" alt="Dia da Noiva"> <figcaption>ref:pc-1</Legend> </figure> </div><!--/ End div .card Lua de Mel /--> </div><!--/ End div .col-sm "8º Coluna" (*n4) /--> <!--/ End Bloco Lua de Mel /--> </div><!--/ End div .row (*n3) /--> </div><!--/ End div .container (*n2) /--> <footer><!--/ Start footer (*n3) /--> <p>© 2024. Zuleika & Ubiratam. Fotos by. Todos os direitos reservados. <br>Agenda 12 - Desenvolvimento de Sistemas - I (Professor Tutor: <cite>Ricardo Amorim Ribeiro da Silva</cite>) <br>Realizado pelo Discente: <cite>David Tobias Nunes</cite> </p> <img src="" alt=""> </footer><!--/ End footer (*n3) /--> </body> </html>