-
Notifications
You must be signed in to change notification settings - Fork 0
/
steps.html
196 lines (158 loc) · 7.1 KB
/
steps.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>First Gen</title>
<link href='https://fonts.googleapis.com/css?family=Raleway' rel='stylesheet'>
<link rel="stylesheet" href="s.css">
<style>
button.accordion {
background-color: #cce5e1;
color: #444;
cursor: pointer;
padding: 40px;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 15px;
transition: 0.4s;
}
button.accordion.active, button.accordion:hover {
background-color: #45877c;
}
button.accordion:after {
content: '\002B';
color: #777;
font-weight: bold;
float: right;
margin-left: 5px;
}
button.accordion.active:after {
content: "\2212";
}
div.panel {
padding: 0 18px;
background-color: #bbddd7;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
}
</style>
</head>
<body>
<ul>
<li><a href = "homepage.html" >home</a></li>
<li><a href = "steps.html" >road to citizenship</a></li>
<li><a href = "know.html" >what you need to know</a></li>
<li><a href = "ctest.html" >citizenship test</a></li>
<li><a href = "why.html" >why act now</a></li>
<li><a href = "adjustment.html" >adjustments</a></li>
<li><a href = "firstgen.html" >4 the first gen</a></li>
<li><a href = "charities.html" >charities we ♡</a></li>
</ul>
<!-- Header -->
<header class="header" id="top">
<div class="text-vertical-center">
<h1>your journey to citizenship</h1>
<br>
</div>
</header>
<button class="accordion">eligibility</button>
<div class="panel">
<p>
<li>Be at least 18 at the time of filing your Application of Naturalization (Form N-400)</li> <br>
<li>Have been a permanent resident (had a green card) for at least five years</li> <br>
<li>Display proof of having lived at least 3 months in the state or district from which you applied</li> <br>
<li>Live in the states for five years after filling out your application for Naturalization</li> <br>
<li>Show that you’ve been present in the country for at least 30 month of the five years</li> <br>
<li>Be able to read, write and speak basic English</li> <br>
<li>Have a basic understating of U.S. civics</li> <br>
<li>Possess good moral Character</li><br>
<li>Demonstrate connection to the principles of the Constitution</li> <br>
</p>
<p> <br>
If you’re still confused, check out this <a href = "eligibility.pdf"> worksheet </a> to help you decide if you are eligible to apply to become a citizen!
</p>
</div>
<button class="accordion">risks and benefits</button>
<div class="panel">
<p>
You will officially have the right to:
<li> Vote in all federal elections. Your voice matters in the polls more than ever. </li> <br>
<li>Bring family members to the united states. </li> <br>
<li>Run for office and become an elected official. </li> <br>
<li>Travel with a U.S Passport. </li> <br>
<li>Become eligible for Federal Jobs. </li> <br>
<li>Obtain Citizenship for your children born abroad. </li> <br>
</br>
Keep in mind:
<br>
While we can’t speak on behalf of the experience of everyone, it is true in many places that this country remains very xenophobic. and how people treat you as well as job opportunities may still be negative experiences, especially if you are a person of color. And don't be surprised if your children’s children are still call immigrants, remember, we built this nation.
Assimilation is difficult and sometimes a very sad experience it’s a personal choice to maintain ties with your home country and and still come to terms with why you left. This is a long process and everyone deals with it differently, but the one thing we can share is you are not alone. The journey and challenges you have overcome are incredible, even if you don't always feel valued or welcome, you are not alone. Immigrants will always make this country great.
</p>
</div>
<button class="accordion">legal forms</button>
<div class="panel">
<p>
1. Now that you’ve determined you’re eligible to apply for naturalization, you will be required to fill out the <a href = "N400.pdf">Form N-400</a>
<br>
2. Along with the Form N-400, you will be required to send other documents and items, as listed in this <a href = "documents.pdf">document </a>
<br>
3. Finally, figure out wher you’ll be mailing your N-400 + other documents to, here is where you can find out.</br> PUT IN THIS LINK : https://www.uscis.gov/n-400
<br>
4. Once you submit your form, the USCIS will send you a receipt notice and you will be able to check the status of your application online or by calling the National Customer Service Center at 1-800-375-5283 or 1-800-767-1833. <br>
</p>
</div>
<button class="accordion">biometrics</button>
<div class="panel">
<p> If needed, you will get a notice for a biometrics appointment which will included the appointment date, time, and location. What are biometrics? Biometrics are the processes used to identify people based on physical traits. These biometrics will help with future criminal background checks for possible jobs.
</p>
</div>
<button class="accordion">interview</button>
<div class="panel">
<!-- SEHIN LINK TO CITIZENSHIP QUIX LINK -->
<p>The USCIS will schedule a date and time for an interview with you. In the interview, your English skills will be tested through an oral civics, reading, and writing test. We’ve provided a study tool and explanations of each part of the test <a href=ctest.html>here<a/>.
</p>
</div>
<button class="accordion">decision!</button>
<div class="panel">
<p>
The USCIS will send you a written notice of decision, you will be: <br>
- Granted: approval of Form N-400<br>
- Continued: you will need to provide additional evidence/documentation, you didn’t provide the correct documents, or you failed one or more parts of the English test <br>
- Denied: Form N-400 was not approved<br>
</p>
</div>
<button class="accordion">oath of allegiance</button>
<div class="panel">
<p>
If your Form N-400 was approved, congratulations! You’ll be able to participate in a naturalization ceremony for which the USCIS will mail you a notification with the date, time, and, location for. <br>
<br>
Note that not a U.S. Citizen until you take the Oath of Allegiance at a naturalization ceremony! <br>
</p>
</div>
<footer>
<center><img src="http://cdn2.sportngin.com/attachments/news_article/6827/8505/girlswhocodegwc-logo.png" height="60" width="200"></center>
<center><p>Girls Who Code Boston 2017 Summer Immersion Program</p></center>
</footer>
<script>
var acc = document.getElementsByClassName("accordion");
var i;
for (i = 0; i < acc.length; i++) {
acc[i].onclick = function() {
this.classList.toggle("active");
var panel = this.nextElementSibling;
if (panel.style.maxHeight){
panel.style.maxHeight = null;
} else {
panel.style.maxHeight = panel.scrollHeight + "px";
}
}
}
</script>
</body>
</html>