Skip to content

Instantly share code, notes, and snippets.

/CSS

Created July 23, 2014 12:33
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save anonymous/95bb3f2885cf8733090e to your computer and use it in GitHub Desktop.
Save anonymous/95bb3f2885cf8733090e to your computer and use it in GitHub Desktop.
.hideme
{
opacity:0;
}
.texto-conteudo-fade {
color: #744300;
font-size: 15px;
text-align: center;
font-weight: bold;
}
section#fundo-empresa {
background: url(../img/fundo-empresa.jpg) no-repeat;
background-size: contain;
}
.titulo-conteudo-fade {
text-align: center;
}
.fundo-conteudo-fade {
width: 80%;
margin: 100px auto;
position: relative;
padding: 30px 0;
}
.col-md-3.imagem-fade img {
max-width: 100%;
width: 74%;
float: right;
}
.col-md-3.imagem-fade {
margin: 0;
padding: 0;
background-size: cover !important;
}
.col-md-9.conteudo-fade {
background: #d2943f;
border-right: 10px solid #744300;
padding: 60px;
}
.col-md-9.conteudo-fade h1{
color: white;
text-transform: uppercase;
font-weight: bold;
font-size: 40px;
}
.col-md-12.fundo-conteudo-fade {
padding: 40px;
}
.col-md-8.conteudo-fade:before {
content: '';
position: absolute;
width: 0;
height: 0;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
border-right: 20px solid #744300;
margin: 100px 0 0 -5.8%;
}
<section id="fundo-empresa">
<div class="clearfix">
<div id="texto-roberto-fundo">
<div class="texto-roberto">
<span>EM QUALQUER DIFICULDADE QUE SE ENFRENTE, A DIFICULDADE <br/>ACABA SENDO SEMPRE MENOR QUE A PAIXÃO PELO TRABALHO.</span>
</div>
<div class="nome-roberto">
<h3>Roberto Justus</h3>
</div>
</div>
<?php
include 'banco.php';
$i = 0;
$sql = mysql_query("SELECT * FROM empresa_fade WHERE ativo = 1");
while ($result = mysql_fetch_array($sql)) {
$i++;
$titulo = $result['titulo'];
$descricao = $result['descricao'];
$imagem = $result['imagem'];
if ($i > 3) {
echo
'
<div class="clearfix">
<div class="col-md-12">
<div class="fundo-conteudo-fade clearfix hideme">
<div class="col-md-3 coluna imagem-fade" style="background:url(admin/'.$imagem.') no-repeat;"></div>
<div class="col-md-9 coluna conteudo-fade">
<div class="titulo-conteudo-fade">
<h1>'.$titulo.'</h1>
</div>
<div class="texto-conteudo-fade">
<span>'.$descricao.'</span>
</div>
</div>
<div id="warped"></div>
</div>
</div>
</div>
';
}else{
echo
'
<div class="clearfix">
<div class="col-md-12">
<div class="fundo-conteudo-fade clearfix">
<div class="col-md-3 coluna imagem-fade" style="background:url(admin/'.$imagem.') no-repeat;"></div>
<div class="col-md-9 coluna conteudo-fade">
<div class="titulo-conteudo-fade">
<h1>'.$titulo.'</h1>
</div>
<div class="texto-conteudo-fade">
<span>'.$descricao.'</span>
</div>
</div>
<div id="warped"></div>
</div>
</div>
</div>
';
}
}
?>
</div>
</section>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment