i have this project and i want to saving data to sql database but i do not know hoe to do this i tried a lot but no result please i need truly help
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MSATU Home.aspx.cs" Inherits="MSATU_Home.UI.MSATU_Home" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head runat="server">
<meta http-equiv="refresh" content="100">
<title>MSATU</title>
<style type="text/css">
body
{
background-image: url('images/4.png');
text-align: center;
}
.style2
{
font-family: Vijaya;
font-size: 120pt;
}
.style3
{
font-family: Vijaya;
font-size: 20pt;
}
</style>
<meta charset="utf-8" http-equiv="content-type">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script src="jquery-1.11.3.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
});
</script>
<script type="text/javascript">
</script>
</head>
<body>
<form id="form1" runat="server" method="post" >
<!--header-->
<div class="row" style="height: 300px; width: 100%" id="row1">
<div style="height: 50%; width: 100%">
<div style="height: 50%; width: 100%">
</div>
<div style="height: 50%; width: 100%" class="style2">
MSATU<br />
</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<!--User name-->
<input type="text" placeholder="user name" class="style3" data-toggle="tooltip" title="User Name" /><br />
<br />
<!--password-->
<input type="password" placeholder="password" class="style3" data-toggle="tooltip"
title="Password" /><br />
<br />
<!--sign in/up-->
<asp:Button Text="SIGN IN" class="btn btn-danger btn-xs" runat=server style="height: 80px;
width: 102px" ID="SIGNIN"></asp:Button> <br />
<br />
<input type="button" class="btn btn-danger btn-xs" data-toggle="collapse" data-target="#demo"
value="SIGN UP" style="height: 80px; width: 100px" /><br />
<br />
<!--collapse-->
<div id="demo" class="collapse">
<button type="button" class="btn btn-danger btn-xs" data-toggle="modal" data-target="#Doctor"
style="height: 80px; width: 100px">
Doctor</button>
<button type="button" class="btn btn-danger btn-xs" data-toggle="modal" data-target="#Patient"
style="height: 80px; width: 100px" >
Patient</button><br />
<br />
</div>
</div>
</div>
<!--end of header-->
<!--doctor modal-->
<!-- Modal -->
<div id="Doctor" class="modal fade" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header" style="background-color: #8AC00b">
<button type="button" class="close" data-dismiss="modal">
×</button>
<h4 class="modal-title">
Sign up</h4>
</div>
<div class="modal-body">
<h3>
Personal Information</h3>
<br />
<input type="text" placeholder="First Name" data-toggle="tooltip" title="First Name" /><br />
<br />
<input type="text" placeholder="Middle Name" data-toggle="tooltip" title="Middle Name" /><br />
<br />
<input type="text" placeholder="Last Name" data-toggle="tooltip" title="Last Name" /><br />
<br />
<input type="text" placeholder="Location" data-toggle="tooltip" title="Location" /><br />
<br />
<h3>
Job Information</h3>
<input type="text" placeholder="Year of Service (experience)" data-toggle="tooltip"
title="Experince" /><br />
<br />
<input type="text" placeholder="Certification Source" data-toggle="tooltip" title="Certification Source" /><br />
<br />
<input type="text" placeholder="Specialization" data-toggle="tooltip" title="Specialization" /><br />
<br />
<h3>
Account Information</h3>
<input type="text" placeholder="User Name" data-toggle="tooltip" title="User Name" /><br />
<br />
<input type="password" placeholder="password" data-toggle="tooltip" title="Password" /><br />
<br />
<input type="password" placeholder="conf-password" data-toggle="tooltip" title="Confirn password" /><br />
<br />
</div>
<div class="modal-footer">
<asp:Button Text=" Sign Up" class="btn btn-danger" data-dismiss="modal" runat=server ID="DoctorSignUp">
</asp:Button>
</div>
</div>
</div>
</div>
<!--end of doctor modal-->
<!--patient modal-->
<!-- Modal -->
<div id="Patient" class="modal fade" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header" style="background-color: #8AC007">
<button type="button" class="close" data-dismiss="modal">
×</button>
<h4 class="modal-title">
Sign up</h4>
</div>
<div class="modal-body">
<h3>
Personal information</h3>
<br />
<asp:TextBox ID="FirstName" placeholder="First Name" data-toggle="tooltip" title="First Name" runat=server ></asp:TextBox> <br />
<br />
<input type="text" placeholder="Middle Name" data-toggle="tooltip" title="Middle Name" /><br />
<br />
<input type="text" placeholder="Last Name" data-toggle="tooltip" title="Last Name" /><br />
<br />
<input type="text" placeholder="Location" data-toggle="tooltip" title="Location" /><br />
<br />
<input type="radio" />Male  <input type="radio" />Female<br />
<br />
Year<input type="number" min="1930" max="2015" />  <br />
<br />
Month<input type="number" min="1" max="12" />  
<br />
<br />
Day<input type="number" min="1" max="31" /><br />
<br />
<h3>
Account Information</h3>
<input type="text" placeholder="User Name" data-toggle="tooltip" title="User Name" /><br />
<br />
<input type="password" placeholder="password" data-toggle="tooltip" title="Password" /><br />
<br />
<input type="password" placeholder="conf-password" data-toggle="tooltip" title="Re-Enter password" /><br />
<br />
<h3>
Health Information</h3>
Are you fat or thin ?<br />
<br />
Fat
<input type="radio" />   Thin<input type="radio" /><br />
<br />
Smoking ?<br />
<br />
Yes
<input type="radio" />   No<input type="radio" /><br />
<br />
Family History<br />
<br />
Yes
<input type="radio" />   No<input type="radio" /><br />
<br />
Do you have Fast Heart Rate When You Work ?<br />
<br />
Yes
<input type="radio" />   No<input type="radio" /><br />
<br />
Do you have another heart deases ?<br />
<br />
<input type="text" /><br />
<br />
Do you Have mental disorders ?
<br />
<br />
Yes
<input type="radio" />   No<input type="radio" /><br />
<br />
First Time You Feeling this ?<br />
<br />
<input type="number" max="100" min="0" /><br />
<br />
</div>
<div class="modal-footer">
<asp:Button Text="Sign Up" class="btn btn-danger" data-dismiss="modal" data-toggle="tooltip" runat="server" ID="PatientSignUpButton"
title="Sign up" >
</asp:Button>
</div>
</div>
</div>
</div>
<!--end of patient modal-->
<div class="row" style="height: 175px; width: 100%; text-align: center">
<div style="height: 50%; width: 100%">
</div>
<div style="height: 50%; width: 100%">
</div>
<div style="height: 50%; width: 100%">
</div>
<div style="height: 50%; width: 100%">
</div>
<div style="height: 50%; width: 100%">
</div>
<div style="height: 50%; width: 100%">
<a href="https://www.facebook.com/Tishreen.medicine123?fref=ts" target="_blank"><i
class="fa fa-thumbs-o-up" style="font-size: 48px; color: #FFFFFF"></i></a>
</div>
</div>
</form>
</body>
</html>