1<!DOCTYPE html> 2<html lang="fi"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <meta http-equiv="X-UA-Compatible" content="ie=edge"> 7 <meta name="description" content="EVELINA - evelina.fi"><!-- Lyhyt vapaaehtoinen kuvaus hakukoneille --> 8 <meta property="og:image" content="assets/img/theme/og-image.jpg"><!-- Somepalvelut käyttää kun linkkiä jaetaan --> 9 <title>EVELINA - evelina.fi</title><!-- Artistin nimi --> 10 <link rel="stylesheet" href="assets/styles/css/styles.css"> 11 <style> 12 :root { 13 --header-text-color: #fff; /* Valikon ikonin ja sisältöjen väri */ 14 --header-overlay-color: rgba(0, 0, 0, 0.7); /* Vaihda tarvittaessa RGB ja alphan määrä 0.0-1.0 */ 15 --content-text-color: #fff; /* Sisältöalueen tekstiväri (pääotsikko) */ 16 --content-background-color: #000; /* Sisältöalueen taustaväri */ 17 --scroll-icon-background: rgba(0, 0, 0, 0.8); /* Vaihda tarvittaessa RGB ja alphan määrä 0.0-1.0 */ 18 --scroll-icon-color: #fff; /* Nuolen väri */ 19 --footer-background-color: rgba(0, 0, 0, 0.6); /* Vaihda tarvittaessa RGB ja alphan määrä 0.0-1.0 */ 20 --footer-text-color: #fff; /* Footerin tekstiväri (yhteystiedot jne.) */ 21 --mobile-menu-alignment: flex-end; /* Mobiilivalikon tasaus (vaikka tähän tuskin tarvii ikinä koskea): flex-start (vasen), center (keskitetty) tai flex-end (oikea) */ 22 --desktop-menu-alignment: center; /* Deskarivalikon tasaus: flex-start (vasen), center (keskitetty) tai flex-end (oikea) */ 23 } 24 </style> 25
25<script src="https://kit.fontawesome.com/ebfb879360.js" crossorigin="anonymous"></script>
25 26 <!-- Tarvittaessa tähän voi laittaa JS-koodeja (GDPR, Analytics, FB) jos ohjeistus on "in the head" --> 27</head> 28<body> 29 <div id="fb-root"></div>
30<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v12.0&appId=1605862426320629&autoLogAppEvents=1" nonce="uQj8S1kf"></script>
30 31 <!-- Tarvittaessa tähän voi laittaa JS-koodeja (GDPR, Analytics, FB) jos ohjeistus on "after opening body" --> 32 <main> 33 <div class="hero"> 34 <div class="overlay"> 35 <header class="header"> 36 <div class="toggle"> 37 <div class="toggle-bar toggle-bar--top"></div> 38 <div class="toggle-bar toggle-bar--center"></div> 39 <div class="toggle-bar toggle-bar--bottom"></div> 40 </div> 41 <nav class="nav"> 42 <ul class="menu"> 43 <!-- Lisää tarvittava määrä, linkit, ikonit tai mahdolliset tekstilinkit --> 44 <li class="menu-item"><a href="https://www.facebook.com/evelinavirallinen"><i class="fab fa-facebook-f"></i></a></li> 45 <li class="menu-item"><a href="https://www.instagram.com/evelinavirallinen"><i class="fab fa-instagram"></i></a></li> 46 <li class="menu-item"><a href="https://www.tiktok.com/@oonevelina"><i class="fab fa-tiktok"></i></a></li> 47 <li class="menu-item"><a href="https://open.spotify.com/artist/3KgHd8tKiKYsazNkydQgYM?si=yFI5ZMBiTsixtVLDVmGElQ"><i class="fab fa-spotify"></i></a></li> 48 <li class="menu-item"><a href="https://itunes.apple.com/fi/artist/evelina/id308833286?l=fi"><i class="fab fa-apple"></i></a></li> 49 <li class="menu-item"><a href="https://www.youtube.com/channel/UCeklL0nAgMWeiFFSVy0EFOA/featured"><i class="fab fa-youtube"></i></a></li> 50 <li class="menu-item"><a href="https://www.team.fi/artist/evelina/">Keikat</a></li> 51 </ul> 52 </nav> 53 </header> 54 <a href="#content" class="scroll-icon"> 55 <i class="fas fa-chevron-down scroll-icon__arrow"></i> 56 </a> 57 </div> 58 </div> 59 <section class="section" id="content"> 60 <div class="container"> 61 <h1>EVELINA</h1><!-- Artistin nimi --> 62 <div class="grid"> 63 <!-- Lisää tarvittava määrä <div class="grid-item"></div> haluttuun järjestykseen --> 64 <!-- Kaikki upotuskoodit <div class="embed"></div> sisään (oletussuhde 16x9) --> 65 <!-- Kuvasuhdevaihtoehdot: embed-1x1, embed-4x3, embed-2x1 --> 66 <!-- Iframe-upotuskoodit <iframe></iframe> on lähtökohtaisesti turvallisin --> 67 68 69 70 71 <div class="grid-item"> 72 <div class="embed embed-1x1"> 73 <!-- Songkick: artistin URL (theme voi olla light tai dark, embed-1x1 hyvä sit kun on keikkoja) --> 74 <a href="http://www.songkick.com/artists/908261" class="songkick-widget" data-theme="dark" data-background-color="transparent">Keikat</a>
75<script src="//widget.songkick.com/widget.js"></script>
75 76 </div><br><br><a href="https://www.songkick.com/artists/908261-evelina" target="_blank">Katso kaikki keikat tästä</a> 77 </div> 78 79 <div class="grid-item"> 80 <div class="embed"> 81 <!-- YouTube ID (muita videoita https://embedresponsively.com/ josta <iframe></iframe> --> 82 <iframe src='https://www.youtube.com/embed/zdpw65ezQUk' frameborder='0' allowfullscreen></iframe> 83 </div> 84 </div> 85 86 </div> 87 </div> 88 </section> 89 <footer class="footer"> 90 <div class="container"> 91 <h2>Yhteystiedot</h2> 92 <ul class="contacts"> 93 <!-- Lisää tarvittava määrä ja sisällöt --> 94 <li><strong>Haastattelupyynnöt</strong><br>Sarah Latosaari<br>Universal Music<br>[email protected]</li> 95 <li><strong>Keikat</strong><br>Hans Koivu & Jussi Laine<br>Team Agency Oy<br>[email protected]<br>+358 404 159 273</li> 96 </ul> 97 <!-- Tänne voi laittaa muuta pientä tekstiä tarvittaessa. Copyrightin voi jättää tai ottaa pois. --> 98 <p>© Universal Music 2026</p> 99 </div> 100 </footer> 101 </main> 102
102<script src="assets/scripts/script-min.js"></script>
102 103 <!-- Tarvittaessa tähän voi laittaa JS-koodeja (GDPR, Analytics, FB) jos ohjeistus on "before closing body" --> 104</body> 105</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.