forked from ayushyadav2001/Student-managemet
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
116 lines (99 loc) · 4.09 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Student Mangement</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<div class="nav-bar">
<div class="left-side">
<h4>Student Management</h4>
</div>
<div class="right-side">
<ul>
<li><a href="#student">Add Students</a> </li>
<li><a href="#sum">Addition</a></li>
<li><a href="#about">About us</a></li>
</ul>
</div>
</div>
</header>
<section class="Hero-section">
<img class="banner-image" src="https://www.webhopers.com/wp-content/uploads/2020/04/School-Management-Software-Development-Company-in-India-1200x480.jpg" alt="">
</section>
<!-- bout Us Section -->
<section class="about-us" id="about">
<div class="about">
<img src="./img/ayush.jpg" class="pic">
<div class="text">
<h2>About Us</h2>
<h5>Front-end Developer & <span>Designer</span></h5>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Expedita natus ad sed harum itaque ullam enim quas, veniam accusantium, quia animi id eos adipisci iusto molestias asperiores explicabo cum vero atque amet corporis! Soluta illum facere consequuntur magni. Ullam dolorem repudiandae cumque voluptate consequatur consectetur, eos provident necessitatibus reiciendis corrupti!</p>
<div class="data">
<a href="#" class="hire">Hire Me</a>
</div>
</div>
</div>
</section>
<br>
<!-- Sum of Two Number -->
<section id="sum">
<div class="calc" id="calculator">
<div class="cal-input">
<h2>Addition of Two Number</h2>
<input type="text" class="num1" id="num1" placeholder="Enter first Number"><br>
<input type="text" class="num2" id="num2" placeholder="Enter second Number">
<button class="hire addbtn" id="btnAdd" onclick="add()">Add</button>
<br>
<div id="resultDiv" style="display:none;"> <span> Result is:</span> <span id="resultSpan"></span></div>
<!-- <br><span class="result" >Result</span> -->
</div>
</div>
</section>
<br>
<!-- Add Students -->
<section id="student" class="sec-2">
<div class="student">
<div id="warning" style="display:none; color: #fff; background-color: #4070f4; padding: 10px;"></div>
<br>
<div class="stInput">
<input type="hidden" id="rowNum">
<input class="num3" type="text" id="st_name" placeholder="Enter your Name">
<input class="num3" type="text" id="st_rollNum" placeholder="Enter your Roll Number">
<input class="num3" type="text" id="st_branch" placeholder="Enter your Branch">
<input class="num3" type="text" id="st_collegeName" placeholder="Enter your College Name">
<br>
<button class="hire" id="btnAddEmp" onclick="addSt()">Add Student</button>
<button class="hire" id="btnUpdateSt" onclick="updateSt()" style="display: none;">Update Student</button>
<button class="hire" id="btnResetSt" onclick="reset()" style="display: none;">Reset</button>
<button class="hire" id="btnAllEmp" onclick="showAllSt()" >Show All Student</button>
</div>
<br>
<div class="table" id="tableContainer" style="display: none;">
<table border="1" width="100%">
<tr>
<th>S.No</th>
<th>Student Name</th>
<th>Student Roll Number</th>
<th>Student Branch</th>
<th>Student College Name</th>
</tr>
<tbody id="tbodyValues">
</tbody>
</table>
</div>
</div>
</section>
<!-- footer -->
<footer>
<div class="con">
<h3 class="item" >Created By <span>Ayush Yadav</span>| © All rights reserved</h3>
</div>
</footer>
<script src="second.js"></script>
</body>
</html>