HTML |
---|
<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> * { box-sizing: border-box; } .menu { float: left; width: 20%; } .menuitem { padding: 8px; margin-top: 7px; border-bottom: 1px solid #f1f1f1; } .main { float: left; width: 60%; padding: 0 20px; overflow: hidden; } .right { background-color: lightblue; float: left; width: 20%; padding: 10px 15px; margin-top: 7px; } @media only screen and (max-width:800px) { /* For tablets: */ .main { width: 80%; padding: 0; } .right { width: 100%; } } @media only screen and (max-width:500px) { /* For mobile phones: */ .menu, .main, .right { width: 100%; } } </style> </head> <body style="font-family:Verdana;"> <div style="background-color:#f1f1f1;padding:15px;"> <h1>Cinque Terre</h1> <h3>Resize the browser window</h3> <style> #title-text { display: none !important; } .wiki-content h2 { font-size: 25px !important; font-family: "Roboto", sans-serif !important; color: #42526e !important; } body { font-family: Arial, sans-serif; margin: 0; padding: 0; background-color: #f4f4f4; } .header1 { display: flex; justify-content: center; /* Alinha horizontalmente */ align-items: center; /* Alinha verticalmente */ background-image: url("https://totvscrm.com/wp-content/uploads/2023/08/capa-com-fundo-e-sem-icone-TDN21.png"); background-size: cover; min-height: inherit; width: 100%; } .banner1 { max-height: 150px; width: auto; /* Mantém a proporção da imagem */ display: block; } .container { width: 80%; margin: auto; padding: 20px; background-color: white; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .container h2 { border-bottom: 2px solid #ddd; padding-bottom: 10px; margin-bottom: 20px; } .history-link { text-decoration: none; color: #0066cc; font-weight: bold; display: inline-block; margin-bottom: 20px; } .history-link:hover { text-decoration: underline; } .release { margin-bottom: 20px; } </style> <!-- Link para o FontAwesome --> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" /> <div class="header1"> <img src="https://totvscrm.com/wp-content/uploads/2023/09/logo-com-descricao-totvsgc.png" alt="Banner1" class="banner1" /> </div> <div styleclass="overflow:autocontainer"> <div<h2><i class="menu"> fas fa-sync-alt"></i> Últimas Atualizações</h2> <div class="menuitem">The Walk<release"> <h3>Versão 12.1.2311 - NOVEMBRO</h3> </div> <div<a href="https://tdn.totvs.com/display/TCGDC/11+-+Release+-12.1.2311" class="menuitem">Transport</div>history-link" >Acessar histórico de atualizações</a > <div class="menuitem">History</div>release"> <h3>Versão 12.1.2309 - SETEMBRO</h3> </div> <div<a href="https://tdn.totvs.com/display/TCGDC/9+-+Release+-12.1.2309" class="menuitem">Gallery</div>history-link" >Acessar histórico de atualizações</a </div>> <div class="mainrelease"> <h3>Versão 12.1.2307 <h2>The- Walk<JULHO</h2>h3> </div> <p>The<a walk from Monterosso to Riomaggiore will take you approximately two hours, give or take an hour depending on the weather conditions and your physical shape.</p> <img src="img_5terre.jpg" style="width:100%"> </div> href="https://tdn.totvs.com/display/TCGDC/7+-+Release+-12.1.2307" class="history-link" >Acessar histórico de atualizações</a > <div class="release"> <h3>Versão 12.1.2305 - MAIO</h3> </div> <a href="https://tdn.totvs.com/display/TCGDC/5+-+Release+-12.1.2305" class="history-link" >Acessar histórico de atualizações</a > <div class="rightrelease"> <h3>Versão 12.1.2304 - ABRIL</h3> <h2>What?</h2>div> <a <p>Cinque Terre comprises five villages: Monterosso, Vernazza, Corniglia, Manarola, and Riomaggiore.</p> <h2>Where?</h2> <p>On the northwest cost of the Italian Riviera, north of the city La Spezia.</p> <h2>Price?</h2> <p>The Walk is free!</p> href="https://tdn.totvs.com/display/TCGDC/4+-+Release+-12.1.2304" class="history-link" >Acessar histórico de atualizações</a > <div class="release"> <h3>Versão 12.1.2303 - MARÇO</h3> </div> <a href="https://tdn.totvs.com/display/TCGDC/3+-+Release+-12.1.2303" class="history-link" >Acessar histórico de atualizações</a > <div class="release"> <h3>Versão 12.1.2302 - FEVEREIRO</h3> </div> </div> <div style="background-color:#f1f1f1;text-align:center;padding:10px;margin-top:7px;font-size:12px;"> This web page is a part of a demonstration of fluid web design made by w3schools.com. Resize the browser window to see the content respond to the resizing.</div> </body> </html> <a href="https://tdn.totvs.com/display/TCGDC/2+-+Release+-12.1.2302" class="history-link" >Acessar histórico de atualizações</a > <div class="release"> <h3>Versão 12.1.2301 - JANEIRO</h3> </div> <a href="https://tdn.totvs.com/display/TCGDC/1+-+Release+-12.1.2301" class="history-link" >Acessar histórico de atualizações</a > </div> |