forked from Melon-tree/ProjectFlowchart
-
Notifications
You must be signed in to change notification settings - Fork 0
/
home.html
50 lines (48 loc) · 2 KB
/
home.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="icon" href="assets/utd_png.png">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project Flowchart - Home</title>
<link rel="stylesheet" href="styles.css">
</head>
<body class="about-page">
<header>
<nav>
<div class="dropdown">
<button class="dropbtn">Select Credit Type</button>
<div class="dropdown-content">
<a href="./Credit_Pages/credits.html" id="apLink">AP</a>
<a href="./Credit_Pages/credits.html" id="apLink">CLEP</a>
<a href="./Credit_Pages/credits.html" id="apLink">IB</a>
</div>
</div>
<a href="home.html">Home</a>
<a href="about.html">About</a>
<a href="comments.html">Alumn & Upperclammen Comments</a>
<a href="index.html">Project Flowchart</a>
</nav>
</header>
<main>
<section class="hero">
<h1>Welcome to the Project Flowchart</h1>
<p>The Project Flowchart is designed to help students plan their academic journey effectively. With this tool, you can explore the sequence of courses required for your major, understand prerequisites and corequisites, and visualize your path to graduation.</p>
<p>We hope this tool enhances your academic experience and helps you achieve your educational goals.</p>
<a href="index.html" class="animated-button">Go to Flowchart</a>
</section>
</main>
<footer>
<p>© 2024 Project Flowchart. All rights reserved.</p>
<p>Made by Vladislav, Armaan, Divya, Arnav, and Rishi</p>
</footer>
<div class="mode-switcher">
<span id="modeTitle">Dark Mode</span>
<label class="switch">
<input type="checkbox" id="modeToggle" checked>
<span class="slider"></span>
</label>
</div>
<script src="script.js"></script>
</body>
</html>