Skip to content

Commit ae18fc6

Browse files
adamakh01adamakh01
committed
added forms for all services
1 parent df602d7 commit ae18fc6

File tree

7 files changed

+277
-15
lines changed

7 files changed

+277
-15
lines changed

‎addOfficerForm.html‎

Lines changed: 98 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,98 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous">
7+
<link rel="stylesheet" href="styleAnnouncementEvent.css">
8+
<title>Add Events</title>
9+
</head>
10+
<body>
11+
<h1>Add Officer</h1>
12+
<h2>Please enter the required information here.</h2>
13+
<div class = "title">
14+
<p>Name</p>
15+
<textarea class = "titleText"></textarea>
16+
</div>
17+
<div class = "main">
18+
<p>Info</p>
19+
<textarea class = "mainText"></textarea>
20+
</div>
21+
<div class = "picture">
22+
<p>Profile Image</p>
23+
<img src="User Icons\user-group-icon.png" alt="User Pfp" style="position:relative; left:12.5%; width:100px; height:100px;">
24+
<button class = "changePicButton">Change Profile Picture</button>
25+
</div>
26+
<div class = "buttons">
27+
<button class = "btn">Add</button>
28+
<a href = "officers.html">
29+
<button class = "btn">Cancel</button>
30+
</a>
31+
</div>
32+
</body>
33+
<style>
34+
h1{
35+
font-size: 45px;
36+
font-family: Arial, Helvetica, sans-serif;
37+
background-color: lightgray;
38+
text-align: center;
39+
padding: 20px;
40+
border-style: solid;
41+
}
42+
h2{
43+
position:relative;
44+
text-align:center;
45+
}
46+
.title{
47+
display:flex;
48+
left:5%
49+
}
50+
.main{
51+
display:flex;
52+
margin-top:2rem;
53+
}
54+
p{
55+
position:relative;
56+
font-size:25px;
57+
left:1%;
58+
}
59+
.titleText {
60+
position:relative;
61+
left:2%;
62+
resize:none;
63+
width:100rem;
64+
height:4rem;
65+
font-size:30px;
66+
}
67+
.mainText{
68+
position:relative;
69+
left:3.1%;
70+
min-height:10rem;
71+
width:100rem;
72+
}
73+
.picture{
74+
display:flex;
75+
margin-top:2rem;
76+
}
77+
.changePicButton{
78+
position:relative;
79+
left:32%;
80+
height:3rem;
81+
width:13rem;
82+
margin-top:2rem;
83+
}
84+
.buttons{
85+
position:relative;
86+
margin-top:1rem;
87+
left:36%;
88+
}
89+
.btn{
90+
position:relative;
91+
width:250px;
92+
height:50px;
93+
border-color:black;
94+
border-style: solid;
95+
background-color: white;
96+
margin: 0.5rem;
97+
}
98+
</style>

‎announcementAddForm.html‎

Lines changed: 82 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,82 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous">
7+
<link rel="stylesheet" href="styleAnnouncementEvent.css">
8+
<title>Add Announcement</title>
9+
</head>
10+
<body>
11+
<h1>Add Announcement</h1>
12+
<h2>Please enter the required information here.</h2>
13+
<div class = "title">
14+
<p>Title</p>
15+
<textarea class = "titleText"></textarea>
16+
</div>
17+
<div class = "main">
18+
<p>Main Text</p>
19+
<textarea class = "mainText"></textarea>
20+
</div>
21+
<div class = "buttons">
22+
<button class = "btn">Add</button>
23+
<a href = "announcements.html">
24+
<button class = "btn">Cancel</button>
25+
</a>
26+
</div>
27+
</body>
28+
<style>
29+
h1{
30+
font-size: 45px;
31+
font-family: Arial, Helvetica, sans-serif;
32+
background-color: lightgray;
33+
text-align: center;
34+
padding: 20px;
35+
border-style: solid;
36+
}
37+
h2{
38+
position:relative;
39+
text-align:center;
40+
}
41+
.title{
42+
display:flex;
43+
left:5%
44+
}
45+
.main{
46+
display:flex;
47+
margin-top:2rem;
48+
}
49+
p{
50+
position:relative;
51+
font-size:25px;
52+
left:1%;
53+
}
54+
.titleText {
55+
position:relative;
56+
left:2%;
57+
resize:none;
58+
width:100rem;
59+
height:4rem;
60+
font-size:30px;
61+
}
62+
.mainText{
63+
position:relative;
64+
left:2%;
65+
min-height:10rem;
66+
width:96.4rem;
67+
}
68+
.buttons{
69+
position:relative;
70+
margin-top:1rem;
71+
left:36%;
72+
}
73+
.btn{
74+
position:relative;
75+
width:250px;
76+
height:50px;
77+
border-color:black;
78+
border-style: solid;
79+
background-color: white;
80+
margin: 0.5rem;
81+
}
82+
</style>

