responsive video

This commit is contained in:
mose 2019-08-19 17:56:26 +08:00
parent db3f688e71
commit 532e60cd5b
2 changed files with 8 additions and 3 deletions

View file

@ -21,6 +21,9 @@
.entete a:hover, .footer a:hover { .entete a:hover, .footer a:hover {
color: rgb(135, 243, 178); color: rgb(135, 243, 178);
} }
.entete iframe {
margin: 0 auto;
}
.footer { .footer {
background-color: rgb(36, 33, 32); background-color: rgb(36, 33, 32);
color: rgb(240, 233, 233); color: rgb(240, 233, 233);

View file

@ -47,15 +47,15 @@
<div class="container-fluid entete pt-2 pb-2 mb-3"> <div class="container-fluid entete pt-2 pb-2 mb-3">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-12 col-md-8 col-lg-4"> <div class="col-12 col-md-8 col-lg-4">
<h2 class="card-title mt-0">Les crapauds fous</h4> <h2 class="card-title mt-0">Les crapauds fous</h4>
<p>Face aux dangers qui pèsent sur notre avenir, seul un grain de folie peut nous sortir de l'ornière (et de la déprime passive).</p> <p>Face aux dangers qui pèsent sur notre avenir, seul un grain de folie peut nous sortir de l'ornière (et de la déprime passive).</p>
<p>En avril 2017, une trentaine de personnes se reunissent aux Treilles et donnent naissance au manifeste des Crapauds Fous.</p> <p>En avril 2017, une trentaine de personnes se reunissent aux Treilles et donnent naissance au manifeste des Crapauds Fous.</p>
</div> </div>
<div class="col-12 col-md-4 col-lg-3"> <div class="col-12 col-md-4 col-lg-3">
<h2 class="d-sm-none d-md-block">&nbsp;</h2> <h2 class="d-sm-none d-xs-none d-md-block">&nbsp;</h2>
<ul> <ul>
<li><a href="">Le manifeste</a></li> <li><a href="">Le manifeste</a></li>
<li><a href="">Compte Rendu</a></li> <li><a href="">Compte Rendu</a></li>
@ -65,7 +65,9 @@
</ul> </ul>
</div> </div>
<div class="col-12 col-lg-5 align-middle"> <div class="col-12 col-lg-5 align-middle">
<iframe width="420" height="240" sandbox="allow-same-origin allow-scripts" src="https://thinkerview.video/videos/embed/5417c4b5-38ce-4e69-bbc7-19335ade44e4" frameborder="0" allowfullscreen></iframe> <div class="embed-responsive embed-responsive-16by9">
<iframe width="420" height="240" sandbox="allow-same-origin allow-scripts" src="https://thinkerview.video/videos/embed/5417c4b5-38ce-4e69-bbc7-19335ade44e4" frameborder="0" allowfullscreen></iframe>
</div>
</div> </div>
</div> </div>