blob: a2db26fe9e33dae95a205e540672f87520aa8d96 [file] [log] [blame]
Andreu Huguet00f83832020-09-27 21:06:54 +02001<!DOCTYPE html>
2<html lang="ca">
3 <head>
4 <meta charset="utf-8">
5 <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 <!-- Load Jquery -->
7 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
8
9 <style>
10 #inner-container .container {
11 width: 80%;
12 margin: 0 auto;
13 }
14
15 #subject-container {
16 /* flexbox setup */
17 display: -webkit-flex;
18 -webkit-flex-direction: row;
19
20 display: flex;
21 flex-direction: row;
22 flex-wrap: wrap;
23
24 justify-content: center;
25 }
26
27 .current-subject {
28 background-color: #ccc;
29
30 flex: 1 0 34%;
31 margin: 20px;
32 padding: 20px;
33
34 vertical-align: middle;
35 text-align: left;
36 }
37
38 .current-subject .title {
39 font-size: 3vw;
40 }
41 .current-subject .subtitle {
42 font-size: 2vw;
43 }
44 </style>
45 </head>
46
47 <body>
48 <div id="subject-container container">
49 <div class="current-subject">
50 <div class="title">Àlgebra Lineal</div>
51 <div class="subtitle">Aula 001</div>
52 <div class="subtitle">9.00 - 10.00</div>
53 </div>
54 <div class="current-subject">
55 <div class="title">Àlgebra Lineal</div>
56 <div class="subtitle">Aula 001</div>
57 <div class="subtitle">9.00 - 10.00</div>
58 </div>
59 <div class="current-subject">
60 <div class="title">Àlgebra Lineal</div>
61 <div class="subtitle">Aula 001</div>
62 <div class="subtitle">9.00 - 10.00</div>
63 </div>
64 <div class="current-subject">
65 <div class="title">Àlgebra Lineal</div>
66 <div class="subtitle">Aula 001</div>
67 <div class="subtitle">9.00 - 10.00</div>
68 </div>
69 </div>
70
71 </body>
72</html>