‎announcements.html‎

Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -8,9 +8,11 @@
88
</head>
99
<body>
1010
<h1>Announcements</h1>
11-
<button class="featureBtn">
12-
<h2>Add</h2>
13-
</button>
11+
<a href = "announcementAddForm.html">
12+
<button class="featureBtn">
13+
<h2>Add</h2>
14+
</button>
15+
</a>
1416
<button class="featureBtn">
1517
<h2>Remove</h2>
1618
</button>

‎announcmentAddForm.html‎

Lines changed: 0 additions & 6 deletions
This file was deleted.

‎eventAddForm.html‎

Lines changed: 82 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,82 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous">
7+
<link rel="stylesheet" href="styleAnnouncementEvent.css">
8+
<title>Add Events</title>
9+
</head>
10+
<body>
11+
<h1>Add Events</h1>
12+
<h2>Please enter the required information here.</h2>
13+
<div class = "title">
14+
<p>Title</p>
15+
<textarea class = "titleText"></textarea>
16+
</div>
17+
<div class = "main">
18+
<p>Main Text</p>
19+
<textarea class = "mainText"></textarea>
20+
</div>
21+
<div class = "buttons">
22+
<button class = "btn">Add</button>
23+
<a href = "events.html">
24+
<button class = "btn">Cancel</button>
25+
</a>
26+
</div>
27+
</body>
28+
<style>
29+
h1{
30+
font-size: 45px;
31+
font-family: Arial, Helvetica, sans-serif;
32+
background-color: lightgray;
33+
text-align: center;
34+
padding: 20px;
35+
border-style: solid;
36+
}
37+
h2{
38+
position:relative;
39+
text-align:center;
40+
}
41+
.title{
42+
display:flex;
43+
left:5%
44+
}
45+
.main{
46+
display:flex;
47+
margin-top:2rem;
48+
}
49+
p{
50+
position:relative;
51+
font-size:25px;
52+
left:1%;
53+
}
54+
.titleText {
55+
position:relative;
56+
left:2%;
57+
resize:none;
58+
width:100rem;
59+
height:4rem;
60+
font-size:30px;
61+
}
62+
.mainText{
63+
position:relative;
64+
left:2%;
65+
min-height:10rem;
66+
width:96.4rem;
67+
}
68+
.buttons{
69+
position:relative;
70+
margin-top:1rem;
71+
left:36%;
72+
}
73+
.btn{
74+
position:relative;
75+
width:250px;
76+
height:50px;
77+
border-color:black;
78+
border-style: solid;
79+
background-color: white;
80+
margin: 0.5rem;
81+
}
82+
</style>

‎events.html‎

Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -9,9 +9,11 @@
99
</head>
1010
<body>
1111
<h1>Events</h1>
12-
<button class="featureBtn">
13-
<h2>Add</h2>
14-
</button>
12+
<a href = "eventAddForm.html">
13+
<button class="featureBtn">
14+
<h2>Add</h2>
15+
</button>
16+
</a>
1517
<button class="featureBtn">
1618
<h2>Remove</h2>
1719
</button>

‎officers.html‎

Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -10,9 +10,11 @@
1010
<body>
1111
<h1>Officers</h1>
1212
<div class = "feature">
13-
<button class="featureBtn">
14-
<h2>Add</h2>
15-
</button>
13+
<a href = "addOfficerForm.html">
14+
<button class="featureBtn">
15+
<h2>Add</h2>
16+
</button>
17+
</a>
1618
<button class="featureBtn">
1719
<h2>Remove</h2>
1820
</button>

0 commit comments

Comments
 (0)