diff --git a/SRS-Description.docx b/SRS/SRS-Description.docx
similarity index 100%
rename from SRS-Description.docx
rename to SRS/SRS-Description.docx
diff --git a/SRS-Description.pdf b/SRS/SRS-Description.pdf
similarity index 100%
rename from SRS-Description.pdf
rename to SRS/SRS-Description.pdf
diff --git a/SRS/Use Case Diagram.pdf b/SRS/Use Case Diagram.pdf
new file mode 100644
index 0000000..a64ff06
Binary files /dev/null and b/SRS/Use Case Diagram.pdf differ
diff --git a/White paper-Student affairs system.pdf b/White paper-Student affairs system.pdf
deleted file mode 100644
index 889d68d..0000000
Binary files a/White paper-Student affairs system.pdf and /dev/null differ
diff --git a/White-paper-Student-affairs-system.pdf b/White paper/White-paper-Student-affairs-system.pdf
similarity index 100%
rename from White-paper-Student-affairs-system.pdf
rename to White paper/White-paper-Student-affairs-system.pdf
diff --git a/RightRegistration.html b/prototype/RightRegistration.html
similarity index 96%
rename from RightRegistration.html
rename to prototype/RightRegistration.html
index 5ee551e..bb0c125 100644
--- a/RightRegistration.html
+++ b/prototype/RightRegistration.html
@@ -1,258 +1,258 @@
-<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
-
-<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
-<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
-
-<!------ Include the above in your HEAD tag ---------->
-
-<!Doctype html>
-<html>
-<head>
-     <meta charset="UTF-8">
-     <title>Registration Form</title>
-     	<meta name="viewport" content="width=device-width, initial-scale=1">
-    <style type="text/css">
-    /*-----Background-----*/
-
-body{
-	 background-image:url(https://apis.mail.yahoo.com/ws/v3/mailboxes/@.id==VjN-4SYBt-AkaqRIygm9jZcjegiiKwHHcbIk8vjkqMly9QPHOlxCgsyX48ZDBlLh9p044QS589m2ULn4HOf3kMCF_g/messages/@.id==AIdrpVREpxi0W9mzDQZNSH-cPIA/content/parts/@.id==2/thumbnail?appId=YMailNorrin&downloadWhenThumbnailFails=true&pid=2);
-	 background-repeat:no-repeat;
-	 background-size:cover;
-	 width:100%;
-	 height:100vh;
-	 overflow:auto;
-	 
-}
-
-/*-----for border----*/
-} 
-
-.container{
-	font-family:Roboto,sans-serif;
-    background:gray !important;    
-    border-radius: 25px;
-    padding-left: 20px;
-     border-style: 1px solid gray;
-     margin: 0 auto;
-     text-align: center;
-     opacity: 0.8;
-     margin-top: 67px;
-   box-shadow: 2px 5px 5px 0px #eee;
-     max-width: 500px;
-     padding-top: 10px;
-     height: 400px;
-     margin-top: 166px;
-}
-/*--- for label of year---*/
-        .year{
-     margin-left: 1px;
-     font-family: sans-serif;
-     font-size: 14px;
-     color: white;
-     margin-top: 10px;
-
-        }
-                /*--- for label of department---*/
-
-        .Department{
-     margin-left: -10px;
-     font-family: sans-serif;
-     font-size: 14px;
-     color: white;
-     margin-top: 10px;
-
-        }
-                /*--- for label of Student ID---*/
-
-.StudentID{
-	 margin-left: 1px;s
-     font-family: sans-serif;
-     font-size: 14px;
-     color: white;
-     margin-top: 10px;
-}
-        /*--- for label of Full name---*/
-.FullName{
-	 margin-left: 1px;
-     font-family: sans-serif;
-     font-size: 14px;
-     color: white;
-     margin-top: 5px;
-}
-#lname{
-	 margin-top:5px;
-}
-	  
-
-/*---for heading-----*/
-.heading{
-	 text-decoration:bold;
-	 text-align : left;
-	 font-size:30px;
-	 color:#F96;
-	 padding-top:10px;
-}
-        label
-        {
-            display: block;
-            width: 100px;
-                        font-family: Impact, fantasy !important;
-            font-size: 20px !important;
-            font-weight: 500 !important;
-
-        }
-/*-------for email----------*/
-  /*------label----*/
-#email{
-	  margin-top: 5px;
-}
-/*-----------for Password--------*/
-     /*-------label-----*/
-.mail{
-     font-family: sans-serif;
-     color: white;
-     font-size: 14px;
-     margin-top: 13px;
-}
-.pass{
-	 color: white;
-     margin-top: 9px;
-     font-size: 14px;
-     font-family: sans-serif;
-     margin-top: 9px;
-}
-#password{
- margin-top: 6px;
-}
-      /*----------label--------*/
-.pno{
-	 font-size: 18px;
-     margin-left: -13px;
-     margin-top: 10px;
-     color: #ff9;
-	
-}	
-
-     /*--------------label---------*/
-
-/*------------For submit button---------*/
-.sbutton{
-	 color: white;
-     font-size: 20px;
-     border: 1px solid white;
-     background-color: #080808;
-     width: 32%;
-     margin-left: 41%;
-     margin-top: 16px;
-	 box-shadow: 0px 2px 2px 0px white;
-  	   
-   }
-	
-}	 
-	  
-    </style>
-</head>
-    
-<body>
- <div style="background-color: gray; border-radius: 25px; padding-left: 20px; padding-bottom: 20px; margin-top: 100px;margin-left: 5%;margin-right: 5%" class="container">
-    
- <!---heading---->
-     <h1 class="heading" style="text-align: center; font-weight: 1000"> Registration-Form</h1><hr></hr>
-	<!---Form starting----> 
-	<div class="row ">
-	 <!--- For Name---->
-         <div class="col-sm-12">
-             <div class="row form-group">
-			     <div class="col-xs-4">
-          	         <label class="FullName"> Full Name :</label> </div>
-		         <div class="col-xs-8">
-		             <input type="text" name="fname" id="fname" placeholder="Enter your full Name" class="form-control ">
-             </div>
-		      </div>
-		 </div>
-		 
-		 
-         <div class="col-sm-12">
-		     <div class="row form-group">
-			     <div class="col-xs-4">
-                     <label class="StudentID"> Student ID :</label></div>
-				<div class ="col-xs-8">	 
-		             <input type="text" name="lname" id="lname" placeholder="Enter your ID" class="form-control last">
-                </div>
-		     </div>
-		 </div>
-     <!-----For email---->
-		 <div class="col-sm-12">
-		     <div class="row form-group">
-			     <div class="col-xs-4">
-		             <label class="mail" >Email :</label></div>
-			     <div class="col-xs-8"	>	 
-			          <input type="email" name="email"  id="email"placeholder="Enter your email" class="form-control" >
-		         </div>
-		     </div>
-		 </div>
-	 <!-----For Password and confirm password---->
-          <div class="col-sm-12">
-		         <div class="row form-group">
-				     <div class="col-xs-4">
-		 	              <label class="pass">Password :</label></div>
-				  <div class="col-xs-8">
-			             <input type="password" name="password" id="password" placeholder="Enter your Password" class="form-control">
-				 </div>
-          </div>
-		  </div>
-
-		     
-		 	<div class="col-sm-12">
-		     <div class="row form-group">
-			     <div class="col-xs-4">	 
-                     <form>
-                         <p>  <label class="year" > Year:</label></div>
-                             <select>
-                             <option>prepratory</option>
-                                 <option>first year</option>
-                                 <option>second year</option>
-                                 <option>third year</option>
-                                 <option>forth year</option>
-                             </select>
-                         </p>
-                     </form>
-                       </div>
-		     </div>
-     </div>
-    		 	<div class="col-sm-12">
-		     <div class="row form-group">
-			     <div class="col-xs-4">
-                     <form>
-                        <p>  <label class="Department" > Division:</label></div>
-                   <select> \\Electrical divisions
-                             <option>Computer</option>
-                            <option>Communication</option>
-                            <option>Electrical power</option>
-                             \\Mechanical divisions
-                            <option>Mechatronics</option>
-                             <option>Automotive Engineering</option>
-                             <option>Mechanical Power Engineering</option>
-                             <option>Design and Production Engineering</option>
-                            \\civil divisions
-                             <option>Structure Engineering</option>
-                             <option>Public Works</option>
-                             <option>Irrigation of Hydraulics Engineering</option>
-                            \\archeticture divisions
-                             <option>Architecture Engineering</option>
-                            <option>Urban Design and Urban Planning</option>
-                            <option></option>
-                      </\select>
-                         </p>
-                    <div class="col-sm-12">
-     <button type="submit">Submit</button>
-		  </div>
-                 </form>
-
-</div>
-
-</body>		
-</html>
-	 
+<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
+
+<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
+<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
+
+<!------ Include the above in your HEAD tag ---------->
+
+<!Doctype html>
+<html>
+<head>
+     <meta charset="UTF-8">
+     <title>Registration Form</title>
+     	<meta name="viewport" content="width=device-width, initial-scale=1">
+    <style type="text/css">
+    /*-----Background-----*/
+
+body{
+	 background-image:url(https://apis.mail.yahoo.com/ws/v3/mailboxes/@.id==VjN-4SYBt-AkaqRIygm9jZcjegiiKwHHcbIk8vjkqMly9QPHOlxCgsyX48ZDBlLh9p044QS589m2ULn4HOf3kMCF_g/messages/@.id==AIdrpVREpxi0W9mzDQZNSH-cPIA/content/parts/@.id==2/thumbnail?appId=YMailNorrin&downloadWhenThumbnailFails=true&pid=2);
+	 background-repeat:no-repeat;
+	 background-size:cover;
+	 width:100%;
+	 height:100vh;
+	 overflow:auto;
+	 
+}
+
+/*-----for border----*/
+} 
+
+.container{
+	font-family:Roboto,sans-serif;
+    background:gray !important;    
+    border-radius: 25px;
+    padding-left: 20px;
+     border-style: 1px solid gray;
+     margin: 0 auto;
+     text-align: center;
+     opacity: 0.8;
+     margin-top: 67px;
+   box-shadow: 2px 5px 5px 0px #eee;
+     max-width: 500px;
+     padding-top: 10px;
+     height: 400px;
+     margin-top: 166px;
+}
+/*--- for label of year---*/
+        .year{
+     margin-left: 1px;
+     font-family: sans-serif;
+     font-size: 14px;
+     color: white;
+     margin-top: 10px;
+
+        }
+                /*--- for label of department---*/
+
+        .Department{
+     margin-left: -10px;
+     font-family: sans-serif;
+     font-size: 14px;
+     color: white;
+     margin-top: 10px;
+
+        }
+                /*--- for label of Student ID---*/
+
+.StudentID{
+	 margin-left: 1px;s
+     font-family: sans-serif;
+     font-size: 14px;
+     color: white;
+     margin-top: 10px;
+}
+        /*--- for label of Full name---*/
+.FullName{
+	 margin-left: 1px;
+     font-family: sans-serif;
+     font-size: 14px;
+     color: white;
+     margin-top: 5px;
+}
+#lname{
+	 margin-top:5px;
+}
+	  
+
+/*---for heading-----*/
+.heading{
+	 text-decoration:bold;
+	 text-align : left;
+	 font-size:30px;
+	 color:#F96;
+	 padding-top:10px;
+}
+        label
+        {
+            display: block;
+            width: 100px;
+                        font-family: Impact, fantasy !important;
+            font-size: 20px !important;
+            font-weight: 500 !important;
+
+        }
+/*-------for email----------*/
+  /*------label----*/
+#email{
+	  margin-top: 5px;
+}
+/*-----------for Password--------*/
+     /*-------label-----*/
+.mail{
+     font-family: sans-serif;
+     color: white;
+     font-size: 14px;
+     margin-top: 13px;
+}
+.pass{
+	 color: white;
+     margin-top: 9px;
+     font-size: 14px;
+     font-family: sans-serif;
+     margin-top: 9px;
+}
+#password{
+ margin-top: 6px;
+}
+      /*----------label--------*/
+.pno{
+	 font-size: 18px;
+     margin-left: -13px;
+     margin-top: 10px;
+     color: #ff9;
+	
+}	
+
+     /*--------------label---------*/
+
+/*------------For submit button---------*/
+.sbutton{
+	 color: white;
+     font-size: 20px;
+     border: 1px solid white;
+     background-color: #080808;
+     width: 32%;
+     margin-left: 41%;
+     margin-top: 16px;
+	 box-shadow: 0px 2px 2px 0px white;
+  	   
+   }
+	
+}	 
+	  
+    </style>
+</head>
+    
+<body>
+ <div style="background-color: gray; border-radius: 25px; padding-left: 20px; padding-bottom: 20px; margin-top: 100px;margin-left: 5%;margin-right: 5%" class="container">
+    
+ <!---heading---->
+     <h1 class="heading" style="text-align: center; font-weight: 1000"> Registration-Form</h1><hr></hr>
+	<!---Form starting----> 
+	<div class="row ">
+	 <!--- For Name---->
+         <div class="col-sm-12">
+             <div class="row form-group">
+			     <div class="col-xs-4">
+          	         <label class="FullName"> Full Name :</label> </div>
+		         <div class="col-xs-8">
+		             <input type="text" name="fname" id="fname" placeholder="Enter your full Name" class="form-control ">
+             </div>
+		      </div>
+		 </div>
+		 
+		 
+         <div class="col-sm-12">
+		     <div class="row form-group">
+			     <div class="col-xs-4">
+                     <label class="StudentID"> Student ID :</label></div>
+				<div class ="col-xs-8">	 
+		             <input type="text" name="lname" id="lname" placeholder="Enter your ID" class="form-control last">
+                </div>
+		     </div>
+		 </div>
+     <!-----For email---->
+		 <div class="col-sm-12">
+		     <div class="row form-group">
+			     <div class="col-xs-4">
+		             <label class="mail" >Email :</label></div>
+			     <div class="col-xs-8"	>	 
+			          <input type="email" name="email"  id="email"placeholder="Enter your email" class="form-control" >
+		         </div>
+		     </div>
+		 </div>
+	 <!-----For Password and confirm password---->
+          <div class="col-sm-12">
+		         <div class="row form-group">
+				     <div class="col-xs-4">
+		 	              <label class="pass">Password :</label></div>
+				  <div class="col-xs-8">
+			             <input type="password" name="password" id="password" placeholder="Enter your Password" class="form-control">
+				 </div>
+          </div>
+		  </div>
+
+		     
+		 	<div class="col-sm-12">
+		     <div class="row form-group">
+			     <div class="col-xs-4">	 
+                     <form>
+                         <p>  <label class="year" > Year:</label></div>
+                             <select>
+                             <option>prepratory</option>
+                                 <option>first year</option>
+                                 <option>second year</option>
+                                 <option>third year</option>
+                                 <option>forth year</option>
+                             </select>
+                         </p>
+                     </form>
+                       </div>
+		     </div>
+     </div>
+    		 	<div class="col-sm-12">
+		     <div class="row form-group">
+			     <div class="col-xs-4">
+                     <form>
+                        <p>  <label class="Department" > Division:</label></div>
+                   <select> \\Electrical divisions
+                             <option>Computer</option>
+                            <option>Communication</option>
+                            <option>Electrical power</option>
+                             \\Mechanical divisions
+                            <option>Mechatronics</option>
+                             <option>Automotive Engineering</option>
+                             <option>Mechanical Power Engineering</option>
+                             <option>Design and Production Engineering</option>
+                            \\civil divisions
+                             <option>Structure Engineering</option>
+                             <option>Public Works</option>
+                             <option>Irrigation of Hydraulics Engineering</option>
+                            \\archeticture divisions
+                             <option>Architecture Engineering</option>
+                            <option>Urban Design and Urban Planning</option>
+                            <option></option>
+                      </\select>
+                         </p>
+                    <div class="col-sm-12">
+     <button type="submit">Submit</button>
+		  </div>
+                 </form>
+
+</div>
+
+</body>		
+</html>
+	 
 	 
