"AMANDA DAMASCENO - PEQUENO PRÍNCIPE"
Bootstrap 4.1.1 Snippet by psd11m

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!Doctype html> <html> <head> <style> #autor{ color:white; text-align:center; margin-top:20px; } #titulo{ color:orange; text-align:center; margin-top:30px; } #imagens{ } #estrela{ max-width:200px; max-height:200px; width: auto; height: auto; margin-left:100px;} } #principe{ max-width:500px; max-height:500px; width: auto; height: auto; float:right; margin-top:10px; } #aquarela{ color:white; text-align:center; float:center; margin-bottom:500px; margin-top:; } #rodape{margin-left:100px; float:left; } p{color:white;margin-left:100px;margin-top:50px;} </style> </head> <body> <div id="livro"> <div id="autor"> <h2>Antonie de Saint-Exupéry</h2> </div> <div id="titulo"> <h1>O pequeno príncipe</h1> </div> <p>Tradução de Laura Sandroni </p> <div id="aquarela"> <p>Com aquarelas do amor</p> <div id="imagens"> <img id="estrela" src="https://creazilla-store.fra1.digitaloceanspaces.com/silhouettes/1020/star-silhouette-fed530-md.png"> <img id="principe" src="https://leituraverso.com.br/wp-content/uploads/2018/11/o-pequeno-principe.png" > <div id="rodape" > <h4><span style="color:orange">global</span><br><span style="font-size:20px" >Editora</span></h4> </div> </div> </div> </div> </body> </html>
#livro{ background-color:blue; position:absolute; width:800px; margin-left:300px; height:1000px; }

Related: See More


Questions / Comments: