site name

text

link 1

link 2

link 3

link 4

link 5

text

hello! welcome to my second layout! its based off of the little karin at the top! it was very fun to make so i hope you enjoy! these templates wont really be intended for very beginners, it would be best if u went in with some knowledge of html and css! to save the images i use just right click and hit inspect, then find the image and download it! this template uses css within the html file btw! feel free to seperate them if ya wanna, this just makes it easier for me! now onto the code!

<!DOCTYPE html>
<html>
<style>
* {
cursor: url(ur image), auto !important;
}
body {
background-image: url(imagesnwhatevs/heartplaid.gif);
font-family: helvetica;
animation: movingbg 18s linear infinite;
animation-direction: normal;
}
@keyframes movingbg {
0% {background-position: 0% 0%;}
100% {background-position: 100% 100%;}
}
.flex {
display: flex;
flex-direction: row;
justify-content: center;
}
.flex2 {
display: flex;
flex-direction: column;
justify-content: center;
}
p {
color: #653608;
font-size: 16px;
}
h1 {
color: #653608;
text-shadow: -3px 0 white, 0 3px white, 3px 0 white, 0 -3px white;
font-size: 30px;
}
</style>
<link rel="icon" href="lilfavicons/pandacheer.gif">
<title>second template!!!</title>
<body>
<div class="flex">
<div style="border-image: url(imagesnwhatevs/frillborder.png) 200.5 fill round; border-width: 32px; border-style: solid;width: 750px;height: 950px;filter: drop-shadow(0px 0px 5px #653608);">
<div style="width: 700px;height: 900px;background-color: white;margin-left: 20px;margin-top: 20px;border: 5px double #653608;border-radius: 10px;">
<div class="flex" style="width: 700px;height: 200px;background-image: linear-gradient(white,pink);border-bottom: 5px double #653608;border-radius: 10px 10px 0px 0px;">
<h1 style="margin-top: 150px;">site name</h1>
</div>
<div style="width:700px;height: 50px;background-image: linear-gradient(pink, white, pink);border-bottom: 5px double #653608;">
<marquee>
<p>text</p>
</marquee>
</div>
<div class="flex">
<div class="flex2">
<div style="width: 145px;height: 310px;background-color: #fdf299;border-right: 5px double #653608;">
<a href="ur link">
<div class="flex" style="width: 125px;height: 50px;background-image:linear-gradient(#fff994, #bac916, #729226, #bac916, #fff994);border-radius: 20px;margin: 10px;">
<p>link 1</p>
</div>
</a>
<a href="ur link">
<div class="flex" style="width: 125px;height: 50px;background-image:linear-gradient(#fff994, #bac916, #729226, #bac916, #fff994);border-radius: 20px;margin: 10px;">
<p>link 2</p>
</div>
</a>
<a href="ur link">
<div class="flex" style="width: 125px;height: 50px;background-image:linear-gradient(#fff994, #bac916, #729226, #bac916, #fff994);border-radius: 20px;margin: 10px;">
<p>link 3</p>
</div>
</a>
<a href="ur link">
<div class="flex" style="width: 125px;height: 50px;background-image:linear-gradient(#fff994, #bac916, #729226, #bac916, #fff994);border-radius: 20px;margin: 10px;">
<p>link 4</p>
</div>
</a>
<a href="ur link">
<div class="flex" style="width: 125px;height: 50px;background-image:linear-gradient(#fff994, #bac916, #729226, #bac916, #fff994);border-radius: 20px;margin: 10px;">
<p>link 5</p>
</div>
</a>
</div>
<div style="width: 145px;height: 325px;background-color: #fdf299;border-right: 5px double #653608;border-top: 5px double #653608;border-radius: 0px 0px 0px 6px;">
    
</div>
</div>
<div style="width: 550px;height: 640px;background-color: white;overflow: scroll;">
<div class="flex" style="width: 450px;height: 40px;background-image: linear-gradient(#fff994, #bac916, #729226, #bac916, #fff994);border-radius: 0px 20px 20px 0px;left: 0px;margin-top: 10px;">
<p style="margin-top: 10px;">
text
</p>
</div>

</div>
</div>
</div>
</div>
<div class="flex" style="position: absolute;">
<img src="imagesnwhatevs/kamichamakarinchu2.png" style="height: 250px;margin-top: 60px;margin-left: -510px;">
</div>
</div>
<div class="flex">
<small>template created by <a href="https://miniwildpanda.neocities.org">mini</a>!</small>
</div>
</body>
</html>

text

now! im gonna give ya extra images i think match this template in case ya wanna use em!