Homura Akemi Layout I made Email me if u need help using it. Dont remove credit. If you do Ill haunt you when i die ooooo
Sorry if the code sucks, I was bored when i made it. Sorry if the layouts ugly, it reminds me of this one sailor moon one I had before i knew any code.
<!-- Homura Akemi Layout
If you're confused about anything or you need help please contact me at nekoshimoon@gmail.com or message me on discord at enstars_basic !!
Please do not edit the link to my site / the credit.
You can edit everything else, you don't have to ask
-->
<html>
<head>
<title>Page Title</title>
</head>
<body>
<style>
body{margin-right:
auto;margin-left:auto;
width:500px;
background-image:url('https://files.catbox.moe/90vea8.gif');
position: relative;
font-family:Ms Ui Gothic;
font-size:15px}
a{color:#710185;}
a:hover {
color:#ddd5de;
background-color:#652c69;
font-weight:bold;
}
::selection {
color: #710185;
background: white;
}
b{color:#710185;
text-shadow: 1px 0 #d91bfa,
-1px 0 #d91bfa,
0 1px #d91bfa,
0 -1px #d91bfa,
1px 1px #d91bfa,
-1px -1px #d91bfa,
1px -1px #d91bfa,
-1px 1px #d91bfa;}
i{color:#a695ab;}
name{font-size:30px;
color:#d1c7d4;
font-style:italic;
font-weight:bold;
font-family:Monospace;
text-shadow: 1px 0 #fbf5fc,
-2px 0 #fbf5fc,
0 2px #fbf5fc,
0 -2px #fbf5fc,
2px 2px #fbf5fc,
-2px -2px #fbf5fc,
2px -2px #fbf5fc,
-2px 2px #fbf5fc;}
.banner{height:120px;
background-color:#652c69;
background: linear-gradient(0.25turn, #652c69, #ebf8e1);
width:350px;
overflow: hidden;
position: relative;
font-size:15px;
font-style:italic;}
.main{height:295px;width:340px;
background-color:rgba(101, 44, 105, 0.5);
padding:5px;color:white;}
.mainunder{height:120px;width:350px;background-color:#a79aab;}
.navbar{background: linear-gradient(#e6c5dc, #652c69);
text-align: center;
position:relative;
height:400px;
width:150px;
float:right;overflow: hidden;padding:5px;box-sizing: border-box; }
.musicbox{text-align: center;
padding-top:5px;
height:140px;width:150px;background-color:#652c69;float:right;clear: both;}
</style>
<div class="navbar">
<img src="https://files.catbox.moe/ssljq1.png" width=80px>
Navigation
<br/>
<a href="LINK">> LINK</a><br/>
<a href="LINK">> LINK</a><br/>
<a href="LINK">> LINK</a><br/>
<a href="LINK">> LINK</a><br/>
<a href="LINK">> LINK</a><br/>
<img src="https://files.catbox.moe/13rj3s.png" width=300px style="float:right;position: absolute;right:-100px;top:190px;opacity:0.5;">
</div>
<div class="musicbox">
" Sis Puella Magica! "
<br/>
<iframe width="120" height="100" src="https://www.youtube.com/embed/bzlHPlq8hIs" title="Sis Puella Magica!" frameborder="2" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div>
<!--
If you want the song to auto play, put this at the end of the link ?autoplay=1
e.g
src="https://www.youtube.com/embed/bzlHPlq8hIs?autoplay=1"
-->
<div class="banner">
<img src="https://files.catbox.moe/pkvnup.png" width=100px style="float:right;position: absolute;left:250px;top:50px">
This world isn't worth saving, its tragedies and sadness will never truly disappear.<br/>
But even so, it's the place she once tried to protect.<br/><br/>
That's why... I'll keep fighting.<br/>
</div>
<div class="main">
<name>SITE NAME ~</name><br/>
Wow lookie at this <b>cool bold text</b> how cool! Oh dearie me look at this <i>cool italic text</i>. So cool!<br/>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vel dolor vitae leo scelerisque malesuada. Aliquam varius nisl nibh, vel venenatis metus mattis et. Vestibulum placerat imperdiet purus sit amet vestibulum. Pellentesque dapibus leo mi, sit amet luctus lectus ultricies eu. Sed tempus commodo nulla, placerat volutpat turpis tristique a. Fusce et nisi ut felis tempus eleifend. Vivamus dignissim, arcu euismod lacinia fringilla, velit leo ullamcorper sapien, eget placerat erat nunc ut diam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
</div>
<div class="mainunder">
Being Meguka is Suffering<br/>
<img src="https://files.catbox.moe/ztdmpp.jpg" style="width:100px;border: 2px solid;float:left;"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vel dolor vitae leo scelerisque malesuada. Aliquam varius nisl nibh, vel venenatis metus mattis et. Vestibulum placerat
</div><br/>
<center style="margin-right:30px;"><a href="https://sillykitty136.neocities.org/" style="color:white;">Layout done by SillyKitty 136</a></center>
</body>
</html>
