-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
152 lines (145 loc) · 9.54 KB
/
Copy pathindex.html
File metadata and controls
152 lines (145 loc) · 9.54 KB
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
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="css/francis.css?id=21032025">
<link rel="apple-touch-icon" sizes="180x180" href="favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="favicon/favicon-16x16.png">
<link rel="manifest" href="favicon/site.webmanifest">
<title>Francis</title>
<meta name="description" content="We are a dreampop band from Tallinn, Estonia">
</head>
<body>
<!-- Facebook Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '2863835853658779');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none" alt=""
src="https://www.facebook.com/tr?id=2863835853658779&ev=PageView&noscript=1"
/></noscript>
<!-- End Facebook Pixel Code -->
<!-- Facebook like -->
<div id="fb-root"></div>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v4.0&appId=231236120224007&autoLogAppEvents=1"></script>
<!-- End Facebook like -->
<div class="container mb-3">
<div class="row">
<!-- logo -->
<div class="d-flex justify-content-center col-lg-4 justify-content-lg-start pl-lg-4 mt-4">
<div id="logo"></div>
</div>
<!-- social media -->
<div id="social-links" class="d-flex justify-content-center col-lg-8 mt-3 mt-lg-4 pr-lg-4 mb-3 mb-lg-0 justify-content-lg-end flex-wrap align-items-center">
<a href="https://open.spotify.com/artist/7KpxzY6cgkIHbgUN9iyYvN?si=Lj9sVKuFThuqnvWQoGwYlQ" target="_blank">
<img src="img/icon-spotify.svg" alt="Francis on Spotify">
</a>
<a href="https://music.apple.com/us/artist/francis/1440426249" target="_blank">
<img src="img/icon-applemusic.svg" alt="Francis on Apple Music">
</a>
<a href="https://www.instagram.com/francisnoises/" target="_blank">
<img src="img/icon-instagram.svg" alt="Francis on Instagram">
</a>
<a href="https://www.facebook.com/francisnoises/" target="_blank">
<img src="img/icon-facebook.svg" alt="Francis on Facebook">
</a>
<a href="https://www.youtube.com/channel/UCzWnyie-iau_chWG-X43Eiw" target="_blank">
<img src="img/icon-youtube.svg" alt="Francis on Youtube">
</a>
<a href="https://soundcloud.com/francisnoises/" target="_blank">
<img src="img/icon-soundcloud.svg" alt="Francis on Soundcloud">
</a>
</div>
</div>
</div>
<div class="container">
<div class="embed-responsive embed-responsive-16by9 rounded">
<!-- <iframe width="560" height="315" src="https://www.youtube.com/embed/MZlUBsBCdGA" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> -->
<iframe class="rounded" width="560" height="315" src="https://www.youtube.com/embed/jToZbdDRtpI" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div> <!-- container -->
<div class="container mb-5">
<div class="row">
<div class="col-lg-4 mt-4">
<div class="d-block h-100 bg-black rounded overflow-hidden p-0">
<iframe width="100%" height="300" scrolling="no" frameborder="no" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/887371525&color=%2329251e&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true&visual=true"></iframe><div style="font-size: 10px; color: #cccccc;line-break: anywhere;word-break: normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-family: Interstate,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Garuda,Verdana,Tahoma,sans-serif;font-weight: 100;"><a href="https://soundcloud.com/francisnoises" title="Francis" target="_blank" style="color: #cccccc; text-decoration: none;">Francis</a> · <a href="https://soundcloud.com/francisnoises/lullaby" title="Lullaby" target="_blank" style="color: #cccccc; text-decoration: none;">Lullaby</a></div>
</div>
</div>
<div class="col-lg-8 mt-4">
<!-- <img class="img-fluid rounded" src="img/c.jpg" alt="Francis"> -->
<img class="img-fluid rounded" src="img/karolin-1.jpg" alt="Francis">
</div>
<div class="col-lg-4 mt-4 d-md-flex align-items-center">
Our music can be described as a mix of dream pop and indie rock. It combines soft vocals, roaring guitar sounds and cool rhythms creating atmospheric and positive good-mood-music with a slight touch of melancholy.
</div>
<div class="col-6 col-sm-4 mt-4">
<img class="img-fluid rounded" src="img/kalmer-1.jpg" alt="Francis">
</div>
<div class="col-6 col-sm-4 mt-4">
<img class="img-fluid rounded" src="img/kaisa-1.jpg" alt="Francis">
</div>
<div class="col-6 col-sm-4 mt-4">
<img class="img-fluid rounded" src="img/kait-1.jpg" alt="Francis">
</div>
<div class="col-6 col-sm-4 mt-4">
<img class="img-fluid rounded" src="img/rene-1.jpg" alt="Francis">
</div>
<div class="col-sm-8 col-md-4 mt-4 d-md-flex flex-column justify-content-center">
<p>
Karolin Saar, vocals<br>
Kalmer Schüts, guitar<br>
René Lasseron, guitar<br>
Kait Kuus, bass<br>
Kaisa Knight, drums
</p>
<p class="mb-0"><a href="mailto:francisnoises@gmail.com">francisnoises@gmail.com</a></p>
<div class="flex align-items-center mt-3">
<div class="fb-like" data-href="https://www.facebook.com/francisnoises/" data-width="" data-layout="button_count" data-action="like" data-size="large" data-show-faces="true" data-share="false"></div>
</div>
</div>
<!-- spotify player -->
<!--div class="col-lg-4 mt-4">
<div class="d-block h-100 bg-black rounded overflow-hidden p-0">
<iframe class="d-block rounded" src="https://open.spotify.com/embed/artist/7KpxzY6cgkIHbgUN9iyYvN?utm_source=generator&theme=0" width="100%" height="352" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
</div>
</!--div>
<div class="col-6 col-sm-4 mt-4">
<img class="img-fluid rounded" src="img/i.jpg" alt="Francis">
</div>
</div> <!-- row -->
</div> <!-- container -->
<footer>
<div class="container mt-5 mb-4">
<i class="fas fa-heart mr-1 mr-lg-2"></i> Photo: Martti Lepmets · Visuals: Lauri Miller · Video: Teele Dunkley, ERR · Live sound: Martin Sõna · Mix: Hyrr Innokent Vainola, Erko Niit · Mastering: Lauri Liivak · Special thanks: Andre Maaker, Marek Talts, Martti Tärn, Drive It Up, Kuressaare Kitarrilaager
</div>
</footer>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-114843184-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-114843184-1', {
'linker': {
'domains': ['fienta.com']
}
});
</script>
</body>
</html>