-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathblog.html
292 lines (253 loc) · 14.4 KB
/
blog.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
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Immigration Hub</title>
<link rel="stylesheet" href="Css/blog.css">
<link rel="stylesheet" href="Css/nav.css">
</head>
<body>
<section class = "navigation">
<div class="header">
<div class="head-container">
<h1 style="display: inline-block;"><span style="color: #0ceedf;">Way</span> <span style="color:#170234">To</span>Go </h1>
<img src="logos/logo.png" style="display: inline-block;height: 50px; width:50px;">
</div>
<div class="navbar">
<h3><a href="Home.html">Home</a></h3>
<h3><a href="mostop.html">Most opted</a></h3>
<h3><a href="destinations.html">Our Destinations</a></h3>
<h3><a href="service.html">Our Services</a></h3>
<h3><a href="blog.html">Resources</a></h3>
<h3><a href="contact.html">Contact us</a></h3>
<button onclick="document.getElementById('id01').style.display='block'"
style="width:auto;">Register</button>
</div>
</div>
</section>
<header>
<h1>Immigration Hub</h1>
</header>
<nav>
<ul>
<li><a href="#blog">Alumini Testimonials</a></li>
<li><a href="#chat">Live Chat</a></li>
<li><a href="#faq">FAQ</a></li>
<li><a href="#links">Upcoming Programs</a></li>
</ul>
</nav>
<section id="blog">
<h2>Our Alumini Testimonials</h2>
<div class="container">
<img src="https://img.freepik.com/free-photo/female-student-with-books-paperworks_1258-48204.jpg?w=996&t=st=1705380034~exp=1705380634~hmac=44ca3ec3374a0c01c599dbed093b3adb47a8c0eab59a82a9a30e2f4420b88ba1"
alt="Avatar" style="width:90px">
<p><span style="color:rgb(71, 240, 212);font-size: 26px;font-weight: bold;">Rebacca </span>Humber College ,Toronto, Canada</p>
<p>"I had an amazing experience at Humber College in Toronto. The academic environment and cultural exposure
exceeded my expectations. John Doe played a crucial role in guiding me through challenges, ensuring a
smooth transition into the Canadian education system."</p>
</div>
<div class="container">
<img src="https://img.freepik.com/free-photo/handsome-young-curly-haired-man-working-laptop-computer-standing-isolated-white-wall_231208-1164.jpg?w=996&t=st=1705379917~exp=1705380517~hmac=459dcd624785beb649932694f506f72b183c2a1cc5e5ead22a833b9ed971890a"
alt="Avatar" style="width:90px">
<p><span style="color:rgb(71, 240, 212);font-size: 26px;font-weight: bold;">Chris Fox </span> University of Sydney, Australia</p>
<p>"My experience at the University of Sydney was truly enriching. The vibrant academic community and
picturesque surroundings created a perfect learning environment. John Doe's expertise and support were
instrumental in making my study abroad journey at Sydney University a memorable one."</p>
</div>
<div class="container">
<img src="https://www.pngall.com/wp-content/uploads/8/Student-PNG-Photo.png" alt="Avatar"
style="width:90px">
<p><span style="color:rgb(71, 240, 212);font-size: 26px;font-weight: bold;">Susan</span> Langara College ,Vancouver, Canada</p>
<p>"My time at Langara College in Vancouver was marked by educational excellence and cultural diversity.
John Doe's timely assistance and valuable insights were invaluable, steering me away from potential
web-related challenges and ensuring a successful academic endeavor in Canada."</p>
</div>
<div class="container">
<img src="https://thumbs.dreamstime.com/b/beautiful-student-girl-books-isolated-white-background-43442234.jpg"
alt="Avatar" style="width:90px">
<p><span style="color:rgb(71, 240, 212);font-size: 26px;font-weight: bold;">Karan</span>Harvard University, America</p>
<p>"My academic pursuit at Harvard University was a transformative experience, filled with intellectual
growth and diverse opportunities. John Doe's unparalleled guidance and expertise played a pivotal role
in making my journey at one of America's prestigious institutions a resounding success."</p>
</div>
<div class="container">
<img src="https://img.freepik.com/free-photo/front-view-young-female-student-red-shirt-black-bag-holding-pen-copybooks-smiling-white_140725-16631.jpg?w=996&t=st=1705380223~exp=1705380823~hmac=66846a85a34ecbaab2e7f45ba6bb5cff0786492f06d53e5e58ad1a4be9756526"
alt="Avatar" style="width:90px">
<p><span style="color:rgb(71, 240, 212);font-size: 26px;font-weight: bold;">Jessica</span> California Institute of Technology (Caltech), USA</p>
<p>"My academic venture at Caltech was characterized by cutting-edge research and innovation. The
challenging yet rewarding environment provided an excellent platform for my growth. John Doe's
unwavering support and guidance were instrumental throughout my journey at Caltech."</p>
</div>
</section>
<section id="chat">
<h2>Chat with our Alumini</h2>
<p>You can select person by country or by university or by name from the testimonial to start chatting </p>
<div class="chat">
<div class="container1">
<form action="/action_page.php">
<div class="row">
<div class="col-25">
<label for="fname">First Name</label>
</div>
<div class="col-75">
<input type="text" id="fname" name="firstname" placeholder="Your name..">
</div>
</div><br>
<div class="row">
<div class="col-25">
<label for="lname">Last Name</label>
</div>
<div class="col-75">
<input type="text" id="lname" name="lastname" placeholder="Your last name..">
</div>
</div><br>
<div class="row">
<div class="col-25">
<label for="country">Country</label>
</div>
<div class="col-75">
<select id="country" name="country" style="width:96%">
<option value="australia">Australia</option>
<option value="canada">Canada</option>
<option value="Ireland">Ireland</option>
<option value="newzealand">New Zealand</option>
<option value="America">America</option>
<option value="Switchzerland">Switchzerland</option>
<option value="uk">UK</option>
</select>
</div>
</div><br>
<div class="row">
<div class="col-25">
<label for="alumini">Alumini Name </label>
</div>
<div class="col-75">
<input type="text" id="alumini" name="alumini" placeholder="Enter alumini name.(optional)" ></input>
</div>
</div><br>
<div class="row">
<div class="col-25">
<label for="subject">Subject</label>
</div>
<div class="col-75">
<textarea id="subject" name="subject" placeholder="Write something.."
style="height:100px"></textarea>
</div>
</div>
<br>
<div class="row">
<input type="submit" value="Submit">
</div>
</form>
</div>
<div class="text-plp">
<div class="container2 light">
<img src="https://w7.pngwing.com/pngs/99/557/png-transparent-computer-icons-avatar-avatar-angle-heroes-recruiter.png" alt="Avatar" style="width:100%;">
<p>Hello.How long have you been working?</p>
<span class="time-right">11:00</span>
</div>
<div class="container2 darker">
<img src="https://cdn2.iconfinder.com/data/icons/business-man-8/512/7-1024.png" alt="Avatar" class="right" style="width:100%;">
<p>Hey! I'm working since 2years.</p>
<span class="time-left">11:01</span>
</div>
<div class="container2 light">
<img src="https://w7.pngwing.com/pngs/99/557/png-transparent-computer-icons-avatar-avatar-angle-heroes-recruiter.png" alt="Avatar" style="width:100%;">
<p>Sweet! Is there any work pressure?</p>
<span class="time-right">11:02</span>
</div>
<div class="container2 darker">
<img src="https://cdn2.iconfinder.com/data/icons/business-man-8/512/7-1024.png" alt="Avatar" class="right" style="width:100%;">
<p>Definitely not! You can always take your time .</p>
<span class="time-left">11:05</span>
</div>
</div>
</div>
</section>
<br><br>
<section id="faq">
<h2>Frequently Asked Questions ?</h2>
<p>Check if your question is asked by someone else.</p>
<button type="button" class="collapsible">Who will be answering?</button>
<div class="content">
<p>Our Alimini and present studying students in our instituion in abroad and our consultancy teams too.</p>
</div>
<p>Best Questions asked by students.</p>
<button type="button" class="collapsible">What are the best consultancies for studying abroad?</button>
<div class="content">
<p>There are several reputable consultancies like ABC Consultants, XYZ Overseas, etc. Make sure to research and choose one that fits your needs.</p>
</div>
<button type="button" class="collapsible">Which exams are required for studying abroad?</button>
<div class="content">
<p> Common exams include IELTS, TOEFL, GRE, GMAT, etc. The specific exams depend on the country and the course you are applying for.</p>
</div>
<button type="button" class="collapsible"> How can I prepare for language proficiency exams?</button>
<div class="content">
<p>You can join language classes, use online resources, and practice regularly to improve your language skills for exams like IELTS and TOEFL.</p>
</div>
<script>
var coll = document.getElementsByClassName("collapsible");
var i;
for (i = 0; i < coll.length; i++) {
coll[i].addEventListener("click", function () {
this.classList.toggle("active");
var content = this.nextElementSibling;
if (content.style.display === "block") {
content.style.display = "none";
} else {
content.style.display = "block";
}
});
}
</script>
</section>
<section id="links">
<h2>Upcoming programs of WayTogo</h2>
<p>Grab your seats</p>
<div class="row2">
<div class="column" onclick="openTab('b1');" style="color:black;background:rgb(160, 160, 160);border:2px solid black;margin:2px">
Ontario Provincial Nominee Program
</div>
<div class="column" onclick="openTab('b2');" style="color:black;background:rgb(160, 160, 160);border:2px solid black;margin:2px">
Alberta Advantage Immigration Program
</div>
<div class="column" onclick="openTab('b3');" style="color:black;background-color:rgb(160, 160, 160);border:2px solid black;margin:2px">
Express Entry via Provincial Nominee Program
</div>
</div>
<!-- Full-width columns: (hidden by default) -->
<div id="b1" class="containerTab" style="display:none;background:rgb(218, 249, 252);color:black">
<span onclick="this.parentElement.style.display='none'" class="closebtn">×</span>
<h2>Box 1</h2>
<p>Lorem ipsum dolor sit amet, te quo doctus abhorreant, et pri deleniti intellegat, te sanctus inermis
ullamcorper nam. Ius error diceret deseruisse ad</p>
</div>
<div id="b2" class="containerTab" style="display:none;background:rgb(209, 243, 247);color:black">
<span onclick="this.parentElement.style.display='none'" class="closebtn">×</span>
<h2>Box 2</h2>
<p>Lorem ipsum dolor sit amet, te quo doctus abhorreant, et pri deleniti intellegat, te sanctus inermis
ullamcorper nam. Ius error diceret deseruisse ad</p>
</div>
<div id="b3" class="containerTab" style="display:none;background:rgb(208, 245, 249);color:black">
<span onclick="this.parentElement.style.display='none'" class="closebtn">×</span>
<h2>Box 3</h2>
<p>Lorem ipsum dolor sit amet, te quo doctus abhorreant, et pri deleniti intellegat, te sanctus inermis
ullamcorper nam. Ius error diceret deseruisse ad</p>
</div>
<script>
function openTab(tabName) {
var i, x;
x = document.getElementsByClassName("containerTab");
for (i = 0; i < x.length; i++) {
x[i].style.display = "none";
}
document.getElementById(tabName).style.display = "block";
}
</script>
</section>
<footer>
<p>© 2024 Immigration Hub. All rights reserved.</p>
</footer>
</body>
</html>