-
Notifications
You must be signed in to change notification settings - Fork 0
/
writeData.html
164 lines (138 loc) · 9.26 KB
/
writeData.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
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="stylesheet" href="./css/header.css">
<link rel="stylesheet" href="./css/utility.css">
<link rel="stylesheet" href="./css/writeData.css">
<link rel="stylesheet" href="./css/form.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://kit.fontawesome.com/57ae888bd4.js" crossorigin="anonymous"></script>
<title>Write Data</title>
</head>
<body>
<section id="top">
<div class="container">
<div class="top-box">
<div class="left" id="time-date" >Todays Time & Date</div>
<div class="right">
<div class="top-nav">
<ul id="menu-top-nav">
<li><a class="small-heading" href="login.html">Log In </a><span>|</span></li>
<li><a class="small-heading" href="writeData.html"> Detail </a><span>|</span></li>
<li><a class="small-heading" href="viewData.html">View Data</a><span>|</span></li>
<li><a class="small-heading" href="#">Item-4</a><span>|</span></li>
<li><a class="small-heading" href="#">Item-5</a><span></span></li>
</ul>
</div>
</div>
</div>
</div>
</section>
<header class="header">
<div class="logo"><img class="logo-img" src="./images/logo.avif" alt="SIS Logo"></div>
<h2 class="header-heading lg-heading text-light">Student Information system</h2>
</header>
<div class="navbar">
<div class="container">
<div class="nav-items">
<a href="index.html" class="nav-item nav-item-1 md-heading text-light">Home</a>
<a href="#" class="nav-item nav-item-2 md-heading text-light">About Us</a>
<a href="#" class="nav-item nav-item-3 md-heading text-light">Staff</a>
<a href="#" class="nav-item nav-item-4 md-heading text-light">Gallary</a>
<a href="contact.html" class="nav-item nav-item-5 md-heading text-light">Contact Us</a>
</div>
</div>
</div>
<section class="main">
<div class="container">
<div class="form-wrapper">
<form class="form">
<div class="student-details">
<div class="student-details-left">
<label class="fname-label" for="fname">Full Name : </label>
<input class="fname" type="text" name="firstName" id="fname" placeholder="Full Name"><br>
<label class="fathername-label" for="fatherName">Father Name : </label>
<input class="fathername" type="text" name="fatherName" id="fatherName" placeholder="Father Name"><br>
<label class="mothername-label" for="mothername">Mother Name : </label>
<input class="mothername" type="text" name="motherName" id="motherName" placeholder="Mother Name"><br>
</div>
<div class="student-details-middle">
<label class="schno-label" for="schNo">School Number : </label>
<input class="schno" class="schNo" type="number" name="schNo" id="schNo" placeholder="School Number" min="1" max="999999" ><br>
<label class="year-label" for="year">Year : </label>
<input class="year" class="year" type="number" name="year" id="year" placeholder="Year" min="1950" max="2023" ><br>
<label class="class-label" for="class">Class : </label>
<select class="class" name="class" id="class">
<option value="notApplicable">Not Applicable</option><option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option><option value="6">6</option><option value="7">7</option><option value="8">8</option><option value="9">9</option><option value="10">10</option><option value="11">11</option><option value="12">12</option><option value="Bsc">Bsc</option><option value="Msc">Msc</option><option value="Phd">Phd</option>
</select><br>
<label class="section-label" for="section">Section : </label>
<select class="section" name="section" id="section">
<option value="notApplicable">Not Applicable</option><option value="A">A</option><option value="B">B</option><option value="C">C</option>
</select><br>
</div>
<div class="student-details-right">
<div class="student-image-holder" ><p class="text-grey md-heading">Upload Image</p></div>
<div class="student-image-holder-hover" ></div>
<!-- <label class="image-label" for="avatar">Image : </label> -->
<input class="image" type="file" name="avatar" id="avatar" accept="image/jpg, image/jpeg, image/png">
</div>
</div>
<div class="horizontal-line"></div>
<div class="contact-details">
<div class="contact-details-left">
<label class="address-label" for="address">Address : </label><br>
<textarea class="address" name="address" id="address" placeholder=" Start writing here..."></textarea>
</div>
<div class="contact-details-right">
<label class="country-label" for="country">Country : </label>
<input class="country" type="text" name="country" id="country" placeholder="Country">
<label class="state-label" for="state">State : </label>
<input class="state" type="text" name="state" id="state" placeholder="State"><br>
<label class="city-label" for="city">City : </label>
<input class="city" type="text" name="city" id="city" placeholder="City">
<label class="pincode-label" for="pincode">Pin Code : </label>
<input class="pincode" type="number" name="pincode" id="pincode" placeholder="Pin Code" min="000000" max="999999" ><br><br>
<label class="mobNo-label" for="mobNo">Mobile No : </label>
<input class="mobNo" type="number" name="mobNo" id="mobNo" placeholder="Mobile Number" minlength="10" maxlength="10">
<label class="mobNo-label" for="parentMobNo">Parent Mobile No : </label>
<input class="mobNo" type="number" name="parentMobNo" id="parentMobNo" placeholder="Parent Mobile Number"><br>
<label class="email-label" for="email">Email : </label>
<input class="email" type="email" name="email" id="email" placeholder="Email">
</div>
</div>
<div class="horizontal-line"></div>
<div class="other-details">
<div class="other-details-left">
<label class="gender-label" for="gender">Gender : </label>
<select class="gender" name="gender" id="gender">
<option value="male">Male</option><option value="female">Female</option><option value="other">Other</option>
</select><br>
<label class="dob-label" for="dob">Date of birth : </label>
<input class="dob" type="date" name="dob" id="dob">
</div>
<div class="other-details-right">
<label for="note">About Student : </label><br>
<textarea name="note" id="note" placeholder=" Start writing here..."></textarea>
</div>
</div>
<div class="btn-wrapper">
<button class="btn btn-primary" type="submit">View Details</button>
<button class="btn btn-primary" type="submit">Add Details</button>
</div>
</form>
</div>
</div>
</section>
<footer class="footer">
<div class="social-media-links">
<i class="fa-brands fa-facebook text-light fa-4x"></i>
<i class="fa-brands fa-twitter text-light fa-4x"></i>
<i class="fa-brands fa-instagram text-light fa-4x"></i>
</div>
<p class="text-light small-heading">Student Information System © 2022, All Rights Reserved</p>
</footer>
<script src="./js/basic.js"></script>
</body>
</html>