-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathbuy-ticket.php
126 lines (121 loc) · 8.62 KB
/
buy-ticket.php
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
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
<div class="tickets-box-outer-border hide-desktop">
<div class="tickets-box-inner-border">
<div class="ticket-box-header">
<h2>2001: A Space Odyssey</h2>
<h4 class="secondary-font"><strong>Regissör:</strong> Stanley Kubrick</h4>
<h4 class="secondary-font"><strong>Medverkande:</strong> Keir Duella, Gary Lockwood och William Sylvester</h4>
</div>
<div class="img-wrapper">
<img class="movieposter orginal" src="assets/images/2001-a-space-odyssey-alternative-movie-poster-movie-poster-boy 3.png" alt="2001: A Space Odyssey poster" />
<img class="movieposter" src="./assets/screencaps/2001-space-movie-screencaps 2.svg" alt="hero image" />
<img class="movieposter orginal" src="assets/images/2001-a-space-odyssey-alternative-movie-poster-movie-poster-boy 3.png" alt="2001: A Space Odyssey poster" />
<img class="movieposter" src="./assets/screencaps/2001-space-movie-screencaps 3.svg" alt="hero image" />
<img class="movieposter orginal" src="assets/images/2001-a-space-odyssey-alternative-movie-poster-movie-poster-boy 3.png" alt="2001: A Space Odyssey poster" />
<img class="movieposter" src="./assets/screencaps/2001-space-movie-screencaps 4.svg" alt="hero image" />
<img class="movieposter orginal" src="assets/images/2001-a-space-odyssey-alternative-movie-poster-movie-poster-boy 3.png" alt="2001: A Space Odyssey poster" />
<img class="movieposter" src="./assets/screencaps/2001-space-movie-screencaps 5.svg" alt="hero image" />
<img class="movieposter orginal" src="assets/images/2001-a-space-odyssey-alternative-movie-poster-movie-poster-boy 3.png" alt="2001: A Space Odyssey poster" />
<img class="movieposter" src="./assets/screencaps/2001-space-movie-screencaps 6.svg" alt="hero image" />
<img class="movieposter orginal" src="assets/images/2001-a-space-odyssey-alternative-movie-poster-movie-poster-boy 3.png" alt="2001: A Space Odyssey poster" />
<img class="movieposter" src="./assets/screencaps/2001-space-movie-screencaps 7.svg" alt="hero image" />
<img class="movieposter orginal" src="assets/images/2001-a-space-odyssey-alternative-movie-poster-movie-poster-boy 3.png" alt="2001: A Space Odyssey poster" />
<img class="movieposter" src="./assets/screencaps/2001-space-movie-screencaps 8.svg" alt="hero image" />
<img class="movieposter orginal" src="assets/images/2001-a-space-odyssey-alternative-movie-poster-movie-poster-boy 3.png" alt="2001: A Space Odyssey poster" />
<img class="movieposter" src="./assets/screencaps/2001-space-movie-screencaps 9.svg" alt="hero image" />
<img class="movieposter orginal" src="assets/images/2001-a-space-odyssey-alternative-movie-poster-movie-poster-boy 3.png" alt="2001: A Space Odyssey poster" />
<img class="movieposter" src="./assets/screencaps/2001-space-movie-screencaps 1.svg" alt="hero image" />
</div>
<style>
.movieposter {
position: absolute;
transition: opacity 2s ease-in;
transition-delay: 1s;
}
</style>
<script src="mobileimage.js"></script>
<div class="ticket-box-p white-text secondary-font">
<p>
Välj datum nedan. Du väljer platser i nästa steg. <strong>Bio Retronautica</strong> slår upp dörrarna
<strong>18:00</strong> på samtliga datum, därefter väntar en festlig kväll fylld av överraskningar som avslutas
med filmvisning <strong>21:00</strong>.
</p>
</div>
<div class="ticket-box-buttons-wrapper default-font">
<div class="dual-btn-wrapper default-font">
<button class="date-btn default-font">31/11</button>
<button class="date-btn default-font">1/12</button>
</div>
<div class="dual-btn-wrapper default-font">
<button class="date-btn default-font">2/12</button>
<button class="date-btn default-font">3/12</button>
</div>
<div class="dual-btn-wrapper default-font">
<button class="date-btn default-font">4/12</button>
<button class="date-btn default-font">5/12</button>
</div>
<div class="dual-btn-wrapper default-font">
<button class="date-btn buy-btn default-font">KÖP</button>
</div>
</div>
</div>
</div>
</div>
<div class="tickets-box-outer-border-desktop hide-mobile">
<div class="tickets-box-inner-border-desktop">
<div class="img-wrapper-desktop">
<img class="movieposter-desktop dsk-og" src="assets/images/2001-a-space-odyssey-alternative-movie-poster-movie-poster-boy 3.png" alt="2001: A Space Odyssey poster" />
<img class="movieposter-desktop" src="./assets/screencaps/2001-space-movie-screencaps 2.svg" alt="hero image" />
<img class="movieposter-desktop dsk-og" src="assets/images/2001-a-space-odyssey-alternative-movie-poster-movie-poster-boy 3.png" alt="2001: A Space Odyssey poster" />
<img class="movieposter-desktop" src="./assets/screencaps/2001-space-movie-screencaps 3.svg" alt="hero image" />
<img class="movieposter-desktop dsk-og" src="assets/images/2001-a-space-odyssey-alternative-movie-poster-movie-poster-boy 3.png" alt="2001: A Space Odyssey poster" />
<img class="movieposter-desktop" src="./assets/screencaps/2001-space-movie-screencaps 4.svg" alt="hero image" />
<img class="movieposter-desktop dsk-og" src="assets/images/2001-a-space-odyssey-alternative-movie-poster-movie-poster-boy 3.png" alt="2001: A Space Odyssey poster" />
<img class="movieposter-desktop" src="./assets/screencaps/2001-space-movie-screencaps 5.svg" alt="hero image" />
<img class="movieposter-desktop dsk-og" src="assets/images/2001-a-space-odyssey-alternative-movie-poster-movie-poster-boy 3.png" alt="2001: A Space Odyssey poster" />
<img class="movieposter-desktop" src="./assets/screencaps/2001-space-movie-screencaps 6.svg" alt="hero image" />
<img class="movieposter-desktop dsk-og" src="assets/images/2001-a-space-odyssey-alternative-movie-poster-movie-poster-boy 3.png" alt="2001: A Space Odyssey poster" />
<img class="movieposter-desktop" src="./assets/screencaps/2001-space-movie-screencaps 7.svg" alt="hero image" />
<img class="movieposter-desktop dsk-og" src="assets/images/2001-a-space-odyssey-alternative-movie-poster-movie-poster-boy 3.png" alt="2001: A Space Odyssey poster" />
<img class="movieposter-desktop" src="./assets/screencaps/2001-space-movie-screencaps 8.svg" alt="hero image" />
<img class="movieposter-desktop dsk-og" src="assets/images/2001-a-space-odyssey-alternative-movie-poster-movie-poster-boy 3.png" alt="2001: A Space Odyssey poster" />
<img class="movieposter-desktop" src="./assets/screencaps/2001-space-movie-screencaps 9.svg" alt="hero image" />
<img class="movieposter-desktop dsk-og" src="assets/images/2001-a-space-odyssey-alternative-movie-poster-movie-poster-boy 3.png" alt="2001: A Space Odyssey poster" />
<img class="movieposter-desktop" src="./assets/screencaps/2001-space-movie-screencaps 1.svg" alt="hero image" />
</div>
<style>
.movieposter-desktop {
position: absolute;
transition: opacity 2s ease-in;
transition-delay: 1s;
}
</style>
<script src="detail-hero.js"></script>
<div class="my-wrapper">
<div class="ticket-box-header-desktop">
<h2 class="default-font">2001: A Space Odyssey</h2>
<h4 class="secondary-font"><strong>Regissör:</strong> Stanley Kubrick</h4>
<h4 class="secondary-font"><strong>Medverkande:</strong> Keir Duella, Gary Lockwood och William Sylvester</h4>
</div>
<div class="ticket-box-p-desktop white-text secondary-font">
<p>
Välj datum nedan. Du väljer platser i nästa steg. <strong>Bio Retronautica</strong> slår upp dörrarna
<strong>18:00</strong> på samtliga datum, därefter väntar en festlig kväll fylld av överraskningar som avslutas
med filmvisning <strong>21:00</strong>.
</p>
</div>
<div class="ticket-box-buttons-wrapper-desktop default-font">
<div class="dual-btn-wrapper default-font">
<button class="date-btn default-font">31/11</button>
<button class="date-btn default-font">1/12</button>
<button class="date-btn default-font">2/12</button>
<button class="date-btn default-font">3/12</button>
<button class="date-btn default-font">4/12</button>
<button class="date-btn default-font">5/12</button>
</div>
<div class="dual-btn-wrapper default-font">
<button class="date-btn buy-btn default-font">KÖP</button>
</div>
</div>
</div>
</div>
</div>