generated from CS1300-2024/html-css-template
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
240 lines (233 loc) · 8.26 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
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
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
<!-- TO RUN IN BROWSER:
1. Install vscode extension Name: open in `browser open-in-browser` by TechER
2. Right click html file and either run in default browser or another browser
-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Responsive Redesign</title>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<!-- very top of page -->
<div id="logoBar" class="header">
<h1 class="title">Menominee Indian Tribe</h1>
<input type="checkbox" id="nav-check" />
<label for="nav-check" class="nav-toggler">
<span></span>
</label>
<!-- the actual navbar part of the header -->
<div class="first-nav">
<div class="dropdown">
<button class="dropbtn first">Government</button>
<div class="dropdown-content">
<a href="#">Departments</a>
<a href="#">Conservation Regulations</a>
<a href="#">General Info</a>
</div>
</div>
<div class="dropdown">
<button class="dropbtn first">Culture</button>
<div class="dropdown-content">
<a href="#">About Us</a>
<a href="#">Historical Documents</a>
<a href="#">Interactive History</a>
</div>
</div>
<div class="dropdown">
<button class="dropbtn first">Community</button>
<div class="dropdown-content">
<a href="#">Emergency Alerts</a>
<a href="#">Community Events</a>
<a href="#">Community Projects</a>
</div>
</div>
<div class="dropdown">
<button class="dropbtn first">Visitors</button>
<div class="dropdown-content">
<a href="#">Contact Us</a>
<a href="#">Tourism</a>
<a href="#">Links/Resources</a>
</div>
</div>
<div class="dropdown">
<button class="dropbtn first">Business</button>
<div class="dropdown-content">
<a href="#">Chartered Entities</a>
<a href="#">Permits</a>
<a href="#">Menominee Contractors</a>
</div>
</div>
<div class="dropdown">
<button class="dropbtn first">Member Login</button>
</div>
</div>
</div>
<!-- Thefirst part of the page -->
<div id="landing">
<div class="words">
<h1>
Posoh Mawanew Weyak <br />
(Hello Everyone)
</h1>
<p>
Welcome to the Menominee Indian Tribe of Wisconsin. The Menominee
Tribe's history is unique because our origin or creation begins at the
mouth of the Menominee River, a mere 60 miles east of our present
Menominee Indian Reservation. This is where our five clans: ancestral
Bear, Eagle, Wolf, Moose, and Crane were created. Not many tribes in
this region can attest to the fact their origin place exists close or
near to their present reservation. This is where our history begins.
Explore and feel the history of the Menominee Indian Tribe from past
to present.
</p>
</div>
<p>
<img
id="landing-img"
alt="Image of the side of the Menominee River, with a tree and a fence"
src="./assets/menominee_main.jpeg"
/>
</p>
</div>
<!-- the second nav bar that is more focused on the community -->
<div id="second-nav">
<div class="dropdown">
<button class="dropbtn second">Back Forty Mine</button>
</div>
<div class="dropdown">
<button class="dropbtn second">DAIT</button>
</div>
<div class="dropdown">
<button class="dropbtn second">Employment</button>
<div class="dropdown-content">
<a href="#">MITW Employment</a>
<a href="#">Other Employment</a>
</div>
</div>
<div class="dropdown">
<button class="dropbtn second">Employees</button>
<div class="dropdown-content">
<a href="#">Employees Info</a>
<a href="#">MITW Wellness</a>
</div>
</div>
<div class="dropdown">
<button class="dropbtn second">Tribal Laws</button>
</div>
<div class="dropdown">
<button class="dropbtn second">Forms</button>
</div>
<div class="dropdown">
<button class="dropbtn second">Contact</button>
</div>
</div>
<!-- This contains most of the main page info such as announcements and when council meetings will happen -->
<div id="mainInfo">
<div id="news">
<h2>News and Announcements</h2>
<div id="new-section">
<h3>
ARPA Tribal Elder Heating Assistance Returned Applications Feb 15th
</h3>
<p>
The Menominee Tribal Legislature has authorized a Heating Assistance
payment for Menominee tribal elders who reside on and off
reservation, age 65 and older as of November 2, 2023.<br />
The assistance is …
<a href="https://menominee-nsn.gov/Default.aspx">(Read More)</a>
</p>
</div>
<div id="new-section">
<h3>Emergency Resources</h3>
<p>List of Emergency Resources</p>
</div>
<div id="new-section">
<h3>General Welfare Payment Assistance 2023 Update</h3>
<p>
General Welfare Payment Assistance 2023 Update Portal now open
<br />
The Menominee Indian Tribe has authorized a $100 General Welfare
Assistance payment to all enrolled Menominee Tribal members as of
November…
<a href="https://menominee-nsn.gov/Default.aspx">(Read More)</a>
</p>
</div>
</div>
<div id="meetings">
<h2>Upcoming Meetings</h2>
<div id="meeting-section">
<h3>Menominee Loan Fund Commitee Regular Meeting</h3>
<p>
Mar 11 2024 4:30PM <br />
Dept. of Lending & Tribal Taxes - Meeting Room <br />
<a href="https://menominee-nsn.gov/Default.aspx"> View Agenda</a>
</p>
</div>
<div id="meeting-section">
<h3>Zoar Community Meeting Quarterly Meeting</h3>
<p>
Mar 11 2024 5:00PM <br />
Zoar Community Center<br />
<a href="https://menominee-nsn.gov/Default.aspx"> View Agenda</a>
</p>
</div>
<div id="meeting-section">
<h3>MTE Personnel Committee Regular Meeting</h3>
<p>
Mar 12 2024 12:00PM <br />Menominee Tribal Enterprises Boardroom
<br />
<a href="https://menominee-nsn.gov/Default.aspx"> View Agenda</a>
</p>
</div>
<div id="pages">
<button class="back"><<-</button>
<button class="back"><-</button>
<p>Page 1 of 3</p>
<button class="next">-></button>
<button class="next">->></button>
</div>
</div>
</div>
<!-- These are the things that are on their website but don't have a specific place to
go. So they all live in the same place -->
<div id="fun-things">
<h3 class="facebook-line">Check out our facebook!</h3>
<a href="">
<img
alt="Image/link to the menominee facebook page"
src="./assets/IMG_1065.jpg"
/>
</a>
<div class="learn-more-buttons">
<button class="learn-more">Tribal Members Login</button>
<button class="learn-more">Vision and Values</button>
<button class="learn-more">Sign up for Emergency Alerts</button>
</div>
</div>
<!-- This is the bottom header used so that people who scroll all the way to the bottom
will still be able to contact the tribe. -->
<div id="bottom-nav">
<h2 class="bottom-header">The Menominee Indian Tribe of Wisconsin</h2>
<div class="extra-info">
<p>
Contact Us!
<br />
(877)209-5866
<br />
(715)799-5100
<br />
Email us <a href="https://menominee-nsn.gov/Default.aspx">here!</a>
</p>
<p>
W2908 Tribal Office Loop Road
<br />
PO Box 910
<br />
Keshena, WI 54135
</p>
</div>
</div>
</body>
</html>