Histórico da Página

HTML

<!DOCTYPE html> <html lang

<p align="

en

justify">

<head> <title>CSS Template</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> * { box-sizing: border-box; } body { font-family: Arial, Helvetica, sans-serif; } /* Style the header */ header { background-color: #666; padding: 30px; text-align: center; font-size: 35px; color: white; } /* Create two columns/boxes that floats next to each other */ nav { float: left; width: 30%; height: 300px; /* only for demonstration, should be removed */ background: #ccc; padding: 20px; } /* Style the list inside the menu */ nav ul { list-style-type: none; padding: 0; } article { float: left; padding: 20px; width: 70%; background-color: #f1f1f1; height: 300px; /* only for demonstration, should be removed */ } /* Clear floats after the columns */ section::after { content: ""; display: table; clear: both; } /* Style the footer */ footer { background-color: #777; padding: 10px; text-align: center; color: white; } /* Responsive layout - makes the two columns/boxes stack on top of each other instead of next to each other, on small screens */ @media (max-width: 600px) { nav, article { width: 100%; height: auto; } } </style> </head> <body> <h2>CSS Layout Float</h2> <p>In this example, we have created a header, two columns/boxes and a footer. On smaller screens, the columns will stack on top of each other.</p> <p>Resize the browser window to see the responsive effect (you will learn more about this in our next chapter - HTML Responsive.)</p> <header> <h2>Cities</h2> </header> <section> <nav> <ul> <li><a href="#">London</a></li> <li><a href="#">Paris</a></li> <li><a href="#">Tokyo</a></li> </ul> </nav> <article> <h1>London</h1> <p>London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.</p> <p>Standing on the River Thames, London has been a major settlement for two millennia, its history going back to its founding by the Romans, who named it Londinium.</p> </article> </section> <footer> <p>Footer</p> </footer> </body> </html>

 O aplicativo MEU CRM para dispositivos móveis permite que você leve o seu CRM aonde quer que você vá. Você tem o acesso um pouco diferente dodesktop, porém estruturado de modo a ajudá-lo a executar suas tarefas de qualquer lugar. A experiência móvel oferece uma interface do usuário clara, otimizada para fácil acesso aos dados de que você precisa</p>

HTML

<style>
#title-text {
	display: none !important; 
}

.columnLayout.three-equal{
	background-size: contain!important;    
	width: 100%;
	margin: 0 auto;
	padding-top: 32px;
    text-decoration: none;
    background-image: url();
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    height: 230px;
}


}



.composition-banner-overlay{
background:rgba(0,0,0,0.0);min-height:inherit;position:relative;border-radius:5px;
}

.aui-button.aui-button-primary, .aui-button.aui-button-primary:visited {
background-color: #363636;
color: #111111;
display: block;
margin-left: 20px;
margin-right: auto;

}
.composition-banner-title{
color: #000000!important;
}

.composition-banner-desc{
color: #000000!important;
}

.composition-banner-content {
width:100%;
}

.composition-banner {
    background-size: 100% !important;
    min-height: 320px;
    border-radius: 5px;
    margin-left: 10px;
 	background-repeat: no-repeat;
}
.composition-banner{
  opacity: 1.0;
  filter: alpha(opacity=50); /* For IE8 and earlier */
}

.composition-banner:hover{
  opacity: 0.5;
  filter: alpha(opacity=100); /* For IE8 and earlier */
}
</style>

Atalhos

Árvore de páginas

Versões comparadas

Versão antiga 3

Nova versão 4

Chave