I want to used the modal class to display new user register but it didnt work here is my code.

See more:

PHP

bootstrap

<title>
			Index
		
				
				
	
	
	
		.shape{
			border-radius:15px 30px 15px 30px; 
			border: 1px solid black;
			}
			
			
		.a1:hover{text-decoration:none; font-size:20px; color:black;  }
			
		.a1{text-decoration:none; font-size:20px; color:black;}
		
		.a2:hover{text-decoration:none; font-size:22px; color:black; }
			
		.a2{text-decoration:none; font-size:22px; color:black;}
		
		
		
		
	

	
		<div class="container">
			<div class="row">
				<div class="col-md-12 col-lg-12">
					
					<div class="row">
						<div class="col-lg-12 col-md-12 ">
						<br><br>
						</div>
					</div>
					
						<br>
					
					<div class="row">
						
						<div class="col-md-3 col-lg-3">
						</div>

							<div class="col-md-6 col-lg-6" style="box-shadow: (10px 10px 10px 10px)">
									<div class="row">
										<div class="col-lg-12 col-md-12" align="center" style="font-family: tahoma; font-size: 18px; color: red">
											Wellcome To Student Login Page!!! 										</div>
									</div>
									<br>
									
										
										<div class="row" style="font-family: tahoma; font-size: 16px; color: black">
											<div class="col-md-4">
											First_Name
											</div>
											
											<div class="col-lg-8 col-md-8">
											
											</div>
										</div>
										<br>	
										<div class="row" style="font-family: tahoma; font-size: 16px; color: black">
											<div class="col-md-4">
											Phone_Number
											</div>
											
											<div class="col-lg-8 col-md-8">
											
											</div>
										</div>
										<br>
										<div class="row">
											<div class="col-lg-6 col-md-6" style="font-family: tahoma; font-size: 18px; color: black" align="center">
												
											</div>
											<div class="col-lg-6 col-md-6">
										 Register  
											</div>
										</div>
								
							
							</div>

						<div class="col-md-3 col-lg-3">
						</div>
						
					
					<div class="col-md-2 col-lg-2">
					</div>
				</div>
							
						</div>
					</div>
					<br><br><br>
					<div class="row">
						<div class="col-lg-12 col-md-12" style="width: 100%; height: 6%; text-align: center; color: white; font-size: 20px; font-family: arial">
						Alright Resserved @2020
						</div>
					</div>
					
				</div>   
				   
				
				<div class="modal fade" id="mymodal">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					Hello My Testing Modal  <span data-dismiss="modal"> X </span>
				</div>
				
			<div class="modal-body">
				<br><br><br><br>
			</div>
				
			<div class="modal-footer">
			  Close
       
			</div>
			
			</div>
		
		</div>
	
	</div>

What I have tried:

Im new in using Modal class Please i want to used modal for new User to Register but instead modal appear it will redirecte me to my submit form here is my entire code thank you