You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
75 lines
3.6 KiB
75 lines
3.6 KiB
<!DOCTYPE html> |
|
<html lang="en"> |
|
<head> |
|
<meta charset="UTF-8"> |
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
<link rel="stylesheet" type="text/css" href="assets/css/style.css" /> |
|
<link rel="stylesheet" type="text/css" href="assets/css/welcome.css" /> |
|
<title>Dashboard</title> |
|
</head> |
|
<body> |
|
{{template "pageheader" . }} |
|
<div class="dashboard-container"> |
|
<div class="dashboard-container"> |
|
<div class="welcome"> |
|
<h1 class="welcome-title">Welcome, Codegirl007!</h1> |
|
<p class="tagline">Find your path, fund futures, or inspire a community today.</p> |
|
</div> |
|
|
|
<div class="section learners"> |
|
<h2 class="section-title">Build Your Tech Future</h2> |
|
<div class="cards"> |
|
<div class="card"> |
|
<h3 class="card-title">Your Goals</h3> |
|
<p class="card-content">Track your certifications and courses. Update or add goals to keep your community engaged.</p> |
|
<button class="card-button">Add a Goal</button> |
|
</div> |
|
<div class="card"> |
|
<h3 class="card-title">Community Opportunities</h3> |
|
<p class="card-content">Join upcoming hackathons or community events to grow your skills and network.</p> |
|
<button class="card-button">View Events</button> |
|
</div> |
|
<div class="card"> |
|
<h3 class="card-title">Learning Resources</h3> |
|
<p class="card-content">Access curated tutorials, guides, and practice challenges to enhance your skills.</p> |
|
<button class="card-button">Explore Resources</button> |
|
</div> |
|
<div class="card"> |
|
<h3 class="card-title">Connect with Mentors</h3> |
|
<p class="card-content">Get advice and guidance from experienced professionals to boost your learning journey.</p> |
|
<button class="card-button">Find a Mentor</button> |
|
</div> |
|
</div> |
|
</div> |
|
|
|
<div class="section supporters"> |
|
<h2 class="section-title">Help Make Dreams Happen</h2> |
|
<div class="cards"> |
|
<div class="card"> |
|
<h3 class="card-title">Fund a Goal</h3> |
|
<p class="card-content">Choose a learner’s goal and contribute to their education journey.</p> |
|
<button class="card-button">Browse Goals</button> |
|
</div> |
|
<div class="card"> |
|
<h3 class="card-title">Host or Sponsor a Hackathon</h3> |
|
<p class="card-content">Support innovation by organizing or sponsoring a hackathon for the community.</p> |
|
<button class="card-button">Get Involved</button> |
|
</div> |
|
<div class="card"> |
|
<h3 class="card-title">Support a Streamer</h3> |
|
<p class="card-content">Boost streamers who are funding education for members of their community.</p> |
|
<button class="card-button">View Streamers</button> |
|
</div> |
|
<div class="card"> |
|
<h3 class="card-title">Track Your Impact</h3> |
|
<p class="card-content">See the difference your contributions are making through real-time progress updates.</p> |
|
<button class="card-button">View Impact</button> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
{{template "footer"}} |
|
|
|
</body> |
|
</html> |