\ No newline at end of file
diff --git a/forms page b/prototype/forms page
similarity index 100%
rename from forms page
rename to prototype/forms page
diff --git a/home/student_affairs.html b/prototype/home.html
similarity index 97%
rename from home/student_affairs.html
rename to prototype/home.html
index 4ffb539..a45e796 100644
--- a/home/student_affairs.html
+++ b/prototype/home.html
@@ -1,199 +1,199 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <!-- Required meta tags -->
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-
-    <!-- Bootstrap CSS -->
-    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
-   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">      
-
-    <title>welcome to student affairs</title>
-      <style type="text/css">
-         .smallImge{
-             height: 49px;
-             width: 49px;
-              position: relative;
-         }
-          .Icons_Button{
-              height: 150px;
-              width: 150px;
-              position: relative;
-              float: left;
-          }  
-          .events{
-               height: 300px;
-              width: 300px;
-              position: relative;
-              float: left;
-              background-color:aquamarine; 
-              margin: 100px;
-          }
-          #events{
-              background-color: beige;
-              border: solid;
-          }
-          .buttons{
-             border:solid;
-            background-color: #800000;
-            width: 200px;
-             height: 200px;
-              border-radius: 50%;
-               opacity: 1;
-              
-              
-          }
-          .font_button{
-            color:#FFFAFA; 
-            position: relative;
-              float: inherit;
-               opacity: 1;
-          }
-          #rowstyle{
-              position: relative;
-             margin-top: 15%;
-              margin-left: 15%; 
-              margin-right: 0;
-              
-          }
-          .Request_order{
-              margin-left: 25%;
-              margin-top: 10%;
-              opacity: 1;
-              position: relative;
-              float: left;
-          }
-           .question{
-              margin-left: 50%;
-              margin-top: 0%;
-                opacity: 1 !important ;
-                 position: relative;
-              float: left;
-          }
-           .profile{
-              margin-left: 75%;
-              margin-top: 0px;
-                opacity: 1;
-                 position: relative;
-              float: left;
-          }
-          .navbar{
-              background-color: #800000 !important;
-              height: 50px;
-          }
-          .nav-link{
-              font-weight: 700;
-              font-size: 18px;
-              color: #FFFAFA !important;
-              margin-left: 50px;
-              
-          }
-          .nav-item:hover{
-              cursor: pointer;
-              color: black !important;
-          }
-          .fa:hover{
-              color: black !important; 
-          }
-          #sign{
-            margin-bottom: 30px;  
-          }
-          body {
-              opacity: 1 ;
-    background-image: url("s3.jpg");
-             
-     background-repeat: no-repeat;
-    background-size:100% 100%;
-    height: 750px;    
-    background-position: center;
-    background-attachment: fixed;
-               
-    
-}
-          .bimg{
-              opacity: 1;
-          }
-         .buttons:hover
-          {
-            border-style: inset !important;
-              cursor: pointer;
-          }
-          .nav-link:hover{
-              color: black !important;
-          }
-     </style>
-     
-     
-  </head>
-  <body>
-    <!-- Optional JavaScript -->
-    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
-    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
-    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
-      
-      
-      <div class="bimg">
-    <nav class="navbar navbar-expand-lg navbar-light">
-  <a><img src="studentAfaairs_icon.png" class="smallImge"></a>
-  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
-    <span class="navbar-toggler-icon"></span>
-  </button>
-
-  <div class="collapse navbar-collapse" id="navbarSupportedContent">
-    <ul class="navbar-nav mr-auto">
-      <li class="nav-item active">
-        <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
-      </li>
-     
-      
-         <li class="nav-item">
-        <a class="nav-link" href="#">contact us</a>
-      </li>
-      <li class="nav-item">
-        <a class="nav-link disabled" href="#">about</a>
-      </li>
-    </ul>
-          
-        <form  class="nav-item dropdown">
-            
-        <li class="nav-item" class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-            <div class="dropdown-menu" aria-labelledby="navbarDropdown">
-          <a class="dropdown-item" href="#">Action</a>
-          <a class="dropdown-item" href="#">Another action</a>
-          <div class="dropdown-divider"></div>
-          <a class="dropdown-item" href="#">Something else here</a>
-        </div>
-        <i class="fa fa-bell-o" style="font-size:30px;color:white"></i>
-      </li>
-    </form>
-    <form class="form-inline my-2 my-lg-0">
-        <li class="nav-item">
-        <a class="nav-link disabled" id="sign" href="#"><strong><i>Sign in</i></strong></a>
-      </li>
-    </form>
-  </div>
-</nav>
-<div class="row" id="rowstyle"> 
-<div  class="col-sm" class="Request_order">
-
-<button type="button" class="buttons" onclick="alert('Hello world!')"><h2 class="font_button"><i>Extract paper</i></h2></button></div>
-       
- <div  class="col-sm" class="question">
-
-<button type="button" class="buttons" onclick="alert('Hello world!')"><h2 class="font_button"><i>Questions</i></h2></button></div>
-       
-       
- <div  class="col-sm"  class="profile">
-
-<button type="button" class="buttons" onclick="alert('Hello world!')"><h2 class="font_button"><i>My profile</i></h2></button></div>
-          
-    </div>   
-    
-    </div>
-  </body>
-    
- 
-    
+<!doctype html>
+<html lang="en">
+  <head>
+    <!-- Required meta tags -->
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+    <!-- Bootstrap CSS -->
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
+   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">      
+
+    <title>welcome to student affairs</title>
+      <style type="text/css">
+         .smallImge{
+             height: 49px;
+             width: 49px;
+              position: relative;
+         }
+          .Icons_Button{
+              height: 150px;
+              width: 150px;
+              position: relative;
+              float: left;
+          }  
+          .events{
+               height: 300px;
+              width: 300px;
+              position: relative;
+              float: left;
+              background-color:aquamarine; 
+              margin: 100px;
+          }
+          #events{
+              background-color: beige;
+              border: solid;
+          }
+          .buttons{
+             border:solid;
+            background-color: #800000;
+            width: 200px;
+             height: 200px;
+              border-radius: 50%;
+               opacity: 1;
+              
+              
+          }
+          .font_button{
+            color:#FFFAFA; 
+            position: relative;
+              float: inherit;
+               opacity: 1;
+          }
+          #rowstyle{
+              position: relative;
+             margin-top: 15%;
+              margin-left: 15%; 
+              margin-right: 0;
+              
+          }
+          .Request_order{
+              margin-left: 25%;
+              margin-top: 10%;
+              opacity: 1;
+              position: relative;
+              float: left;
+          }
+           .question{
+              margin-left: 50%;
+              margin-top: 0%;
+                opacity: 1 !important ;
+                 position: relative;
+              float: left;
+          }
+           .profile{
+              margin-left: 75%;
+              margin-top: 0px;
+                opacity: 1;
+                 position: relative;
+              float: left;
+          }
+          .navbar{
+              background-color: #800000 !important;
+              height: 50px;
+          }
+          .nav-link{
+              font-weight: 700;
+              font-size: 18px;
+              color: #FFFAFA !important;
+              margin-left: 50px;
+              
+          }
+          .nav-item:hover{
+              cursor: pointer;
+              color: black !important;
+          }
+          .fa:hover{
+              color: black !important; 
+          }
+          #sign{
+            margin-bottom: 30px;  
+          }
+          body {
+              opacity: 1 ;
+    background-image: url("s3.jpg");
+             
+     background-repeat: no-repeat;
+    background-size:100% 100%;
+    height: 750px;    
+    background-position: center;
+    background-attachment: fixed;
+               
+    
+}
+          .bimg{
+              opacity: 1;
+          }
+         .buttons:hover
+          {
+            border-style: inset !important;
+              cursor: pointer;
+          }
+          .nav-link:hover{
+              color: black !important;
+          }
+     </style>
+     
+     
+  </head>
+  <body>
+    <!-- Optional JavaScript -->
+    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
+    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
+    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
+      
+      
+      <div class="bimg">
+    <nav class="navbar navbar-expand-lg navbar-light">
+  <a><img src="studentAfaairs_icon.png" class="smallImge"></a>
+  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+    <span class="navbar-toggler-icon"></span>
+  </button>
+
+  <div class="collapse navbar-collapse" id="navbarSupportedContent">
+    <ul class="navbar-nav mr-auto">
+      <li class="nav-item active">
+        <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
+      </li>
+     
+      
+         <li class="nav-item">
+        <a class="nav-link" href="#">contact us</a>
+      </li>
+      <li class="nav-item">
+        <a class="nav-link disabled" href="#">about</a>
+      </li>
+    </ul>
+          
+        <form  class="nav-item dropdown">
+            
+        <li class="nav-item" class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+            <div class="dropdown-menu" aria-labelledby="navbarDropdown">
+          <a class="dropdown-item" href="#">Action</a>
+          <a class="dropdown-item" href="#">Another action</a>
+          <div class="dropdown-divider"></div>
+          <a class="dropdown-item" href="#">Something else here</a>
+        </div>
+        <i class="fa fa-bell-o" style="font-size:30px;color:white"></i>
+      </li>
+    </form>
+    <form class="form-inline my-2 my-lg-0">
+        <li class="nav-item">
+        <a class="nav-link disabled" id="sign" href="#"><strong><i>Sign in</i></strong></a>
+      </li>
+    </form>
+  </div>
+</nav>
+<div class="row" id="rowstyle"> 
+<div  class="col-sm" class="Request_order">
+
+<button type="button" class="buttons" onclick="alert('Hello world!')"><h2 class="font_button"><i>Extract paper</i></h2></button></div>
+       
+ <div  class="col-sm" class="question">
+
+<button type="button" class="buttons" onclick="alert('Hello world!')"><h2 class="font_button"><i>Questions</i></h2></button></div>
+       
+       
+ <div  class="col-sm"  class="profile">
+
+<button type="button" class="buttons" onclick="alert('Hello world!')"><h2 class="font_button"><i>My profile</i></h2></button></div>
+          
+    </div>   
+    
+    </div>
+  </body>
+    
+ 
+    
 </html>
