untitled-8198
Val Town is a collaborative website to build and scale JavaScript apps.
Deploy APIs, crons, & store data – all from the browser, and deployed in milliseconds.
Viewing readonly version of main branch: v8View latest version
About My Crush
body {
font-family: 'Arial', sans-serif;
background-color: #ffe6f2; /* Light pink background */
color: #333;
margin: 0;
padding: 20px;
text-align: center;
}
header {
background-color: #ff69b4; /* Hot pink header */
color: white;
padding: 20px;
border-radius: 10px;
}
h1, h2 {
margin: 10px 0;
}
section {
margin: 20px auto;
max-width: 600px;
background-color: white;
padding: 20px;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
img {
max-width: 100%;
height: auto;
border-radius: 10px;
margin: 10px 0;
}
ul {
text-align: left;
list-style-type: heart; /* Fun bullet points */
}
footer {
margin-top: 40px;
font-size: 0.8em;
color: #666;
}
a {
color: #ff69b4;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
A little tribute to someone special
<section id="about">
<h2>About Them</h2>
<p>[Insert a short bio here, e.g., "Meet [Name], the coolest person I know. They're [age] years old, love [hobby], and have the best [trait]."]</p>
<img src="[Insert photo URL or file path, e.g., 'crush-photo.jpg']" alt="Photo of my crush">
</section>
<section id="why-i-like">
<h2>Why I Like Them</h2>
<ul>
<li>They're incredibly [positive trait, e.g., "kind and funny"].</li>
<li>Their smile lights up the room.</li>
<li>They [something specific, e.g., "always know how to make me laugh"].</li>
<li>[Add more personal reasons here.]</li>
</ul>
</section>
<section id="memories">
<h2>Memorable Moments</h2>
<p>[Describe a fun memory, e.g., "That time we [shared experience] was unforgettable."]</p>
<img src="[Another photo URL, e.g., 'memory-photo.jpg']" alt="A memorable moment">
</section>
<section id="favorites">
<h2>Their Favorites</h2>
<p>Color: [e.g., Blue] | Food: [e.g., Pizza] | Song: [e.g., "Happy" by Pharrell]</p>
<iframe width="560" height="315" src="[Embed a YouTube video URL, e.g., 'https://www.youtube.com/embed/ZbZSe6N_BXs']" frameborder="0" allowfullscreen></iframe>
<p>Listen to this song that reminds me of them!</p>
</section>
<section id="message">
<h2>A Message for You</h2>
<p>If you're reading this, [Name], I hope it makes you smile. You're awesome! 😊</p>
<p>Check out the <a href="[Link to your letter or another page]">love letter I wrote</a> for more.</p>
</section>
<footer>
<p>Made with ❤️ by [Your Name]. © 2023. <a href="[Your website URL]">Visit the full site</a>.</p>
</footer>