index.html

<!DOCTYPE html>
<html>
<head>
	<link rel='stylesheet' 	href='code.css'>
	<link rel="stylesheet" href="style_git.css">
	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css">
	<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
	<title>CGPA Calculator</title>
	
	<!..Added a favicon-->

     <link rel="icon" href="favicon.jpg" sizes="16x16"/>

	<nav class="navbar navbar-light bg-light">
		<a class='navbar-brand' href='#'><i class="fa fa-calculator fa-2x"></i></a>
		<span class="nav-title mr-auto mb-0 h1">Cgpa  Calculator</span>
	</nav>
</head>
<body>
<form class='First-Form container' name="PresentCG">
<div class="row">
<div class="col-8 col-sm-8 col-md-6 col-lg-5 col-xl-4 First-Form-Border mx-auto mt-5 mb-5">	
	<div class='row justify-content-center mt-4 mb-1'>
		<div class='col-10 text_size'>Current CGPA:</div>
	</div>			 
	<div class='row justify-content-center mb-4'>
		<div class='col-10'><input type="number" step="any" name="current_cg" id="current_cg" min="0"></div>
	</div>
	<div class='row justify-content-center mb-1'>
		<div class='col-10 text_size'>Total Credits Cleared:</div>
	</div>	
	<div class='row justify-content-center mb-4'>
		<div class='col-10'> <input type="number" name="tpastcredits" id="tpastcredits" min="0"></div>
	</div>
</div>	
</div>
</form>
	<form class='container mb-4' name="Sub">
	<div class="row justify-content-center">
	<div class="white-color"><label>Enter The No. of Subject(s)<br><span>(After entering the number of subjects, click <u style="color:#4CAF50;cursor:pointer;">here</u>)</span></label></div>
	<input type='number' name='Subject' id='Subject' min='0' height='10' onchange ="AddSubject(this)">
	</div>
</form> <center>
	<form class='container' name="Expected">
		<div class="col-12 col-md-9 col-lg-7 col-xl-6 Second-Form">
		          <table class="subjects">
				  <tr class="heading">
				    <th></th>
				    <th id="Grade" style="visibility: hidden;">Gradepoint</th>
				    <th id="Credit" style="visibility: hidden;">Credit</th>
				  </tr>
				  <tr>
						<td id='First' class="subject">
			
						</td>
						<td id='Second' class="grade">
			
						</td>
						<td id='Third' class="credit">
			
						</td>
					</tr>
				  
				</table>
		</div>
	<form> </form>
		<input class='btn btn-outline-success mt-3 mb-5' id="submit_button" type="Submit" name="Submit!" onclick="cg()">
	</form>
		<div class="container">
		<a href='gpa1.html' target="_blank"><button class="gpa_button">10 to 4 GPA Converter</button></a>
	</div>
	<script src='code.js' type="text/javascript"> 
	</script>
</body>
</html>