\ No newline at end of file
diff --git a/userprofile/profile.html b/prototype/profile.html
similarity index 96%
rename from userprofile/profile.html
rename to prototype/profile.html
index 560dcb1..edafce3 100644
--- a/userprofile/profile.html
+++ b/prototype/profile.html
@@ -1,396 +1,396 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <!-- Required meta tags -->
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-
-    <!-- Bootstrap CSS -->
-    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
-   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> 
-   <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
-<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>  
-<link rel="stylesheet" type="text/css" href="style.css">   
-
-    <title>welcome to student affairs</title>
-      <style type="text/css">
-         .smallImge{
-             height: 49px;
-             width: 49px;
-              position: relative;
-         }
-          .Icons_Button{
-              height: 150px;
-              width: 150px;
-              position: relative;
-              float: left;
-          }  
-          .events{
-               height: 300px;
-              width: 300px;
-              position: relative;
-              float: left;
-              background-color:aquamarine; 
-              margin: 100px;
-          }
-          #events{
-              background-color: beige;
-              border: solid;
-          }
-          .buttons{
-             border:solid;
-            background-color: #800000;
-            width: 200px;
-             height: 200px;
-              border-radius: 50%;
-               opacity: 1;
-              
-              
-          }
-          .font_button{
-            color:#FFFAFA; 
-            position: relative;
-              float: inherit;
-               opacity: 1;
-          }
-          #rowstyle{
-              position: relative;
-             margin-top: 15%;
-              margin-left: 15%; 
-              margin-right: 0;
-              
-          }
-          .Request_order{
-              margin-left: 25%;
-              margin-top: 10%;
-              opacity: 1;
-              position: relative;
-              float: left;
-          }
-           .question{
-              margin-left: 50%;
-              margin-top: 0%;
-                opacity: 1 !important ;
-                 position: relative;
-              float: left;
-          }
-           .profile{
-              margin-left: 75%;
-              margin-top: 0px;
-                opacity: 1;
-                 position: relative;
-              float: left;
-          }
-          .navbar{
-              background-color: #800000 !important;
-              height: 50px;
-          }
-          .nav-link{
-              font-weight: 700;
-              font-size: 18px;
-              color: #FFFAFA !important;
-              margin-left: 50px;
-              
-          }
-          .nav-item:hover{
-              cursor: pointer;
-              color: black !important;
-          }
-          .fa:hover{
-              color: black !important; 
-          }
-          #sign{
-            margin-bottom: 30px;  
-          }
-          .container{
-  font-family:Roboto,sans-serif;
-    background:gray !important;    
-    border-radius: 25px;
-    padding-left: 20px;
-     border-style: 1px solid gray;
-     margin: 0 auto;
-     text-align: center;
-     opacity: 0.8;
-     margin-top: 67px;
-   box-shadow: 2px 5px 5px 0px #eee;
-     max-width: 500px;
-     padding-top: 10px;
-     height: 400px;
-     margin-top: 166px;
-}
-/*--- for label of year---*/
-        .year{
-     margin-left: 1px;
-     font-family: sans-serif;
-     font-size: 14px;
-     color: white;
-     margin-top: 10px;
-
-        }
-                /*--- for label of department---*/
-
-        .Department{
-     margin-left: -10px;
-     font-family: sans-serif;
-     font-size: 14px;
-     color: white;
-     margin-top: 10px;
-
-        }
-                /*--- for label of Student ID---*/
-.container{
-  font-family:Roboto,sans-serif;
-    background:gray !important;    
-    border-radius: 25px;
-    padding-left: 20px;
-     border-style: 1px solid gray;
-     margin: 0 auto;
-     text-align: center;
-     opacity: 0.8;
-     margin-top: 67px;
-   box-shadow: 2px 5px 5px 0px #eee;
-     max-width: 500px;
-     padding-top: 10px;
-     height: 400px;
-     margin-top: 166px;
-}
-.StudentID{
-   margin-left: 1px;s
-     font-family: sans-serif;
-     font-size: 14px;
-     color: white;
-     margin-top: 10px;
-}
-        /*--- for label of Full name---*/
-.FullName{
-   margin-left: 1px;
-     font-family: sans-serif;
-     font-size: 14px;
-     color: white;
-     margin-top: 5px;
-}
-#lname{
-   margin-top:5px;
-}
-    
-
-/*---for heading-----*/
-.heading{
-   text-decoration:bold;
-   text-align : left;
-   font-size:30px;
-   color:#F96;
-   padding-top:10px;
-}
-        label
-        {
-            display: block;
-            width: 100px;
-                        font-family: Impact, fantasy !important;
-            font-size: 20px !important;
-            font-weight: 500 !important;
-
-        }
-/*-------for email----------*/
-  /*------label----*/
-#email{
-    margin-top: 5px;
-}
-/*-----------for Password--------*/
-     /*-------label-----*/
-.mail{
-     font-family: sans-serif;
-     color: white;
-     font-size: 14px;
-     margin-top: 13px;
-}
-.pass{
-   color: white;
-     margin-top: 9px;
-     font-size: 14px;
-     font-family: sans-serif;
-     margin-top: 9px;
-}
-#password{
- margin-top: 6px;
-}
-      /*----------label--------*/
-.pno{
-   font-size: 18px;
-     margin-left: -13px;
-     margin-top: 10px;
-     color: #ff9;
-  
-} 
-
-     /*--------------label---------*/
-
-/*------------For submit button---------*/
-.sbutton{
-   color: white;
-     font-size: 20px;
-     border: 1px solid white;
-     background-color: #080808;
-     width: 32%;
-     margin-left: 41%;
-     margin-top: 16px;
-   box-shadow: 0px 2px 2px 0px white;
-       
-   }
-          body {
-              opacity: 1 ;
-    background-image: url("s3.jpg");
-    background-color:rgba(0,0,0,0.9);
-             
-     background-repeat: no-repeat;
-    background-size:100% 100%;
-    height: 750px;    
-    background-position: center;
-    background-attachment: fixed;
-               
-    
-}
-          .bimg{
-              opacity: 1;
-          }
-         .buttons:hover
-          {
-            border-style: inset !important;
-              cursor: pointer;
-          }
-          .nav-link:hover{
-              color: black !important;
-          }
-     </style>
-     
-     
-  </head>
-  <body>
-    <!-- Optional JavaScript -->
-    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
-    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
-    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
-      
-      
-      <div class="bimg">
-    <nav class="navbar navbar-expand-lg navbar-light">
-  <a><img src="studentAfaairs_icon.png" class="smallImge"></a>
-  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
-    <span class="navbar-toggler-icon"></span>
-  </button>
-
-  <div class="collapse navbar-collapse" id="navbarSupportedContent">
-    <ul class="navbar-nav mr-auto">
-      <li class="nav-item active">
-        <a class="nav-link" href="#">Home</a>
-      </li>
-      <li class="nav-item">
-        <a class="nav-link" href="#">Profile <span class="sr-only">(current)</span></a>
-      </li>
-     
-      
-         <li class="nav-item">
-        <a class="nav-link" href="#">contact us</a>
-      </li>
-      <li class="nav-item">
-        <a class="nav-link disabled" href="#">about</a>
-      </li>
-    </ul>
-          
-        <form  class="nav-item dropdown">
-            
-        <li class="nav-item" class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-            <div class="dropdown-menu" aria-labelledby="navbarDropdown">
-          <a class="dropdown-item" href="#">Action</a>
-          <a class="dropdown-item" href="#">Another action</a>
-          <div class="dropdown-divider"></div>
-          <a class="dropdown-item" href="#">Something else here</a>
-        </div>
-        <i class="fa fa-bell-o" style="font-size:30px;color:white"></i>
-      </li>
-    </form>
-    <form class="form-inline my-2 my-lg-0">
-        <li class="nav-item">
-        <a class="nav-link disabled" id="sign" href="#"><strong><i>Sign out</i></strong></a>
-      </li>
-    </form>
-  </div>
-</nav> 
-<br>
-<br>
-<br>
-<br>
- <div style="background-color: gray; border-radius: 25px; padding-left: 20px; padding-bottom: 20px; margin-top: 100px;margin-left: 5%;margin-right: 5%" class="container">
-    
- <!---heading---->
-     <h1 class="heading" style="text-align: center; font-weight: 1000"> USER PROFILE</h1><hr></hr>
-  <!---Form starting----> 
-  <div class="row ">
-   <!--- For Name---->
-         <div class="col-sm-12">
-             <div class="row form-group">
-           <div class="col-xs-4">
-                     <label class="FullName"> Name :</label> </div>
-             <div class="col-xs-8">
-              <label class="FullName"> Salma Diaa:</label> </div>
-                 
-             </div>
-          </div>
-     </div>
-     <div class="row ">
-   <!--- For Name---->
-         <div class="col-sm-12">
-             <div class="row form-group">
-           <div class="col-xs-4">
-                     <label class="FullName"> Year:</label> </div>
-             <div class="col-xs-8">
-              <label class="FullName"> First Year</label> </div>
-                 
-             </div>
-          </div>
-     </div>
-     <div class="row ">
-   <!--- For Name---->
-         <div class="col-sm-12">
-             <div class="row form-group">
-           <div class="col-xs-4">
-                     <label class="FullName"> Department:</label> </div>
-             <div class="col-xs-8">
-              <label class="FullName"> Electrical</label> </div>
-                 
-             </div>
-          </div>
-     </div>
-     <div class="row ">
-   <!--- For Name---->
-         <div class="col-sm-12">
-             <div class="row form-group">
-           <div class="col-xs-4">
-                     <label class="FullName"> Email:</label> </div>
-             <div class="col-xs-8">
-              <label class="FullName"> Salma_diaa97@yahoo.com</label> </div>
-                 
-             </div>
-          </div>
-        </div>
-          <div class="row ">
-         <div class="col-sm-12">
-             <div class="row form-group">
-           <div class="col-xs-4">
-                     <label class="FullName"> Phone Number :</label> </div>
-             <div class="col-xs-8">
-              <label class="FullName"> 1111111111111</label> </div>
-                 
-             </div>
-          </div>
-     </div>
-                    <div class="col-sm-12">
-     <button type="submit">Submit</button>
-      </div>
-                 </form>
-
-</div>
-</body>
+<!doctype html>
+<html lang="en">
+  <head>
+    <!-- Required meta tags -->
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+    <!-- Bootstrap CSS -->
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
+   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> 
+   <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
+<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>  
+<link rel="stylesheet" type="text/css" href="style.css">   
+
+    <title>welcome to student affairs</title>
+      <style type="text/css">
+         .smallImge{
+             height: 49px;
+             width: 49px;
+              position: relative;
+         }
+          .Icons_Button{
+              height: 150px;
+              width: 150px;
+              position: relative;
+              float: left;
+          }  
+          .events{
+               height: 300px;
+              width: 300px;
+              position: relative;
+              float: left;
+              background-color:aquamarine; 
+              margin: 100px;
+          }
+          #events{
+              background-color: beige;
+              border: solid;
+          }
+          .buttons{
+             border:solid;
+            background-color: #800000;
+            width: 200px;
+             height: 200px;
+              border-radius: 50%;
+               opacity: 1;
+              
+              
+          }
+          .font_button{
+            color:#FFFAFA; 
+            position: relative;
+              float: inherit;
+               opacity: 1;
+          }
+          #rowstyle{
+              position: relative;
+             margin-top: 15%;
+              margin-left: 15%; 
+              margin-right: 0;
+              
+          }
+          .Request_order{
+              margin-left: 25%;
+              margin-top: 10%;
+              opacity: 1;
+              position: relative;
+              float: left;
+          }
+           .question{
+              margin-left: 50%;
+              margin-top: 0%;
+                opacity: 1 !important ;
+                 position: relative;
+              float: left;
+          }
+           .profile{
+              margin-left: 75%;
+              margin-top: 0px;
+                opacity: 1;
+                 position: relative;
+              float: left;
+          }
+          .navbar{
+              background-color: #800000 !important;
+              height: 50px;
+          }
+          .nav-link{
+              font-weight: 700;
+              font-size: 18px;
+              color: #FFFAFA !important;
+              margin-left: 50px;
+              
+          }
+          .nav-item:hover{
+              cursor: pointer;
+              color: black !important;
+          }
+          .fa:hover{
+              color: black !important; 
+          }
+          #sign{
+            margin-bottom: 30px;  
+          }
+          .container{
+  font-family:Roboto,sans-serif;
+    background:gray !important;    
+    border-radius: 25px;
+    padding-left: 20px;
+     border-style: 1px solid gray;
+     margin: 0 auto;
+     text-align: center;
+     opacity: 0.8;
+     margin-top: 67px;
+   box-shadow: 2px 5px 5px 0px #eee;
+     max-width: 500px;
+     padding-top: 10px;
+     height: 400px;
+     margin-top: 166px;
+}
+/*--- for label of year---*/
+        .year{
+     margin-left: 1px;
+     font-family: sans-serif;
+     font-size: 14px;
+     color: white;
+     margin-top: 10px;
+
+        }
+                /*--- for label of department---*/
+
+        .Department{
+     margin-left: -10px;
+     font-family: sans-serif;
+     font-size: 14px;
+     color: white;
+     margin-top: 10px;
+
+        }
+                /*--- for label of Student ID---*/
+.container{
+  font-family:Roboto,sans-serif;
+    background:gray !important;    
+    border-radius: 25px;
+    padding-left: 20px;
+     border-style: 1px solid gray;
+     margin: 0 auto;
+     text-align: center;
+     opacity: 0.8;
+     margin-top: 67px;
+   box-shadow: 2px 5px 5px 0px #eee;
+     max-width: 500px;
+     padding-top: 10px;
+     height: 400px;
+     margin-top: 166px;
+}
+.StudentID{
+   margin-left: 1px;s
+     font-family: sans-serif;
+     font-size: 14px;
+     color: white;
+     margin-top: 10px;
+}
+        /*--- for label of Full name---*/
+.FullName{
+   margin-left: 1px;
+     font-family: sans-serif;
+     font-size: 14px;
+     color: white;
+     margin-top: 5px;
+}
+#lname{
+   margin-top:5px;
+}
+    
+
+/*---for heading-----*/
+.heading{
+   text-decoration:bold;
+   text-align : left;
+   font-size:30px;
+   color:#F96;
+   padding-top:10px;
+}
+        label
+        {
+            display: block;
+            width: 100px;
+                        font-family: Impact, fantasy !important;
+            font-size: 20px !important;
+            font-weight: 500 !important;
+
+        }
+/*-------for email----------*/
+  /*------label----*/
+#email{
+    margin-top: 5px;
+}
+/*-----------for Password--------*/
+     /*-------label-----*/
+.mail{
+     font-family: sans-serif;
+     color: white;
+     font-size: 14px;
+     margin-top: 13px;
+}
+.pass{
+   color: white;
+     margin-top: 9px;
+     font-size: 14px;
+     font-family: sans-serif;
+     margin-top: 9px;
+}
+#password{
+ margin-top: 6px;
+}
+      /*----------label--------*/
+.pno{
+   font-size: 18px;
+     margin-left: -13px;
+     margin-top: 10px;
+     color: #ff9;
+  
+} 
+
+     /*--------------label---------*/
+
+/*------------For submit button---------*/
+.sbutton{
+   color: white;
+     font-size: 20px;
+     border: 1px solid white;
+     background-color: #080808;
+     width: 32%;
+     margin-left: 41%;
+     margin-top: 16px;
+   box-shadow: 0px 2px 2px 0px white;
+       
+   }
+          body {
+              opacity: 1 ;
+    background-image: url("s3.jpg");
+    background-color:rgba(0,0,0,0.9);
+             
+     background-repeat: no-repeat;
+    background-size:100% 100%;
+    height: 750px;    
+    background-position: center;
+    background-attachment: fixed;
+               
+    
+}
+          .bimg{
+              opacity: 1;
+          }
+         .buttons:hover
+          {
+            border-style: inset !important;
+              cursor: pointer;
+          }
+          .nav-link:hover{
+              color: black !important;
+          }
+     </style>
+     
+     
+  </head>
+  <body>
+    <!-- Optional JavaScript -->
+    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
+    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
+    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
+      
+      
+      <div class="bimg">
+    <nav class="navbar navbar-expand-lg navbar-light">
+  <a><img src="studentAfaairs_icon.png" class="smallImge"></a>
+  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+    <span class="navbar-toggler-icon"></span>
+  </button>
+
+  <div class="collapse navbar-collapse" id="navbarSupportedContent">
+    <ul class="navbar-nav mr-auto">
+      <li class="nav-item active">
+        <a class="nav-link" href="#">Home</a>
+      </li>
+      <li class="nav-item">
+        <a class="nav-link" href="#">Profile <span class="sr-only">(current)</span></a>
+      </li>
+     
+      
+         <li class="nav-item">
+        <a class="nav-link" href="#">contact us</a>
+      </li>
+      <li class="nav-item">
+        <a class="nav-link disabled" href="#">about</a>
+      </li>
+    </ul>
+          
+        <form  class="nav-item dropdown">
+            
+        <li class="nav-item" class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+            <div class="dropdown-menu" aria-labelledby="navbarDropdown">
+          <a class="dropdown-item" href="#">Action</a>
+          <a class="dropdown-item" href="#">Another action</a>
+          <div class="dropdown-divider"></div>
+          <a class="dropdown-item" href="#">Something else here</a>
+        </div>
+        <i class="fa fa-bell-o" style="font-size:30px;color:white"></i>
+      </li>
+    </form>
+    <form class="form-inline my-2 my-lg-0">
+        <li class="nav-item">
+        <a class="nav-link disabled" id="sign" href="#"><strong><i>Sign out</i></strong></a>
+      </li>
+    </form>
+  </div>
+</nav> 
+<br>
+<br>
+<br>
+<br>
+ <div style="background-color: gray; border-radius: 25px; padding-left: 20px; padding-bottom: 20px; margin-top: 100px;margin-left: 5%;margin-right: 5%" class="container">
+    
+ <!---heading---->
+     <h1 class="heading" style="text-align: center; font-weight: 1000"> USER PROFILE</h1><hr></hr>
+  <!---Form starting----> 
+  <div class="row ">
+   <!--- For Name---->
+         <div class="col-sm-12">
+             <div class="row form-group">
+           <div class="col-xs-4">
+                     <label class="FullName"> Name :</label> </div>
+             <div class="col-xs-8">
+              <label class="FullName"> Salma Diaa:</label> </div>
+                 
+             </div>
+          </div>
+     </div>
+     <div class="row ">
+   <!--- For Name---->
+         <div class="col-sm-12">
+             <div class="row form-group">
+           <div class="col-xs-4">
+                     <label class="FullName"> Year:</label> </div>
+             <div class="col-xs-8">
+              <label class="FullName"> First Year</label> </div>
+                 
+             </div>
+          </div>
+     </div>
+     <div class="row ">
+   <!--- For Name---->
+         <div class="col-sm-12">
+             <div class="row form-group">
+           <div class="col-xs-4">
+                     <label class="FullName"> Department:</label> </div>
+             <div class="col-xs-8">
+              <label class="FullName"> Electrical</label> </div>
+                 
+             </div>
+          </div>
+     </div>
+     <div class="row ">
+   <!--- For Name---->
+         <div class="col-sm-12">
+             <div class="row form-group">
+           <div class="col-xs-4">
+                     <label class="FullName"> Email:</label> </div>
+             <div class="col-xs-8">
+              <label class="FullName"> Salma_diaa97@yahoo.com</label> </div>
+                 
+             </div>
+          </div>
+        </div>
+          <div class="row ">
+         <div class="col-sm-12">
+             <div class="row form-group">
+           <div class="col-xs-4">
+                     <label class="FullName"> Phone Number :</label> </div>
+             <div class="col-xs-8">
+              <label class="FullName"> 1111111111111</label> </div>
+                 
+             </div>
+          </div>
+     </div>
+                    <div class="col-sm-12">
+     <button type="submit">Submit</button>
+      </div>
+                 </form>
+
+</div>
+</body>
 </html>
