<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
.body{ background: url("../img/background1.jpg"); background-size: cover; background-repeat: no-repeat; } .introPanel{ color:#4CAF50; font-family: Arial, Helvetica, sans-serif; text-align: justify; margin-top:50px; margin-left: 50px; margin-right: 50px; background-color: transparent; } .panel-transparent { background: transparent; }
.panel-transparent .panel-heading{
background: rgba(122, 130, 136, 0.2)!important;
}
.panel-transparent .panel-body{
background: rgba(46, 51, 56, 0.2)!important;
}
.introPanel .head1 {
color:darkgreen;
}
@media (max-width: 740px) {
background-size:cover;
}
</style>
</head>
<!--Collapsable Panel-->
<body class="body">
<div class="panel panel-default introPanel panel-transparent">
<div class="panel-heading head1">
<h3 class="panel-title text-uppercase text-center " ><a data-toggle="collapse" href="#collapse1"><strong><span class="glyphicon glyphicon-hand-right"></span> Introduction</strong></a>
</h3>
</div>
<div id="collapse1" class="panel-body panel-collapse collapse text-justify" > Contant...
</div>
</div>
Aucun commentaire:
Enregistrer un commentaire