"Lousanne _ Pequeno Príncipe"
Bootstrap 4.1.1 Snippet by psd11m

Post to Facebook Tweet this

<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> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="\estilos\estilo.css"> <title> O Pequeno Príncipe </title> </head> <body> <div id="livro"> <div id="autor"> <h3>Antoine de Saint-Exupéry</h3> </div> <div id="titulo"> <h1 style="font-family: cursive;">O Pequeno Príncipe</h1> </div> <div id="figuras"> <img src="https://cdn.culturagenial.com/imagens/principe-cke.jpg" width="300" alt="pequeno principe"> </div> <div id="aquarelas"> </div> <div id="rodape"> <h4> <span style="color: #DF7401"> Global </span><br> Editora</h4> </div> </div> </body> </html>
h1{ color: yellow; } h3{ color: #A9D0F5; } #livro{ background-color: #08088A; position: absolute; width: 700px; margin-left: 400px; height: 500px; } #titulo { text-align: center; margin-top: 30px; } #autor{ text-align: center; margin-top: 30px; } #figuras { background-color: #08088A; position: relative; float: right; bottom: 0px; } #aquarela { color: white; text-align: center; float: center; margin-bottom: 500px; margin-top: 0; } #rodape { margin-left: 100px; float: left; }

Related: See More

Rotating CSS Card

Questions / Comments: