-
Notifications
You must be signed in to change notification settings - Fork 0
/
Rapido guide.html
84 lines (67 loc) · 5.75 KB
/
Rapido guide.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
72
73
74
75
76
77
78
79
80
81
82
83
84
<!-- German -->
<md-card id=computer class="cardbox default-card">
<md-card-content>
<div style="width: 100%;"><div style="position: relative; padding-bottom: 100.00%; padding-top: 0; height: 0;"><iframe title="SLSP Courier News_gl" frameborder="0" width="800" height="800" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;" src="https://view.genial.ly/6349558e30a8e10019143956" type="text/html" allowscriptaccess="always" allowfullscreen="true" scrolling="yes" allownetworking="all"></iframe> </div> </div>
<!-- <p> Für mehr Informationen <a href="#" target="_blank">öffnen Sie diese Seite</a>.</p> -->
</md-card-content>
</md-card>
<md-card id=mobiles class="cardbox default-card">
<md-card-content>
<div style="width: 100%;"><div style="position: relative; padding-bottom: 100.00%; padding-top: 0; height: 0;"><iframe title="SLSP Courier News_gm" frameborder="0" width="800" height="800" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;" src="https://view.genial.ly/63593f0b4bd549001028b2c5" type="text/html" allowscriptaccess="always" allowfullscreen="true" scrolling="yes" allownetworking="all"></iframe> </div> </div>
<!-- <p> Für mehr Informationen <a href="#" target="_blank">öffnen Sie diese Seite</a>.</p> -->
</md-card-content>
</md-card>
<!-- French -->
<md-card id=computer class="cardbox default-card">
<md-card-content>
<div style="width: 100%;"><div style="position: relative; padding-bottom: 100.00%; padding-top: 0; height: 0;"><iframe title="SLSP Courier News_fl" frameborder="0" width="800" height="800" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;" src="https://view.genial.ly/63494cd2c68432001ac3a7d5" type="text/html" allowscriptaccess="always" allowfullscreen="true" scrolling="yes" allownetworking="all"></iframe> </div> </div>
<!-- <p> Pour plus d'informations <a href="#" target="_blank">ouvrez cette page</a>.</p> -->
</md-card-content>
</md-card>
<md-card id=mobiles class="cardbox default-card">
<md-card-content>
<div style="width: 100%;"><div style="position: relative; padding-bottom: 100.00%; padding-top: 0; height: 0;"><iframe title="SLSP Courier News_fm" frameborder="0" width="800" height="800" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;" src="https://view.genial.ly/63593fa3584ac000191b3bc0" type="text/html" allowscriptaccess="always" allowfullscreen="true" scrolling="yes" allownetworking="all"></iframe> </div> </div>
<!-- <p> Pour plus d'informations <a href="#" target="_blank">ouvrez cette page</a>.</p> -->
</md-card-content>
</md-card>
<!-- Italian -->
<md-card id=computer class="cardbox default-card">
<md-card-content>
<div style="width: 100%;"><div style="position: relative; padding-bottom: 100.00%; padding-top: 0; height: 0;"><iframe title="SLSP Courier News_il" frameborder="0" width="800" height="800" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;" src="https://view.genial.ly/6349501034a14200121f9184" type="text/html" allowscriptaccess="always" allowfullscreen="true" scrolling="yes" allownetworking="all"></iframe> </div> </div>
<!-- <p> Per più informazioni, <a href="#" target="_blank">aprire questa pagina</a>.</p> -->
</md-card-content>
</md-card>
<md-card id=mobiles class="cardbox default-card">
<md-card-content>
<div style="width: 100%;"><div style="position: relative; padding-bottom: 100.00%; padding-top: 0; height: 0;"><iframe title="SLSP Courier News_im" frameborder="0" width="800" height="800" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;" src="https://view.genial.ly/63593f8c9187370017686cd5" type="text/html" allowscriptaccess="always" allowfullscreen="true" scrolling="yes" allownetworking="all"></iframe> </div> </div>
<!-- <p> Per più informazioni, <a href="#" target="_blank">aprire questa pagina</a>.</p> -->
</md-card-content>
</md-card>
<!-- English -->
<md-card id=computer class="cardbox default-card">
<md-card-content>
<div style="width: 100%;"><div style="position: relative; padding-bottom: 100.00%; padding-top: 0; height: 0;"><iframe title="SLSP Courier News_el" frameborder="0" width="800" height="800" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;" src="https://view.genial.ly/622b49a3dbb43a001a028a1f" type="text/html" allowscriptaccess="always" allowfullscreen="true" scrolling="yes" allownetworking="all"></iframe> </div> </div>
<!-- <p> For more information, <a href="#" target="_blank">open this page</a>.</p> -->
</md-card-content>
</md-card>
<md-card id=mobiles class="cardbox default-card">
<md-card-content>
<div style="width: 100%;"><div style="position: relative; padding-bottom: 100.00%; padding-top: 0; height: 0;"><iframe title="SLSP Courier News_em" frameborder="0" width="800" height="800" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;" src="https://view.genial.ly/63593f6f9187370017686c7c" type="text/html" allowscriptaccess="always" allowfullscreen="true" scrolling="yes" allownetworking="all"></iframe> </div> </div>
<!-- <p> For more information, <a href="#" target="_blank">open this page</a>.</p> -->
</md-card-content>
</md-card>
<!-- Code to be added in the css file -->
@media (min-width: 959px) {
#mobiles {
display: none;
}
#computer {
display: block;
} }
@media (max-width: 960px){
#computer {
display: none;
}
#mobiles {
display: block;
} }