Test video overlay
This commit is contained in:
@@ -83,7 +83,7 @@
|
||||
<div class="container">
|
||||
<div class="columns mb-2">
|
||||
<div class="column col-lg-3 col-sm-12 col-md-12 mt-2 mb-2">
|
||||
<a href="" title="Guarda il video">
|
||||
<a href="#open-vid" title="Guarda il video">
|
||||
<img src="img/thumb_prologo.jpg" alt="Prologo">
|
||||
</a>
|
||||
</div>
|
||||
@@ -99,8 +99,8 @@
|
||||
</p>
|
||||
</div>
|
||||
<div class="column col-lg-3 col-sm-12 col-md-12 mt-2 mb-2">
|
||||
<a href="" title="Guarda il video del viaggiatore">
|
||||
<img src="img/fara_bg_3.jpg" alt="Viaggiatore #1">
|
||||
<a href="#open-vid" title="Guarda il video del viaggiatore">
|
||||
<img src="img/thumb_viaggiatore.jpg" alt="Viaggiatore #1">
|
||||
</a>
|
||||
</div>
|
||||
<div class="column col-lg-3 col-sm-12 col-md-12 mt-2 mb-2 pl-lg">
|
||||
@@ -198,7 +198,7 @@
|
||||
<div class="columns mb-2">
|
||||
<div class="column col-lg-3 col-sm-12 col-md-12 mt-2 mb-2">
|
||||
<a href="" title="Guarda il video">
|
||||
<img src="img/Thumbnail_Antonio.jpg" alt="I nobili di Fara">
|
||||
<img src="img/thumb_nobili.jpg" alt="I nobili di Fara">
|
||||
</a>
|
||||
</div>
|
||||
<div class="column col-lg-3 col-sm-12 col-md-12 mt-2 mb-2 pl-lg">
|
||||
@@ -235,6 +235,25 @@
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<div class="modal modal-lg modal-fullheight" id="mod-vid">
|
||||
<a href="#close" class="modal-overlay" aria-label="Close"></a>
|
||||
<div class="modal-container">
|
||||
<div class="modal-header">
|
||||
<a href="#close" class="btn btn-clear float-right" title="Close" aria-label="Close"></a>
|
||||
<div class="modal-title h5"></div>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="content" id="mod-cont">
|
||||
<video controls>
|
||||
<source src="assets/video/vid_prologo.mp4" type="video/mp4">
|
||||
Il browser non supporta i video integrati.
|
||||
</video>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div class="modal-footer">
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
<footer class="roboto">
|
||||
<p id="copy">© Avviso pubblico Beni Culturali e Turismo POR FESR Lazio 2014-2020</p>
|
||||
|
||||
Reference in New Issue
Block a user