-
Notifications
You must be signed in to change notification settings - Fork 7
/
calendar.html
71 lines (69 loc) · 2.92 KB
/
calendar.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
---
layout: content
title: Calendario
---
<style>
.place, .time, .subject {
display: inline-block;
padding: .4em .6em;
min-width: 8em;
text-align: center;
background: #dadada;
color: #333;
}
.time {
background: #6789AB;
color: #fff;
}
.subject {
background: #6767AB;
color: #fff;
margin-right: .6em;
}
.month {
font-size: 1.8em;
}
.day {
display: inline-block;
width: 1.6em;
margin-left: -1em;
padding-top: .4em;
text-align: right;
overflow: visible;
vertical-align: top;
font-size: 3em;
margin-right: .2em;
color: #999;
height: 100%;
}
.event-list {
display: inline-block;
}
iframe.calendar {
width: 95%;
height: 30rem;
}
</style>
<div class="pure-g">
<div class="pure-u-1-1 pure-u-md-1-2 pure-u-lg-1-2">
<h3>Calendario de 1er Curso</h3>
<iframe class="calendar" src="https://www.google.com/calendar/embed?wkst=2&bgcolor=%23FFFFFF&src=oscsf8h6n0rpo2eqbfmouls1q4%40group.calendar.google.com&showTitle=0&wkst=2&bgcolor=%23ffffff&color=%23AB8B00&ctz=Europe/Madrid" frameborder="0" width="95%" scrolling="no"></iframe>
</div>
<div class="pure-u-1-1 pure-u-md-1-2 pure-u-lg-1-2">
<h3>Calendario de 2º Curso</h3>
<iframe class="calendar" src="https://www.google.com/calendar/embed?wkst=2&bgcolor=%23FFFFFF&src=6l7af52hf8mbhpdmm13o73k0v0%40group.calendar.google.com&showTitle=0&wkst=2&bgcolor=%23ffffff&color=%23AB8B00&ctz=Europe%2FMadrid" frameborder="0" width="95%" scrolling="no"></iframe>
</div>
<div class="pure-u-1-1 pure-u-md-1-2 pure-u-lg-1-2">
<h3>Calendario de 3er Curso</h3>
<iframe class="calendar" src="https://www.google.com/calendar/embed?wkst=2&bgcolor=%23FFFFFF&src=OXZoaHVhdDY5N2hhcWZmcjlwNHJ0YzBkOG9AZ3JvdXAuY2FsZW5kYXIuZ29vZ2xlLmNvbQ&showTitle=0&wkst=2&bgcolor=%23ffffff&ctz=Europe%2FMadrid" frameborder="0" width="95%" scrolling="no"></iframe>
</div>
<div class="pure-u-1-1 pure-u-md-1-2 pure-u-lg-1-2">
<h3>Calendario de 4º Curso</h3>
<iframe class="calendar" src="https://calendar.google.com/calendar/embed?src=9k0sd919bvmfit2cbq4akf3k3o%40group.calendar.google.com&ctz=Europe/Madrid&wkst=2&bgcolor=%23FFFFFF&&showTitle=0&wkst=2&bgcolor=%23ffffff" frameborder="0" width="95%" scrolling="no"></iframe>
</div>
<div class="pure-u-1-1 pure-u-md-1-2 pure-u-lg-1-2">
<h3>Calendario de 5º Curso</h3>
<iframe class="calendar" src="https://www.google.com/calendar/embed?showTitle=0&wkst=2&bgcolor=%23ffffff&src=cgvtmlhp4ogi02objk399320e0%40group.calendar.google.com&color=%2323164E&ctz=Europe%2FMadrid" frameborder="0" width="95%" scrolling="no"></iframe>
</div>
<div class="pure-u-1-1 pure-u-md-1-2 pure-u-lg-1-2"></div>
</div><!--/span-->