-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmain-template.html
185 lines (163 loc) · 8.93 KB
/
main-template.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
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
<!DOCTYPE html>
<html>
<head>
<title>Felixent-WebTemplate.</title>
<meta charset="UTF-8">
<!-- Define keywords for search engines: -->
<meta name="keywords" content="HTML, CSS, JavaScript">
<!-- Define a description of your web page: -->
<meta name="description" content="Felixent's Web Templates for HTML and CSS">
<!-- Define the author of a page: -->
<meta name="author" content="Mosquito">
<!-- Refresh document every 30 seconds: -->
<meta http-equiv="refresh" content="30">
<!-- Redirect document after 30 seconds: -->
<!-- <meta http-equiv="refresh" content="30;URL='https://www.google.com/'" /> -->
<!-- Setting the viewport to make your website look good on all devices: -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/w3.css">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<!-- Favicons -->
<link href="images/logo/inno-logo.ico" rel="icon">
<link href="images/logo/inno-fav.jpg" rel="felix-logo">
</head>
<body>
<!-- Navbar (sit on top) -->
<div class="w3-top">
<div class="w3-bar w3-white w3-wide w3-padding w3-card">
<a href="index.html" class="w3-bar-item w3-button"><b>ICM</b> Inno Capital Microfinance</a>
<!-- Float links to the right. Hide them on small screens -->
<div class="w3-right w3-hide-small">
<!-- <a href="indexM.html#project1" class="w3-bar-item w3-button">Products</a> -->
<a href="index.html" class="w3-bar-item w3-button">HOME</a>
<button onclick="document.getElementById('idadm').style.display='block'" class="w3-button w3-green w3-large">Admin Login</button>
<div id="idadm" class="w3-modal">
<div class="w3-modal-content w3-card-4 w3-animate-zoom" style="max-width:600px">
<div class="w3-center"><br>
<span onclick="document.getElementById('idadm').style.display='none'" class="w3-button w3-xlarge w3-hover-red w3-display-topright" title="Close Modal">×</span>
<img src="images/logo/inno-fav.jpg" alt="Avatar" style="width:30%" class="w3-circle w3-margin-top">
</div>
<form class="w3-container" action="index-sysM.html">
<div class="w3-section">
<label><b>Username</b></label>
<input class="w3-input w3-border w3-margin-bottom" type="text" placeholder="Enter Username" name="usrname" required>
<label><b>Password</b></label>
<input class="w3-input w3-border" type="password" placeholder="Enter Password" name="psw" required>
<button class="w3-button w3-block w3-green w3-section w3-padding" type="submit">Login</button>
<input class="w3-check w3-margin-top" type="checkbox" checked="checked"> Remember me
</div>
</form>
<div class="w3-container w3-border-top w3-padding-16 w3-light-grey">
<button onclick="document.getElementById('idadm').style.display='none'" type="button" class="w3-button w3-red">Cancel</button>
<span class="w3-right w3-padding w3-hide-small">Forgot <a href="indexM.html#contact">password?</a></span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Page content -->
<div class="w3-content w3-padding" style="max-width:1564px">
<h2 style="text-align: center;"><b>PAGE-HEADING</b></h2>
<div class="w3-row">
<div class="w3-padding" style="min-height:800px" id="mis-sys">
<div class="w3-col s4">
<form action="https://docs.google.com/forms/d/18XqEYnMFQ9FfAZ1_3anCG9AzINQ_dwmM1Rp2Q0xXv88/formResponse" method="post" data-bs-toggle="validator" target="hidden_iframe" onsubmit="submitted=true; ">
<div class="w3-padding-16">
<label for="fname" class="w3-text-teal"><b>First Name</b></label>
<input class="w3-input w3-border" id="firstname" name="entry.1522372464" type="text" placeholder="First Name" required name="firstname">
</div>
<div class="w3-padding-16">
<label for="fname" class="w3-text-teal"><b>Last Name</b></label>
<input class="w3-input w3-border" id="lastname" name="entry.223794224" type="text" placeholder="Last Name" required name="lastname">
</div>
<div class="w3-padding-16">
<label for="fname" class="w3-text-teal"><b>Staff ID</b></label>
<input class="w3-input w3-border" id="staffid" name="entry.140483279" type="text" placeholder="Staff ID" required name="staffid">
</div>
<div class="w3-padding-16">
<label for="fname" class="w3-text-teal"><b>Email</b></label>
<input class="w3-input w3-border" id="email" name="entry.1674743046" type="email" placeholder="Email" required name="email">
</div>
<div class="w3-padding-16">
<label for="fname" class="w3-text-teal"><b>Room</b></label>
<select class="w3-select w3-border" id="room" name="entry.549970269">
<option value="Thanlyin Branch" disabled selected>Choose room</option>
<option value="Head Office">Head Office</option>
<option value="South Okkalapa">South Okkalapa</option>
<option value="Thanlyin">Thalyin</option>
<option value="Taikkyi">Taikkyi</option>
<option value="Mawlamyine">Mawlamyine</option>
<option value="Magway">Magway</option>
<option value="Naypyitaw">Naypyitaw</option>
<option value="Mingaladon">Mingaladon</option>
<option value="Billin">Billin</option>
<option value="Thongwa">Thongwa</option>
<option value="Sagaing">Sagaing</option>
<option value="Dawei">Dawei</option>
<option value="Panglong">Panglong</option>
<option value="Hpa_an">Hpa_an</option>
<option value="Htan Ta Pin">Htan Ta Pin</option>
</select>
</div>
<div class="w3-padding-16">
<label for="fname" class="w3-text-teal"><b>Date</b></label>
<input class="w3-input w3-border" id="date" name="entry.1102015640" type="date" placeholder="Date" required name="date">
</div>
<div class="w3-padding-16">
<label for="fname" class="w3-text-teal"><b>Department</b></label>
<select class="w3-select w3-border" id="department" name="entry.655483083">
<option value="Thanlyin Branch" disabled selected>Choose your department</option>
<option value="Head Office">Head Office</option>
<option value="South Okkalapa">South Okkalapa</option>
<option value="Thanlyin">Thalyin</option>
<option value="Taikkyi">Taikkyi</option>
<option value="Mawlamyine">Mawlamyine</option>
<option value="Magway">Magway</option>
<option value="Naypyitaw">Naypyitaw</option>
<option value="Mingaladon">Mingaladon</option>
<option value="Billin">Billin</option>
<option value="Thongwa">Thongwa</option>
<option value="Sagaing">Sagaing</option>
<option value="Dawei">Dawei</option>
<option value="Panglong">Panglong</option>
<option value="Hpa_an">Hpa_an</option>
<option value="Htan Ta Pin">Htan Ta Pin</option>
</select>
</div>
<div class="w3-padding-16">
<label for="fname" class="w3-text-teal"><b>Brief Description of meeting Agenda</b></label>
<input class="w3-input w3-border" id="agenda" name="entry.1992740814" type="textarea" placeholder="Meeting Agenda" required name="agenda" style="width:100%; height: 150px;">
</div>
<div class="w3-row-padding">
<button class="w3-button w3-black w3-section w3-right" type="submit">Save</button><br>
</div>
</form>
</div>
<div class="w3-col s1"></div>
<div class="w3-col s4 w3-padding">
<div class="w3-card-4">
<iframe src="https://docs.google.com/spreadsheets/d/e/2PACX-1vSNtfqComoNTbvbqCoxs3tAVJp7stzyJ9BuRvRISA6HOZwKWHu6hEyDz7Wuek7Cn2Ju6fluVTlkEh1F/pubhtml?widget=true&headers=false" style="width: 100%; height: 500px;"></iframe>
</div>
</div>
<div class="w3-col s1"></div>
<div class="w3-col s4 w3-padding">
<div class="w3-card-4">
<iframe src="https://docs.google.com/spreadsheets/d/e/2PACX-1vSNtfqComoNTbvbqCoxs3tAVJp7stzyJ9BuRvRISA6HOZwKWHu6hEyDz7Wuek7Cn2Ju6fluVTlkEh1F/pubhtml?widget=true&headers=false" style="width: 100%; height: 500px;"></iframe>
</div>
</div>
</div>
</div>
<!-- End page content -->
</div>
<!-- Footer -->
<footer class="w3-center w3-black w3-padding-16">
<p class="w3-small">Themes Designed by <a href="https://sethuaung.github.io" title="mosquito" target="_blank" class="w3-hover-text-green">mosquito</a></p>
<p class="w3-small"><a href="t&c.html">Terms & Conditions</a></p>
</footer>
</body>
</html>