From b05dea647f15ce0a4b611e368c95d8fb71ea19f1 Mon Sep 17 00:00:00 2001
From: yannroberge <yroberge@uwaterloo.ca>
Date: Sat, 6 Jun 2020 21:43:59 -0400
Subject: [PATCH] =?UTF-8?q?Correctif=20mineur:=20la=20taille=20de=20la=20v?=
=?UTF-8?q?id=C3=A9o=20s'adapte=20=C3=A0=20celle=20des=20fen=C3=AAtres=20p?=
=?UTF-8?q?lus=20petites=20que=20720p=20de=20large.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
css/comic.css | 7 +++++-
index.html | 65 +++++++++++++++++++++++++--------------------------
2 files changed, 38 insertions(+), 34 deletions(-)
diff --git a/css/comic.css b/css/comic.css
index e32b02d..dac38c9 100644
--- a/css/comic.css
+++ b/css/comic.css
@@ -45,4 +45,9 @@
#lecteur-vidéo {
padding-top: 2rem;
padding-bottom: 1rem;
-}
\ No newline at end of file
+}
+
+#vidéo video {
+ width: 100%;
+ max-width: 720px;
+}
diff --git a/index.html b/index.html
index f6655a4..3a1c294 100644
--- a/index.html
+++ b/index.html
@@ -100,7 +100,7 @@ implicite. -->
<div class="container-fluid text-center">
<div class="row justify-content-sm-center">
<div class="col-sm-11" id="lecteur-vidéo">
- <video width="720" controls>
+ <video controls>
<source src="ressources/preÌsentation-pinep-2018-2019.mp4" type="video/mp4">
</video>
</div>
@@ -110,38 +110,6 @@ implicite. -->
<section id="services">
<!-- TODO: Ajouter des imagettes et des texte descriptifs de nos différents services -->
-
- </section>
-
- <div class="container">
-
- <div class="row">
- <div class="col-md-8 mb-5">
- <h2>What We Do</h2>
- <hr>
- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. A deserunt neque tempore recusandae animi soluta quasi? Asperiores rem dolore eaque vel, porro, soluta unde debitis aliquam laboriosam. Repellat explicabo, maiores!</p>
- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Omnis optio neque consectetur consequatur magni in nisi, natus beatae quidem quam odit commodi ducimus totam eum, alias, adipisci nesciunt voluptate. Voluptatum.</p>
- <a class="btn btn-primary btn-lg" href="#">Call to Action »</a>
- </div>
- <div class="col-md-4 mb-5">
- <h2>Contact Us</h2>
- <hr>
- <address>
- <strong>Start Bootstrap</strong>
- <br>3481 Melrose Place
- <br>Beverly Hills, CA 90210
- <br>
- </address>
- <address>
- <abbr title="Phone">P:</abbr>
- (123) 456-7890
- <br>
- <abbr title="Email">E:</abbr>
- <a href="mailto:#">name@example.com</a>
- </address>
- </div>
- </div>
- <!-- /.row -->
<div class="row">
<div class="col-md-4 mb-5">
@@ -183,6 +151,37 @@ implicite. -->
</div>
<!-- /.row -->
+ </section>
+
+ <div class="container">
+
+ <div class="row">
+ <div class="col-md-8 mb-5">
+ <h2>What We Do</h2>
+ <hr>
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. A deserunt neque tempore recusandae animi soluta quasi? Asperiores rem dolore eaque vel, porro, soluta unde debitis aliquam laboriosam. Repellat explicabo, maiores!</p>
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Omnis optio neque consectetur consequatur magni in nisi, natus beatae quidem quam odit commodi ducimus totam eum, alias, adipisci nesciunt voluptate. Voluptatum.</p>
+ <a class="btn btn-primary btn-lg" href="#">Call to Action »</a>
+ </div>
+ <div class="col-md-4 mb-5">
+ <h2>Contact Us</h2>
+ <hr>
+ <address>
+ <strong>Start Bootstrap</strong>
+ <br>3481 Melrose Place
+ <br>Beverly Hills, CA 90210
+ <br>
+ </address>
+ <address>
+ <abbr title="Phone">P:</abbr>
+ (123) 456-7890
+ <br>
+ <abbr title="Email">E:</abbr>
+ <a href="mailto:#">name@example.com</a>
+ </address>
+ </div>
+ </div>
+ <!-- /.row -->
</div>
<!-- /.container -->
--
GitLab