PROCEDURE HtmlCreate()
sHtml_01 is string = [
<!doctype html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<title>Accordion com CSS3</title>
<link rel="stylesheet" href="<style>">
<style>
.accordions{
width:600px;
margin:0 auto;
border:1px solid #ccc;
}
.accordion-item input{
display:none;
}
.accordion-item label{
display:block;
border:1px solid #ccc;
background:#e5e5e5;
cursor:pointer;
padding:5px 3px;
}
.accordion-subitem input{
display:none;
}
.accordion-subitem label{
display:block;
border:3px solid #ccc;
background:#e5e5e5;
cursor:pointer;
padding:8px 3px;
}
.accordion-content{
height: 0px;
overflow: hidden;
-webkit-transition: height 0.3s ease-in-out;
-moz-transition: height 0.3s ease-in-out;
-o-transition: height 0.3s ease-in-out;
-ms-transition: height 0.3s ease-in-out;
transition: height 0.3s ease-in-out;
}
[id^=accordion]:checked ~ .accordion-content {
height: 100px;
}
</style>
</head>
<body>
<div class="accordions">
<div class="accordion-item">
<input type="radio" name="accordion" checked="checked" id="accordion-1" />
<label for= "accordion-1">Empresa</label>
<div class="accordion-content">Minha Empresa</div>
</div>
<div class="accordion-item">
<input type="radio" name="accordion" id="accordion-2" />
<label for= "accordion-2">Servicos</label>
<div class="accordion-content">Meus Servicos</div>
<div class="accordion-subitem">
<input type="radio" name="accordion" id="accordion-21" />
<label for= "accordion-21">Adriano</label>
<div class="accordion-content">Adriano</div>
</div>
<div class="accordion-subitem">
<input type="radio" name="accordion" checked="checked" id="accordion-22" />
<label for= "accordion-22">Everton</label>
<div class="accordion-content">Everton</div>
</div>
<div class="accordion-subitem">
<input type="radio" name="accordion" checked="checked" id="accordion-23" />
<label for= "accordion-23">Eder</label>
<div class="accordion-content">Eder</div>
</div>
<div class="accordion-subitem">
<input type="radio" name="accordion" checked="checked" id="accordion-24" />
<label for= "accordion-24">Luidi</label>
<div class="accordion-content">Luidi</div>
</div>
</div>
<div class="accordion-item">
<input type="radio" name="accordion" id="accordion-3" />
<label for= "accordion-3">Contatos</label>
<div class="accordion-content">Meus Contatos</div>
</div>
</div>
</body>
</html>
]
fSaveText("c:\temp\htmlxcss.html",sHtml_01)