dashboard
unknown
html
5 months ago
2.4 kB
2
Indexable
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Goal-ito</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="container">
<header>
<h1>Goal-ito</h1>
</header>
<section class="priority-goal">
<div class="goal-image">
<img src="image2.png" alt="Clock Illustration">
</div>
<div class="goal-info">
<h2>Priority Goal!</h2>
<h1>Title of goal here</h1>
<p>Description: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
<p class="deadline"><strong>Deadline:</strong> 3 days</p>
</div>
</section>
<div class="divider"></div>
<section class="goals-list">
<h2>Goals</h2>
<div class="goal-items-container">
<div class="goal-item" style="background-color: #E2F1FF;">
<h3>Name of goal</h3>
<p>Description of goal</p>
<p><i class="time">1d 5h</i></p>
</div>
<div class="goal-item" style="background-color: #E0F8D8;">
<h3>Name of goal</h3>
<p>Description of goal</p>
<p><i class="time">1d 5h</i></p>
</div>
<div class="goal-item" style="background-color: #FFF2D8;">
<h3>Name of goal</h3>
<p>Description of goal</p>
<p><i class="time">1d 5h</i></p>
</div>
</div>
</section>
<section class="stats">
<h2>Stats siguro</h2>
<div class="stats-image">
<img src="stats-illustration.png" alt="Stats Illustration">
</div>
</section>
</div>
<footer>
<button class="add-button">+</button>
</footer>
<script>
window.addEventListener('load', function () {
document.body.classList.add('fade-in');
});
</script>
</body>
</html>
Editor is loading...
Leave a Comment