Untitled

impheart

Jun 21st, 2025 (edited)

369

Never

Add comment

Not a member of Pastebin yet? Sign Up, it unlocks many cool features!

HTML 1.50 KB | Source Code | 0 0

raw download clone embed print report

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Pastel Theme</title>
<link href="https://fonts.googleapis.com/css2?family=Shadows+Into+Light&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Shadows Into Light', cursive;
background-color: #f6e6e6; /* Pastel background color */
margin: 0;
padding: 0;
}
.sidebar {
height: 100%;
width: 200px;
position: fixed;
top: 0;
left: 0;
background-color: #f7d9aa; /* Pastel sidebar color */
padding-top: 20px;
}
.sidebar a {
display: block;
padding: 10px;
text-decoration: none;
color: #574d4d; /* Sidebar link color */
}
.content {
margin-left: 200px;
padding: 20px;
}
.button {
background-color: #ffd3b6; /* Pastel button color */
color: #574d4d; /* Button text color */
padding: 10px 20px;
border: none;
border-radius: 5px;
cursor: pointer;
transition: background-color 0.3s;
}
.button:hover {
background-color: #f7d9aa; /* Button hover color */
}
</style>
</head>
<body>
<div class="sidebar">
<a href="#">Link 1</a>
<a href="#">Link 2</a>
<a href="#">Link 3</a>
</div>
<div class="content">
<h1>Apricot Dream</h1>
<p>This is a cute and pastel-themed webpage with a sidebar containing links.</p>
<button class="button">Click Me</button><br>
<a href="https://www.glitter-graphics.com"><img src="apricot.png" style="position:absolute; bottom:0px; right:0px;" width=180 height=133 border=0></a><br>
</div>
</body>
</html>

Tags: html free layout

Add Comment

Please, Sign In to add comment