-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
105 lines (97 loc) · 3.97 KB
/
index.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
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Gothenburg Sessions</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" media="screen">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" media="screen">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto">
<link rel="stylesheet" href="assets/stylesheets/application.css" media="screen">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js" charset="utf-8"></script>
</head>
<body>
<div class="Section Section--dark">
<div class="Section-content">
<img class="Logo" src="assets/images/logo.png" alt="Gothenburg Sessions" />
</div>
</div>
<div class="Section Section--blue">
<div class="Section-content">
<p>
We want to capture special moments and share them. Share the magic that happens when talented people do what they love. We strive to highlight independent talents from our beloved city here in Sweden, but also invite musicians that are passing through.
</p>
<p>
For the love of music. Independent & non-profit.<br>
We are Gothenburg Sessions.
</p>
</div>
</div>
<div class="Section Section--pink">
<div class="Section-content">
<div class="EmbedContainer">
<iframe class="EmbedContainer-iframe" width="640" height="360" src="https://www.youtube.com/embed/videoseries?list=PLItBRZfSWzn0NqVNTdNnhVXGsE1NTbuXh" frameborder="0" allowfullscreen></iframe>
</div>
</div>
</div>
<div class="Section Section--blue">
<div class="Section-content">
<p>
<span class="u-big">Want to do a Gothenburg Session?</span>
</p>
<p>
So, you wanna be in that playlist above? Awesome!<br>
You got your own songs to play? Cool!<br>
And you got a recorded track you can send us? Perfect!
</p>
<p>
Contact us on <a href="https://www.facebook.com/GothenburgSessions">Facebook</a> or <a href="mailto:[email protected]">send us an e-mail</a>!
</p>
</div>
</div>
<div class="Section Section--dark">
<div class="Section-content">
<div class="SocialIcon">
<a href="https://www.youtube.com/user/HedeForsProductions">
<span class="fa-stack fa-2x">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-youtube fa-stack-1x fa-inverse"></i>
</span>
</a>
</div>
<div class="SocialIcon">
<a href="https://open.spotify.com/user/gothenburgsessions">
<span class="fa-stack fa-2x">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-spotify fa-stack-1x fa-inverse"></i>
</span>
</a>
</div>
<div class="SocialIcon">
<a href="https://www.facebook.com/GothenburgSessions">
<span class="fa-stack fa-2x">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-facebook-square fa-stack-1x fa-inverse"></i>
</span>
</a>
</div>
<div class="SocialIcon">
<a href="https://www.instagram.com/gothenburgsessions/">
<span class="fa-stack fa-2x">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-instagram fa-stack-1x fa-inverse"></i>
</span>
</a>
</div>
<div class="SocialIcon">
<a href="https://twitter.com/gbgsessions">
<span class="fa-stack fa-2x">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-twitter fa-stack-1x fa-inverse"></i>
</span>
</a>
</div>
</div>
</div>
</body>
</html>