Untitled

<!DOCTYPE HTML>
<!--
	Prologue by HTML5 UP
	html5up.net | @ajlkn
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>

<head>
	<title>Charity Sync</title>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1" />
	<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
	<link rel="stylesheet" href="assets/css/main.css" />
	<link rel="stylesheet" href="css/flexboxgrid.min.css" type="text/css">
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">

</head>

<body>

	<!-- Header -->
	<div id="header">

		<div class="top">

			<!-- Logo -->
			<div id="logo">
				<span class="image avatar48"><img src="images/avatar.jpg" alt="" /></span>
				<h1 id="title">Alvin Chung</h1>
				<p>Student</p>
			</div>

			<!-- Nav -->
			<nav id="nav">

				<ul>
					<!--<li><a href="#top" id="top-link" class="skel-layers-ignoreHref"><span class="icon fa-home">Home</span></a></li> -->
					<li><a href="#portfolio" id="portfolio-link" class="skel-layers-ignoreHref"><span class="icon fa-th">Dashboard</span></a></li>
					<li><a href="#explore" id="explore-link" class="skel-layers-ignoreHref"><span class="icon fa-globe">Explore</span></a></li>
					<li><a href="#about" id="about-link" class="skel-layers-ignoreHref"><span class="icon fa-user">Settings</span></a></li>
					<li><a href="#contact" id="contact-link" class="skel-layers-ignoreHref"><span class="icon fa-envelope">Log out</span></a></li>
				</ul>
			</nav>

		</div>

		<div class="bottom">

			<!-- Social Icons -->
			<ul class="icons">
				<li><a href="#" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
				<li><a href="#" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
				<li><a href="#" class="icon fa-github"><span class="label">Github</span></a></li>
				<li><a href="#" class="icon fa-dribbble"><span class="label">Dribbble</span></a></li>
				<li><a href="#" class="icon fa-envelope"><span class="label">Email</span></a></li>
			</ul>

		</div>

	</div>

	<!-- Main -->
	<div id="main">
		<!-- Intro -->
		<section id="top" class="one dark cover">
			<div class="container">
				<h2> Main Dashboard</h2>

				<div class="row equal">
					<div class="col-md-6 col-sm-3">
						<h4>Badges</h4>
						<img src="images/one.png" alt="">
						<img src="images/two.png" alt="">
						<img src="images/three.png" alt="">
						<img src="images/four.png" alt="">
						<img src="images/five.png" alt="">
						<br>
						<br>
						<h4>Recently Completed Tasks</h4>

						<div class="alert alert-success alert-dismissable">
							<a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
							<strong>Success!</strong> Indicates a successful or positive action.
						</div>
						<div class="alert alert-success alert-dismissable">
							<a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
							<strong>Success!</strong> Indicates a successful or positive action.
						</div>
						<div class="chart-wrapper"></div>
					</div>
					<div class="col-md-3 col-sm-3">

						<div id="chart">
							content1
							<br>
							<br>
							<canvas id="myChart" width="100" height="100"></canvas>
						</div>
					</div>
					<div class="col-md-3 col-sm-3">

						<div id="chart">
							content1
							<br>
							<br>
							<canvas id="myChart1" width="100" height="100"></canvas>
						</div>

					</div>

				</div>
				<div class="row equal">


					<div class="container">
						<h1 class="title">Completed Tasks for the Month</h1>
						<div class="graph"></div>

					</div>

				</div>

			</div>
	</div>
	<header>


	</header>

	<footer>
		<!--	<a href="#portfolio" class="button scrolly">Magna Aliquam</a> -->

	</footer>

	</div>
	</section>

	<!-- Scripts -->
	<script src="assets/js/jquery.min.js"></script>
	<script src="assets/js/jquery.scrolly.min.js"></script>
	<script src="assets/js/jquery.scrollzer.min.js"></script>
	<script src="assets/js/skel.min.js"></script>
	<script src="assets/js/util.js"></script>
	<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
	<script src="assets/js/main.js"></script>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
	<script src='http://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js'></script>
	<script src='http://cdnjs.cloudflare.com/ajax/libs/gsap/1.16.1/TweenMax.min.js'></script>
	<script src='http://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.1.5/Chart.min.js'></script>
	<script src="assets/js/index.js"></script>
	<script src='assets/js/xmjykx.js'></script>
	<script src="assets/js/index.js"></script>
	<script src="assets/js/donut.js"></script>


</body>

</html>