72 lines
2.7 KiB
HTML
72 lines
2.7 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<link rel="stylesheet" href="/assets/css/defaults.css" />
|
|
<link rel="stylesheet" href="/assets/css/main.css" />
|
|
<title>Task Manager</title>
|
|
</head>
|
|
<body>
|
|
<section class="nav-section">
|
|
<nav class="nav">
|
|
<a class="nav-home" href="/">Task</a>
|
|
<a class="nav-signin signed-out" href="/assets/pages/sign-in.html">Sign In</a>
|
|
<a class="nav-register signed-out" href="/assets/pages/register.html">Register</a>
|
|
<a class="nav-profile signed-in" href="/assets/pages/user.html">Profile</a>
|
|
</nav>
|
|
</section>
|
|
|
|
<section class="hero-section">
|
|
<div class="main-screen">
|
|
<div class="center-screen">
|
|
<h1 class="hero-title">Welcome to your task manager!</h1>
|
|
<h4 class="hero-subtext">Keep yourself organized and stay productive.</h4>
|
|
</div>
|
|
|
|
<!-- If user is registered, show register/login & about. Else, give the user the option to their profile-->
|
|
<div class="hero-buttons">
|
|
<a class="signed-out hero-signin" href="/assets/pages/sign-in.html">Sign In</a>
|
|
<a class="signed-out hero-register" href="/assets/pages/register.html">Register</a>
|
|
<a class="signed-in hero-profile" href="/assets/pages/user.html">Profile</a>
|
|
<a class="hero-about" href="#about">About us!</a>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="scroll-indicator">
|
|
<span class="scroll-text">Scroll to explore</span>
|
|
<div class="scroll-arrow"></div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="about-section">
|
|
<div class="about-screen">
|
|
<div class="about-title">
|
|
<h2>About us</h2>
|
|
<p>Keep track of your most important tasks.</p>
|
|
</div>
|
|
<div class="about-content">
|
|
<div class="feature-grid">
|
|
<div class="feature-card">
|
|
<div class="feature-icon">📝</div>
|
|
<h3>Task Management</h3>
|
|
<p>Create, organize, and track your tasks with ease. Stay on top of your priorities.</p>
|
|
</div>
|
|
<div class="feature-card">
|
|
<div class="feature-icon">🎯</div>
|
|
<h3>Goal Setting</h3>
|
|
<p>Set clear goals and break them down into manageable tasks to achieve success.</p>
|
|
</div>
|
|
<div class="feature-card">
|
|
<div class="feature-icon">📊</div>
|
|
<h3>Progress Tracking</h3>
|
|
<p>Monitor your progress and celebrate your achievements as you complete tasks.</p>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<script src="/assets/js/index.js"></script>
|
|
</body>
|
|
</html> |