evanescence

Tags: emo, goth, black, music, evanescence, 2000s

Description:

i have seen only one evanescence layout ever on this site so i decided to code one myself :] the code is pretty messy and i feel like i have lots to learn still but i wanted to put it here anywayz . i would very much appreciate having some tips kdfsfjksd lemme know if you use it :) credits would be nice too

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by AaronApathetic (https://layouts.spacehey.com/layout?id=38088) -->

<style>

@import url('https://fonts.googleapis.com/css2?family=Alegreya&display=swap');


:root {
        --logo-blue: #140c2e;
        --darker-blue: #b3e1f5;
        --lighter-blue: #786aa3;
        --even-lighter-blue: #786aa3;
        --lightest-blue: #786aa3;
        --dark-orange: #e3d3a6 ;
        --light-orange: #0c1b2e ;
        --even-lighter-orange: #0c1b2e ;
}

.profile .contact .heading,
.profile .table-section .heading {
     background-color:black;
     font-family: 'Alegreya', serif;
 }

.profile .blurbs .heading{
background-color: black;
color: #e3d3a6
}

h5 {
color: #e3d3a6;
}

.profile .friends .heading, .friends {
background-color: black;
color: #78d6ff;
}

.about {
color: #e3d3a6;
}

.profile, .friends .heading{
background-color: black;
}

.profile .contact,
.profile .url-info,
.profile .table-section,
.home-actions {
        border-color: yellow;
        border-style: dashed;
        overflow: hidden;
    }

.online img {
content: url(https://cdn.imgbin.com/23/16/24/imgbin-evanescence-logo-music-fallen-song-food-packaging-design-mvZBY4AAc6Pqm6FQQHrDXF1u2.jpg);
height: 2.5 px;
width: 2.5 px;
margin: 5px;
padding: 5px
animation-name: blink;
animation-iteration-count: infinite;
animation-duration: 2s;
}

nav .top {
background-color: black;
font-family: 'Alegreya', serif;
}

nav .links {
background-color: purple;
font-family: 'Alegreya', serif;
font-size: 15px;
}

background-color: purple;



@font-face{
font-family:Obituary;
src:url(Obituary.ttf);
}

@import url('https://fonts.googleapis.com/css2?family=Alegreya&display=swap');



* {
margin: 0;
padding: 0;
}

.img {
display: grid;
height: 100%
}

.center-fit {
max-width: 100%;
max-height: 100%vh;
margin: auto;
}

body {
background: url("https://cutewallpaper.org/34/evanescence-logo-wallpaper-hd/2378621310.jpg") no-repeat fixed; 
background-size: cover;
border-style: dashed;
border-color: yellow;
}

h1, h2, h3, h4, h5 {
color: #e3d3a6;
font-family: Obituary;
font-size: 20px;
}

p {
font-family: 'Alegreya', sans serif;
font-size: 15px;
}

.profile {
background-color: #36304a;
border-color: yellow;
border-style: dashed;
}
</style>

Copy and paste this code into the "About me" section of your Profile to use it.

Caution: This Layout was not inspected by SpaceHey — use it at your own risk.

Comments

Displaying 18 of 18 comments ( View all | Add Comment )

Ivan🦇	1705376317 using this!! tysm Report Comment
🕷 Josephine 🕷	1695839057 Using, love the colors! :) Report Comment YAAAAYYYYY thank you !!! :D my fav color is purple so im glad i got to make a layout with a lot of it by AaronApathetic; 1695874779; Report
̷l̷e̷o	1695570985 using !! i love it thanks sm x3 Report Comment YAYY !!!!!!! by AaronApathetic; 1695571033; Report
rawbeen??	1695539378 Using !! Report Comment yippee !!!!!!!! by AaronApathetic; 1695557806; Report
owlz	1694536942 using<3 ty for ur awesome work Report Comment EEEEE YAYYYYYYY thank you so much !!! :3 im glad you appreciate it ^_^ by AaronApathetic; 1694548169; Report NONONO im thanking you! i hate coding sm T-T by owlz; 1694558435; Report HEHEHE im saying thank you for using the layout >>:3 also real, this took me forever T_T by AaronApathetic; 1694580849; Report
Jellipoaro	1694451170 Using! >:D Report Comment
Mads :3	1694303947 USINNGGG Report Comment :DDDD YAAAAAAYYYYYYY by AaronApathetic; 1694350723; Report
Dorian	1693698882 Using!!! Report Comment YIPPEEEEEEEEE by AaronApathetic; 1693705386; Report
vivianne✮	1693444466 Using!! Report Comment
Zombie_boy	1693442873 Useinggg Report Comment
Lyss	1693106233 So cute!! so using!! Report Comment YAY !!!! :D thank you :3 by AaronApathetic; 1693258404; Report
Kat	1693018637 using !! Report Comment YIPPEEEEE !!!! by AaronApathetic; 1693061875; Report
★𝕰𝖒𝖔_𝖋𝖝𝖈𝖐★	1692889624 𝕴 𝕷𝕺𝖁𝕰 𝖄𝕺𝖀!!! ⠀:¨ ·.· ¨:⠀ ⠀ `· . ୨୧⠀ Report Comment :3 !!! by AaronApathetic; 1692994895; Report
noah	1692053231 THIS IS SO CUTE WHAT??? Report Comment THANK YOU SO MUCH ^_^ also sorry for the late reply i haven't been on spacehey for a while heh by AaronApathetic; 1692671962; Report
mayame722	1692030053 using <3 Report Comment AAHHHHH THANK YOU !!!! it's a bit surreal seeing people actually use it heh by AaronApathetic; 1692036046; Report DUDE its amazing, love your design by mayame722; 1692071302; Report THANK YOU YAAAAAYYYY :3 by AaronApathetic; 1692672026; Report
tara	1691985153 using! Report Comment aaaahh thanks !!! :] by AaronApathetic; 1692021388; Report
˜”°•.˜”°• marzzz •°”˜.•°”˜	1691905921 USINGGG Report Comment SAJSD THANKS !!! by AaronApathetic; 1692021398; Report
tori 𐙚	1691809797 USING OHM Report Comment ASKJDDKJS THANK YOUU :P by AaronApathetic; 1692021411; Report