\ No newline at end of file
diff --git a/prototype-FAQs b/prototype/prototype-FAQs
similarity index 100%
rename from prototype-FAQs
rename to prototype/prototype-FAQs
diff --git a/home/s3.jpg b/prototype/s3.jpg
similarity index 100%
rename from home/s3.jpg
rename to prototype/s3.jpg
diff --git a/home/studentAfaairs_icon.png b/prototype/studentAfaairs_icon.png
similarity index 100%
rename from home/studentAfaairs_icon.png
rename to prototype/studentAfaairs_icon.png
diff --git a/userprofile/work.jpg b/prototype/work.jpg
similarity index 100%
rename from userprofile/work.jpg
rename to prototype/work.jpg
diff --git a/student_affairs.html b/student_affairs.html
deleted file mode 100644
index 10bfaa8..0000000
--- a/student_affairs.html
+++ /dev/null
@@ -1,198 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <!-- Required meta tags -->
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-
-    <!-- Bootstrap CSS -->
-    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
-   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">      
-
-    <title>welcome to student affairs</title>
-      <style type="text/css">
-         .smallImge{
-             height: 60px;
-             width: 60px;
-              position: relative;
-         }
-          .Icons_Button{
-              height: 150px;
-              width: 150px;
-              position: relative;
-              float: left;
-          }  
-          .events{
-               height: 300px;
-              width: 300px;
-              position: relative;
-              float: left;
-              background-color:aquamarine; 
-              margin: 100px;
-          }
-          #events{
-              background-color: beige;
-              border: solid;
-          }
-          .buttons{
-             border:solid;
-            background-color: #800000;
-            width: 200px;
-             height: 200px;
-              border-radius: 50%;
-               opacity: 1;
-              
-              
-          }
-          .font_button{
-            color:#FFFAFA; 
-            position: relative;
-              float: inherit;
-               opacity: 1;
-          }
-          #rowstyle{
-              position: relative;
-             margin-top: 15%;
-              margin-left: 15%; 
-              
-          }
-          .Request_order{
-              margin-left: 25%;
-              margin-top: 10%;
-              opacity: 1;
-              position: relative;
-              float: left;
-          }
-           .question{
-              margin-left: 50%;
-              margin-top: 0%;
-                opacity: 1 !important ;
-                 position: relative;
-              float: left;
-          }
-           .profile{
-              margin-left: 75%;
-              margin-top: 0px;
-                opacity: 1;
-                 position: relative;
-              float: left;
-          }
-          .navbar{
-              background-color: #800000 !important;
-              height: 75px;
-          }
-          .nav-link{
-              font-weight: 700;
-              font-size: 25px;
-              color: #FFFAFA !important;
-              margin-left: 50px;
-              
-          }
-          .nav-item:hover{
-              cursor: pointer;
-              color: black !important;
-          }
-          .fa:hover{
-              color: black !important; 
-          }
-          #sign{
-            margin-bottom: 30px;  
-          }
-          body {
-              opacity: 1 ;
-    background-image: url("s3.jpg");
-             
-     background-repeat: no-repeat;
-    background-size:100% 100%;
-    height: 750px;    
-    background-position: center;
-    background-attachment: fixed;
-               
-    
-}
-          .bimg{
-              opacity: 1;
-          }
-         .buttons:hover
-          {
-            border-style: inset !important;
-              cursor: pointer;
-          }
-          .nav-link:hover{
-              color: black !important;
-          }
-     </style>
-     
-     
-  </head>
-  <body>
-    <!-- Optional JavaScript -->
-    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
-    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
-    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
-      
-      
-      <div class="bimg">
-    <nav class="navbar navbar-expand-lg navbar-light">
-  <a><img src="studentAfaairs_icon.png" class="smallImge"></a>
-  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
-    <span class="navbar-toggler-icon"></span>
-  </button>
-
-  <div class="collapse navbar-collapse" id="navbarSupportedContent">
-    <ul class="navbar-nav mr-auto">
-      <li class="nav-item active">
-        <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
-      </li>
-     
-      
-         <li class="nav-item">
-        <a class="nav-link" href="#">contact us</a>
-      </li>
-      <li class="nav-item">
-        <a class="nav-link disabled" href="#">about</a>
-      </li>
-    </ul>
-          
-        <form  class="nav-item dropdown">
-            
-        <li class="nav-item" class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-            <div class="dropdown-menu" aria-labelledby="navbarDropdown">
-          <a class="dropdown-item" href="#">Action</a>
-          <a class="dropdown-item" href="#">Another action</a>
-          <div class="dropdown-divider"></div>
-          <a class="dropdown-item" href="#">Something else here</a>
-        </div>
-        <i class="fa fa-bell-o" style="font-size:30px;color:white"></i>
-      </li>
-    </form>
-    <form class="form-inline my-2 my-lg-0">
-        <li class="nav-item">
-        <a class="nav-link disabled" id="sign" href="#"><strong><i>Sign in</i></strong></a>
-      </li>
-    </form>
-  </div>
-</nav>
-<div class="row" id="rowstyle"> 
-<div  class="col-sm" class="Request_order">
-
-<button type="button" class="buttons" onclick="alert('Hello world!')"><h2 class="font_button"><i>Extract paper</i></h2></button></div>
-       
- <div  class="col-sm" class="question">
-
-<button type="button" class="buttons" onclick="alert('Hello world!')"><h2 class="font_button"><i>Questions</i></h2></button></div>
-       
-       
- <div  class="col-sm"  class="profile">
-
-<button type="button" class="buttons" onclick="alert('Hello world!')"><h2 class="font_button"><i>My profile</i></h2></button></div>
-          
-    </div>   
-    
-    </div>
-  </body>
-    
- 
-    
-</html>
\ No newline at end of file
diff --git a/userprofile/s3.jpg b/userprofile/s3.jpg
deleted file mode 100644
index ce0805f..0000000
Binary files a/userprofile/s3.jpg and /dev/null differ
diff --git a/userprofile/studentAfaairs_icon.png b/userprofile/studentAfaairs_icon.png
deleted file mode 100644
index 9ad159f..0000000
Binary files a/userprofile/studentAfaairs_icon.png and /dev/null differ
