Untitled

<%@ Page Language="C#" %>

<!DOCTYPE html>
<script runat="server">
	protected void btnInsert_Click(object source, EventArgs e)
	{
		Session["User"] = userNameTxt.Text;
		sdsMattUsers.Insert();
		Response.Redirect("Home.aspx");

	}
	protected void btnLogin_Click(object source, EventArgs e) {
		Response.Redirect("Login.aspx");
	}
</script>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">

	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<meta name="viewport" content="width=device-width, initial-scale=1" />
	<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
	<title>Create Account</title>
	<!-- Bootstrap Core CSS -->
	<link href="css/bootstrap.min.css" rel="stylesheet" />
	<!-- Custom CSS: You can use this stylesheet to override any Bootstrap styles and/or apply your own styles -->
	<link href="css/custom.css" rel="stylesheet" />
	<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
	<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
	<!--[if lt IE 9]>
		<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
		<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
	<![endif]-->
	<!-- Custom Fonts from Google -->
	<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css' />
	<style>
		.intro {
			color: #fff;
			background-color: #FF7D28;
			padding: 25px 0;
			text-align: center;
		}

		.navbar-default .nav > li.active > a, .navbar-default .nav > li.active > a:focus {
			color: black !important;
			background-color: transparent;
		}
	</style>
</head>
<body>
	<form id="form1" runat="server">
		<div>
			<!-- Navigation -->
			<nav id="siteNav" class="navbar navbar-default navbar-fixed-top" role="navigation">
				<div class="container">
					<!-- Logo and responsive toggle -->
					<div class="navbar-header">
						<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar">
							<span class="sr-only">Toggle navigation</span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						</button>
						<a class="navbar-brand" href="#">
							<span class="glyphicon glyphicon-time"></span>
							PLAN A TIME
						</a>
					</div>
					<!-- Navbar links -->
					<div class="collapse navbar-collapse" id="navbar">
						<ul class="nav navbar-nav navbar-right">
							<li>
								<a href="index.html">Home</a>
							</li>
							<li>
								<a href="LogIn.aspx">Sign In</a>
							</li>
							<li class="active">
								<a href="#s">Create Account</a>
							</li>
							<li>
								<a href="#">Contact</a>
							</li>
						</ul>

					</div>
					<!-- /.navbar-collapse -->
				</div>
				<!-- /.container -->
			</nav>

			<!-- Intro Section -->
			<section class="intro">
				<div class="container">
					<div class="row">
						<div class="col-lg-8 col-lg-offset-2">
						</div>
					</div>
				</div>
			</section>
			<!-- Content 1 -->
			<section class="content">
				<div class="container">
					<div class="row">
						<div class="col-sm-6">
                            <br /><br /><br /><br /><br />
							<img class="img-responsive center-block" src="images/CA.png" alt="" />
						</div>
						<br />
						<div class="col-sm-6" id="createForm" style="background-color: #f1f1f1; width: 400px">
                            <br />
							<asp:Label ID="Name" runat="server"
								Text="Name" AssociatedControlID="Name" />
							<br />
							<asp:TextBox ID="first" runat="server" AssociatedControlID="first"
								placeholder="first" class="txtBox1"  />
							<asp:TextBox ID="Last" runat="server" AssociatedControlID="last"
								placeholder="Last" class="txtBox1" />
							<br />
							<br />
							<asp:Label ID="Username" runat="server"
								Text="Choose your username" AssociatedControlID="userNameTxt" class="txtBox1"  />
							<br />
							<asp:TextBox ID="userNameTxt" runat="server"
								placeholder="@gmail.com" class="txtBox1"  />
							<br />
							<br />
							<asp:Label ID="Password" runat="server"
								Text="Create a password" AssociatedControlID="pwd" class="txtBox1"  />
							<br />
							<asp:TextBox ID="pwd" runat="server" type="password" class="txtBox1" />
							<br />
							<br />
							<asp:Label ID="cPassword" runat="server"
								Text="Confirm your password" AssociatedControlID="cpwdTxt" class="txtBox1" />
							<br />
							<asp:TextBox ID="cpwdTxt" runat="server" type="password" class="txtBox1" />
							<br />

							<asp:SqlDataSource
								ID="sdsMattUsers"
								runat="server"
								ConnectionString="<%$ ConnectionStrings:team06 %>"
								SelectCommand="SELECT * FROM Users"
								InsertCommand="INSERT INTO
                           Users (UserName,Password, FirstName,LastName)
                           VALUES (@UserName, @Password, @FirstName,@LastName)">
								<InsertParameters>
									<asp:FormParameter Name="UserName" FormField="userNameTxt" />
									<asp:FormParameter Name="Password" FormField="pwd" />
									<asp:FormParameter Name="FirstName" FormField="first" />
									<asp:FormParameter Name="LastName" FormField="last" />
								</InsertParameters>
							</asp:SqlDataSource>
                            <br />
							<asp:Button ID="NxtStep" runat="server" Text="NextStep"
                                Style="border:none;width:125px;height:35px;border-radius:10px;
                                background-color: #28AAFF; color: white;" OnClick="btnInsert_Click" />
							<br /><br />
							<p>
                                Already have an account?&nbsp<a href="Login.aspx">Login!</a>
							</p>
							<br /><br />
                            <p>Got trouble? Contact us!</p>
                            <p>
							    <span class="glyphicon glyphicon-earphone">&nbsp1(23)-456-7890</span>
                                &nbsp &nbsp
							    <span class="glyphicon glyphicon-envelope">&nbsp<a href="#">team06@d.umn.edu</a></span>
						    </p>
                            <br />
						</div>


					</div>
				</div>
			</section>
			<!-- footer-->
			<footer class="page-footer">
				<!-- Copyright etc -->
				<div class="small-print">
					<div class="container">
						<p>Copyright &copy; Advanced Apps 2018</p>
					</div>
				</div>
			</footer>
			<!-- jQuery -->
			<script src="js/jquery-1.11.3.min.js"></script>
			<!-- Bootstrap Core JavaScript -->
			<script src="js/bootstrap.min.js"></script>
			<!-- Plugin JavaScript -->
			<script src="js/jquery.easing.min.js"></script>

			<!-- Custom Javascript -->
			<script src="js/custom.js"></script>
		</div>
	</form>
</body>
</html>