pagesassos/server
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Activity

feat: organization page responsive

Browse source
This commit is contained in:
Matthieu Bessat 2020-07-05 15:03:30 +02:00
parent cdb197803c
commit bc2d9a7247
2 changed files with 96 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

25
static/organization.html
View file

@ -38,15 +38,22 @@
</div>
<div class="container">
<div class="media-mosaic">
<div class="media media-main" style="background-image: url('assets/img/dummy-1.jpg')">
<div class="media-container media-main">
<div class="media" style="background-image: url('assets/img/dummy-1.jpg')"></div>
</div>
<div class="media media-1-1" style="background-image: url('assets/img/dummy-3.jpg')"></div>
<div class="media media-1-2" style="background-image: url('assets/img/dummy-2.jpg'); grid-column: 3/ span 1; grid-row: 1/ span 1;"></div>
<div class="media-1-2 media-overlay" style="grid-column: 3/ span 1; grid-row: 1/ span 1;">
<i class="fas fa-play-circle"></i>
<div class="media-container media-1-1">
<div class="media" style="background-image: url('assets/img/dummy-3.jpg')"></div>
</div>
<div class="media-container media-1-2">
<div class="media" style="background-image: url('assets/img/dummy-2.jpg')"></div>
<div class="media-overlay"><i class="fas fa-play-circle"></i></div>
</div>
<div class="media-container media-2-1">
<div class="media" style="background-image: url('assets/img/dummy-4.jpg')"></div>
</div>
<div class="media-container media-2-2">
<div class="media" style="background-image: url('assets/img/dummy-5.jpg')"></div>
</div>
<div class="media media-2-1" style="background-image: url('assets/img/dummy-4.jpg')"></div>
<div class="media media-2-2" style="background-image: url('assets/img/dummy-5.jpg')"></div>
</div>
<section>
<div class="section-title">
@ -75,7 +82,7 @@
</div>
<div class="schedule">
<div class="schedule-category">
<div class="schedule-category-header">
<div class="schedule-category-header" title="Déroulez">
<div class="schedule-category-name">
Création de robots super cool
</div>
@ -111,7 +118,7 @@
</div>
</div>
<div class="schedule-category">
<div class="schedule-category-header">
<div class="schedule-category-header" title="Déroulez">
<div class="schedule-category-name">
Cours de programmation de gros expert
</div>