This repository has been archived by the owner on Jun 22, 2022. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathhome.html
708 lines (706 loc) · 44.2 KB
/
home.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
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
<!DOCTYPE html>
<html class="wide wow-animation smoothscroll scrollTo" lang="en">
<head>
<!-- Site Title-->
<title>Home</title>
<meta charset="utf-8">
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta name="keywords" content="intense web design multipurpose template">
<meta name="date" content="Dec 26">
<link rel="icon" href="images/favicon.ico" type="image/x-icon">
<!-- Stylesheets-->
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Open+Sans:400,300italic,300,400italic,600,700%7CMerriweather:400,300,300italic,400italic,700,700italic">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/home.css">
<!--[if lt IE 10]>
<div style="background: #212121; padding: 10px 0; box-shadow: 3px 3px 5px 0 rgba(0,0,0,.3); clear: both; text-align:center; position: relative; z-index:1;"><a href="http://windows.microsoft.com/en-US/internet-explorer/"><img src="images/ie8-panel/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today."></a></div>
<script src="js/html5shiv.min.js"></script>
<![endif]-->
</head>
<body>
<!-- Page-->
<div class="page text-center">
<!-- Page Header-->
<div class="page-head header-panel-absolute">
<!-- RD Navbar Transparent-->
<div class="rd-navbar-wrap">
<nav class="rd-navbar rd-navbar-default" data-md-device-layout="rd-navbar-static" data-lg-device-layout="rd-navbar-static" data-xl-device-layout="rd-navbar-static" data-stick-up-offset="210" data-xl-stick-up-offset="85" data-lg-auto-height="true" data-auto-height="false" data-md-layout="rd-navbar-static" data-lg-layout="rd-navbar-static" data-lg-stick-up="true">
<div class="rd-navbar-inner">
<!-- RD Navbar Panel-->
<div class="rd-navbar-panel">
<!-- RD Navbar Toggle-->
<button class="rd-navbar-toggle" data-rd-navbar-toggle=".rd-navbar, .rd-navbar-nav-wrap"><span></span></button>
<h4 class="panel-title veil-md">Home</h4>
</div>
<div class="rd-navbar-menu-wrap clearfix">
<!--Navbar Brand-->
<div class="rd-navbar-brand"><a class="reveal-inline-block" href="home.html">
<div class="unit unit-xs-middle unit-xl unit-xl-horizontal unit-spacing-xxs">
<div class="unit-left"><img width='170' height='172' src='images/logo-170.png' alt=''/>
</div>
<div class="unit-body text-xl-left">
<div class="rd-navbar-brand-title">John Adams University</div>
<div class="rd-navbar-brand-slogan">Let every sluice of knowledge be opened and set a-flowing</div </div>
</div></a></div>
<div class="rd-navbar-nav-wrap">
<div class="rd-navbar-mobile-scroll">
<div class="rd-navbar-mobile-header-wrap">
<!--Navbar Brand Mobile-->
<div class="rd-navbar-mobile-brand"><a href="home.html"><img width='136' height='138' src='images/logo-170.png' alt=''/></a></div>
</div>
<!-- RD Navbar Nav-->
<ul class="rd-navbar-nav">
<li class="active"><a href="home.html">Home</a>
</li>
<li><a href="#">Elements</a>
<ul class="rd-navbar-dropdown">
<li><a href="grid.html">Grid</a>
</li>
<li><a href="icons.html">Icons</a>
</li>
<li><a href="tables.html">Tables</a>
</li>
<li><a href="progress-bars.html">Progress bars</a>
</li>
<li><a href="tabs-and-accordions.html">Tabs & Accordions</a>
</li>
<li><a href="forms.html">Forms</a>
</li>
<li><a href="buttons.html">Buttons</a>
</li>
<li><a href="typography.html">Typography</a>
</li>
</ul>
</li>
<li><a href="#">Pages</a>
<div class="rd-navbar-megamenu">
<div class="row section-relative">
<ul class="col-md-3">
<li class="tabs-nav">
<h6>Academic</h6>
<ul class="list-unstyled offset-lg-top-20">
<li><a href="academic.html#0">Undergraduate Study</a></li>
<li><a href="academic.html#1">Graduate & Professional Study</a></li>
<li><a href="academic.html#2">Departments & Programs</a></li>
<li><a href="academic.html#3">Global Education</a></li>
<li><a href="academic.html#4">Summer Session</a></li>
<li><a href="academic.html#5">Non-Degree Offerings</a></li>
<li><a href="academic.html#6">Online Learning</a></li>
</ul>
</li>
</ul>
<ul class="col-md-3">
<li>
<h6>Pages</h6>
<ul class="list-unstyled offset-lg-top-20">
<li><a href="404.html">404</a></li>
<li><a href="privacy.html">Terms of Use</a></li>
<li><a href="maintenance.html">Maintenance</a></li>
<li><a href="login-register.html">Login/Register</a></li>
<li><a href="coming-soon.html">Coming Soon</a></li>
<li><a href="search-results.html">Search Results</a></li>
<li><a href="apply.html">Apply</a></li>
</ul>
</li>
</ul>
<ul class="col-md-3">
<li>
<h6>Layouts</h6>
<ul class="list-unstyled offset-lg-top-20">
<li><a href="header-transparent.html">Header Transparent</a></li>
<li><a href="header-center.html">Header Center, Footer Center</a></li>
<li><a href="header-minimal.html">Header Minimal, Footer Center</a></li>
<li><a href="header-corporate.html">Header Corporate</a></li>
<li><a href="header-hamburger-menu.html">Header Hamburger Menu</a></li>
<li><a href="footer-minimal.html">Footer Minimal</a></li>
<li><a href="footer-widget.html">Footer Widget</a></li>
</ul>
</li>
</ul>
<ul class="col-md-3">
<li>
<h6>About</h6>
<ul class="list-unstyled offset-lg-top-20">
<li><a href="history.html">History</a></li>
<li><a href="people.html">People</a></li>
<li><a href="team-member-profile.html">Team Member Profile</a></li>
</ul>
</li>
<li>
<h6>Event Calendar</h6>
<ul class="list-unstyled offset-lg-top-20">
<li><a href="calendar.html">Calendar</a></li>
<li><a href="day-event.html">Day Event</a></li>
<li><a href="event-page.html">Event Page</a></li>
</ul>
</li>
</ul>
</div>
</div>
</li>
<li><a href="#">News</a>
<ul class="rd-navbar-dropdown">
<li><a href="classic-news.html">Classic news</a>
</li>
<li><a href="grid-news.html">Grid News</a>
</li>
<li><a href="masonry-news.html">Masonry News</a>
</li>
<li><a href="grid-news-3-columns.html">3 Columns Grid News</a>
</li>
<li><a href="modern-news.html">Modern News</a>
</li>
<li><a href="news-post-page.html">News Post Page</a>
</li>
</ul>
</li>
<li><a href="#">Campus</a>
<ul class="rd-navbar-dropdown">
<li><a href="grid-gallery.html">Grid Gallery</a>
</li>
<li><a href="grid-without-padding-gallery.html">Grid Without Padding Gallery</a>
</li>
<li><a href="masonry-gallery.html">Masonry Gallery</a>
</li>
<li><a href="cobbles-gallery.html">Cobbles Gallery</a>
</li>
</ul>
</li>
<li><a href="#">Shop</a>
<ul class="rd-navbar-dropdown">
<li><a href="product-catalog.html">Product Catalog</a>
</li>
<li><a href="single-product.html">Single Product</a>
</li>
<li><a href="shopping-cart.html">Shopping Cart</a>
</li>
<li><a href="checkout.html">Checkout</a>
</li>
</ul>
</li>
<li><a href="donate.html">Donate</a>
</li>
<li><a href="contacts.html">Contacts</a>
</li>
<li class="veil-md"><a href="shopping-cart.html">Shopping Cart (2)</a></li>
</ul>
<!--RD Navbar Mobile Search-->
<div class="rd-navbar-search-mobile" id="rd-navbar-search-mobile">
<form class="rd-navbar-search-form search-form-icon-right rd-search" action="search-results.html" method="GET">
<div class="form-group">
<label class="form-label" for="rd-navbar-mobile-search-form-input">Search...</label>
<input class="rd-navbar-search-form-input form-control form-control-gray-lightest" id="rd-navbar-mobile-search-form-input" type="text" name="s" autocomplete="off"/>
</div>
<button class="icon fa-search rd-navbar-search-button" type="submit"></button>
</form>
</div>
</div>
</div>
<!--RD Navbar Search-->
<div class="rd-navbar-search"><a class="rd-navbar-search-toggle mdi" data-rd-navbar-toggle=".rd-navbar-search" href="#"><span></span></a>
<form class="rd-navbar-search-form search-form-icon-right rd-search" action="search-results.html" data-search-live="rd-search-results-live" method="GET">
<div class="form-group">
<label class="form-label" for="rd-navbar-search-form-input">Search</label>
<input class="rd-navbar-search-form-input form-control form-control-gray-lightest" id="rd-navbar-search-form-input" type="text" name="s" autocomplete="off"/>
<div class="rd-search-results-live" id="rd-search-results-live"></div>
</div>
</form>
</div>
<!--RD Navbar shop-->
<div class="rd-navbar-cart"><span class="icon fa-shopping-cart"></span><a class="inset-left-10" href="shopping-cart.html">2</a></div>
</div>
</div>
</nav>
</div>
</div>
<!-- Page Content-->
<div class="page-content">
<section class="bg-home context-dark text-left">
<!-- Background Image-->
<div class="shell section-70 section-xl-100 section-xl-bottom-114">
<div class="content offset-top-20 offset-xs-top-40 offset-xl-top-60 inset-lg-right-100">
<h1>Inspiration, Innovation and Discovery.</h1>
<p>Any successful career starts with good education. Together with us you will have deeper knowledge of the subjects that will be especially useful for you when climbing the career ladder.</p>
</div>
<div class="offset-top-20 offset-xl-top-40">
<a class="btn btn-primary" href="login-register.html">Sign Up for Excursion</a>
</div>
</div>
</section>
<!-- A Few Words About the University-->
<section class="section-70 section-md-114">
<div class="shell">
<div class="range text-sm-left range-sm-middle range-sm-justify">
<div class="cell-sm-5 cell-md-4 cell-sm-push-2"><a href="home.html"><img class="img-responsive reveal-inline-block" src="images/logo-326x329.png" width="220" ></a></div>
<div class="cell-sm-7 cell-md-7 cell-sm-push-1 offset-top-50 offset-md-top-0">
<h2 class="text-bold">A Few Words <br class="veil reveal-lg-inline-block"> About the University</h2>
<hr class="divider bg-madison hr-sm-left-0">
<div class="offset-top-35 offset-md-top-60">
<p>One of the world's premier academic and research institutions, the John Adams University has driven new ways of thinking since our 1876 founding. Today, JCU is an intellectual destination that draws inspired scholars to our Hyde Park and international campuses, keeping JCU at the nexus of ideas that challenge and change the world.</p>
</div>
<div class="offset-top-30"><a class="btn btn-icon btn-icon-right btn-default" href="history.html"><span class="icon fa-arrow-right"></span><span>Learn More</span></a></div>
</div>
</div>
</div>
</section>
<!--Our Featured Courses-->
<section class="bg-madison context-dark">
<div class="shell">
<div class="range range-xs-center range-sm-right offset-top-0">
<div class="cell-xs-10 cell-sm-7 section-image-aside section-image-aside-left text-sm-left">
<div class="section-image-aside-img veil reveal-sm-block" style="background-image: url(images/home-01-846x1002.jpg);"></div>
<div class="section-image-aside-body section-70 section-md-114 inset-sm-left-70 inset-lg-left-110">
<h2 class="text-bold">Our Featured Courses</h2>
<hr class="divider hr-sm-left-0 bg-white">
<div class="offset-top-35 offset-md-top-60 text-light">Our Featured Courses are selected through a rigorous process and uniquely created for each semester.</div>
<div class="text-left">
<div class="offset-top-60">
<article class="post-vacation"><a class="post-vacation-img-wrap bg-image" href="academic.html" style="background-image: url(images/course-01-150x120.jpg);"></a>
<div class="post-vacation-body">
<div>
<h6 class="post-vacation-title"><a href="academic.html">Financial Analyst Course</a></h6>
</div>
<div class="offset-lg-top-10">
<p>Charles Banks</p>
</div>
<div class="post-vacation-meta offset-top-10">
<time class="text-dark" datetime="2016-01-01">June 3, 2016</time>
<ul class="list-inline list-unstyled list-inline-primary">
<li><a class="icon icon-xxs mdi mdi-timer-sand" href="#" data-toggle="tooltip" data-placement="top" title="Part time"></a></li>
<li><a class="icon icon-xxs mdi mdi-star" href="#" data-toggle="tooltip" data-placement="top" title="Certified"></a></li>
<li><a class="icon icon-xxs mdi mdi-laptop-chromebook" href="#" data-toggle="tooltip" data-placement="top" title="Online Course"></a></li>
</ul>
</div>
</div>
</article>
</div>
<div class="offset-top-30">
<article class="post-vacation"><a class="post-vacation-img-wrap bg-image" href="academic.html" style="background-image: url(images/course-02-150x120.jpg);"></a>
<div class="post-vacation-body">
<div>
<h6 class="post-vacation-title"><a href="academic.html">Digital Marketing Course</a></h6>
</div>
<div class="offset-lg-top-10">
<p>Maria Howard</p>
</div>
<div class="post-vacation-meta offset-top-10">
<time class="text-dark" datetime="2016-01-01">June 3, 2016</time>
<ul class="list-inline list-unstyled list-inline-primary">
<li><a class="icon icon-xxs mdi mdi-battery-50" href="#" data-toggle="tooltip" data-placement="top" title="Facultative"></a></li>
<li><a class="icon icon-xxs mdi mdi-star" href="#" data-toggle="tooltip" data-placement="top" title="Certified"></a></li>
</ul>
</div>
</div>
</article>
</div>
<div class="offset-top-30">
<article class="post-vacation"><a class="post-vacation-img-wrap bg-image" href="academic.html" style="background-image: url(images/course-03-150x120.jpg);"></a>
<div class="post-vacation-body">
<div>
<h6 class="post-vacation-title"><a href="academic.html">Graphic Design Course</a></h6>
</div>
<div class="offset-lg-top-10">
<p>Steven Carter</p>
</div>
<div class="post-vacation-meta offset-top-10">
<time class="text-dark" datetime="2016-01-01">June 3, 2016</time>
<ul class="list-inline list-unstyled list-inline-primary">
<li><a class="icon icon-xxs mdi mdi-battery-50" href="#" data-toggle="tooltip" data-placement="top" title="Facultative"></a></li>
<li><a class="icon icon-xxs mdi mdi-star" href="#" data-toggle="tooltip" data-placement="top" title="Certified"></a></li>
<li><a class="icon icon-xxs mdi mdi-laptop-chromebook" href="#" data-toggle="tooltip" data-placement="top" title="Online Course"></a></li>
</ul>
</div>
</div>
</article>
</div>
</div>
<div class="offset-top-60"><a class="btn btn-primary" href="academic.html">View All Courses</a></div>
</div>
</div>
</div>
</div>
</section>
<!-- Counters-->
<section class="section-70 section-md-114">
<div class="shell">
<h2 class="text-bold">Statistics</h2>
<hr class="divider bg-madison">
<div class="range range-xs-center offset-top-60">
<div class="cell-xs-10 cell-sm-8">
<p>John Adams University was founded on the principle that by pursuing big ideas and sharing what we learn, we make the world a better place. For more than 135 years, we haven’t strayed from that vision.</p>
</div>
</div>
<div class="range range-xs-center range-md-left offset-top-65 counters">
<div class="cell-sm-6 cell-md-3">
<!-- Counter type 1-->
<div class="counter-type-1"><span class="icon icon-lg icon-outlined text-madison mdi mdi-school"></span>
<div class="h3 text-bold text-primary offset-top-15"><span class="counter" data-speed="1300" data-from="0" data-to="97"></span><span>%</span></div>
<hr class="divider bg-gray-light divider-sm"/>
<div class="offset-top-10">
<h6 class="text-black font-accent">Graduates</h6>
</div>
</div>
</div>
<div class="cell-sm-6 cell-md-3 offset-top-65 offset-sm-top-0">
<!-- Counter type 1-->
<div class="counter-type-1"><span class="icon icon-lg icon-outlined text-madison mdi mdi-wallet-travel"></span>
<div class="h3 text-bold text-primary offset-top-15"><span class="counter" data-speed="1250" data-from="0" data-to="30"></span><span>+</span></div>
<hr class="divider bg-gray-light divider-sm"/>
<div class="offset-top-10">
<h6 class="text-black font-accent">Certified Teachers</h6>
</div>
</div>
</div>
<div class="cell-sm-6 cell-md-3 offset-top-65 offset-md-top-0">
<!-- Counter type 1-->
<div class="counter-type-1"><span class="icon icon-lg icon-outlined text-madison mdi mdi-domain"></span>
<div class="h3 text-bold text-primary offset-top-15"><span class="counter" data-step="1500" data-from="0" data-to="8"></span></div>
<hr class="divider bg-gray-light divider-sm"/>
<div class="offset-top-10">
<h6 class="text-black font-accent">Student Campuses</h6>
</div>
</div>
</div>
<div class="cell-sm-6 cell-md-3 offset-top-65 offset-md-top-0">
<!-- Counter type 1-->
<div class="counter-type-1"><span class="icon icon-lg icon-outlined text-madison mdi mdi-account-multiple-outline"></span>
<div class="h3 text-bold text-primary offset-top-15"><span class="counter" data-step="500" data-from="0" data-to="6510"></span></div>
<hr class="divider bg-gray-light divider-sm"/>
<div class="offset-top-10">
<h6 class="text-black font-accent">Students</h6>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Trusted by Over 6000+ Students-->
<section class="context-dark">
<div class="bg-vide" data-vide-bg="video/bg-video-1-lg" data-vide-options="posterType: jpg">
<div class="shell section-100 section-md-160">
<h2 class="text-bold">Trusted by Over 6000+ Students</h2>
<div class="offset-top-30">
<p>Join our community of students around the world helping you succeed.</p>
</div>
<div class="offset-top-35 offset-lg-top-70"><a class="btn btn-primary" href="login-register.html">Get Started</a></div>
</div>
</div>
</section>
<!-- Events-->
<section class="bg-catskill">
<div class="shell-wide section-70 section-md-114">
<h2 class="text-bold">Events</h2>
<hr class="divider bg-madison">
<div class="range offset-top-60 range-xs-center">
<div class="cell-sm-6 cell-md-5 cell-xl-3">
<article class="post-event">
<div class="post-event-img-overlay"><img class="img-responsive" src="images/blog/events-01-420x420.jpg" width="420" height="420" >
<div class="post-event-overlay context-dark"><a class="btn btn-primary" href="apply.html">Book Now</a>
<div class="offset-top-20"><a class="btn btn-default" href="event-page.html">Learn More</a></div>
</div>
</div>
<div class="unit unit-lg unit-lg-horizontal">
<div class="unit-left">
<div class="post-event-meta text-center">
<div class="h3 text-bold reveal-inline-block reveal-lg-block">31</div>
<p class="reveal-inline-block reveal-lg-block">September</p><span class="text-bold reveal-inline-block reveal-lg-block inset-left-10 inset-lg-left-0">5:00pm</span>
</div>
</div>
<div class="unit-body">
<div class="post-event-body text-lg-left">
<h6><a href="event-page.html">Spacewalking Conference</a></h6>
<ul class="list-inline list-inline-xs">
<li><a href="team-member-profile.html"><span class="icon icon-xxs mdi mdi-account-outline text-middle"></span><span class="inset-left-10 text-dark text-middle">Walter Stanley</span></a></li>
</ul>
</div>
</div>
</div>
</article>
</div>
<div class="cell-sm-6 cell-md-5 cell-xl-3 offset-top-50 offset-sm-top-0">
<article class="post-event">
<div class="post-event-img-overlay"><img class="img-responsive" src="images/blog/events-02-420x420.jpg" width="420" height="420" >
<div class="post-event-overlay context-dark"><a class="btn btn-primary" href="apply.html">Book Now</a>
<div class="offset-top-20"><a class="btn btn-default" href="event-page.html">Learn More</a></div>
</div>
</div>
<div class="unit unit-lg unit-lg-horizontal">
<div class="unit-left">
<div class="post-event-meta text-center">
<div class="h3 text-bold reveal-inline-block reveal-lg-block">5</div>
<p class="reveal-inline-block reveal-lg-block">July</p><span class="text-bold reveal-inline-block reveal-lg-block inset-left-10 inset-lg-left-0">5:00pm</span>
</div>
</div>
<div class="unit-body">
<div class="post-event-body text-lg-left">
<h6><a href="event-page.html">International Conference on Biomolecular Engineering</a></h6>
<ul class="list-inline list-inline-xs">
<li><a href="team-member-profile.html"><span class="icon icon-xxs mdi mdi-account-outline text-middle"></span><span class="inset-left-10 text-dark text-middle">Raymond Salazar</span></a></li>
</ul>
</div>
</div>
</div>
</article>
</div>
<div class="cell-sm-6 cell-md-5 cell-xl-3 offset-top-50 offset-xl-top-0">
<article class="post-event">
<div class="post-event-img-overlay"><img class="img-responsive" src="images/blog/events-03-420x420.jpg" width="420" height="420" >
<div class="post-event-overlay context-dark"><a class="btn btn-primary" href="apply.html">Book Now</a>
<div class="offset-top-20"><a class="btn btn-default" href="event-page.html">Learn More</a></div>
</div>
</div>
<div class="unit unit-lg unit-lg-horizontal">
<div class="unit-left">
<div class="post-event-meta text-center">
<div class="h3 text-bold reveal-inline-block reveal-lg-block">15</div>
<p class="reveal-inline-block reveal-lg-block">June</p><span class="text-bold reveal-inline-block reveal-lg-block inset-left-10 inset-lg-left-0">5:00pm</span>
</div>
</div>
<div class="unit-body">
<div class="post-event-body text-lg-left">
<h6><a href="event-page.html">Graphic Design Workshop</a></h6>
<ul class="list-inline list-inline-xs">
<li><a href="team-member-profile.html"><span class="icon icon-xxs mdi mdi-account-outline text-middle"></span><span class="inset-left-10 text-dark text-middle">Bruce Hawkins</span></a></li>
</ul>
</div>
</div>
</div>
</article>
</div>
<div class="cell-sm-6 cell-md-5 cell-xl-3 offset-top-50 offset-xl-top-0">
<article class="post-event">
<div class="post-event-img-overlay"><img class="img-responsive" src="images/blog/events-04-420x420.jpg" width="420" height="420" >
<div class="post-event-overlay context-dark"><a class="btn btn-primary" href="apply.html">Book Now</a>
<div class="offset-top-20"><a class="btn btn-default" href="event-page.html">Learn More</a></div>
</div>
</div>
<div class="unit unit-lg unit-lg-horizontal">
<div class="unit-left">
<div class="post-event-meta text-center">
<div class="h3 text-bold reveal-inline-block reveal-lg-block">5</div>
<p class="reveal-inline-block reveal-lg-block">June</p><span class="text-bold reveal-inline-block reveal-lg-block inset-left-10 inset-lg-left-0">5:00pm</span>
</div>
</div>
<div class="unit-body">
<div class="post-event-body text-lg-left">
<h6><a href="event-page.html">History of Art</a></h6>
<ul class="list-inline list-inline-xs">
<li><a href="team-member-profile.html"><span class="icon icon-xxs mdi mdi-account-outline text-middle"></span><span class="inset-left-10 text-dark text-middle">Danielle Garza</span></a></li>
</ul>
</div>
</div>
</div>
</article>
</div>
</div>
<div class="offset-top-50 offset-lg-top-56"><a class="btn btn-icon btn-icon-right btn-primary" href="calendar.html"><span class="icon fa-arrow-right"></span><span>View Event Calendar</span></a></div>
</div>
</section>
<!-- Latest news-->
<section class="bg-catskill">
<div class="shell section-70 section-md-114">
<h2 class="text-bold">Latest News</h2>
<hr class="divider bg-madison">
<div class="range offset-top-60 text-left range-xs-center">
<div class="cell-sm-6 cell-md-4">
<article class="post-news"><a href="news-post-page.html"><img class="img-responsive" src="images/blog/news-01-370x240.jpg" width="370" height="240"></a>
<div class="post-news-body">
<h6><a href="news-post-page.html">Liberal Arts Colleges Rankings</a></h6>
<div class="offset-top-20">
<p>Liberal Arts Colleges emphasize undergraduate education and award at least half of their degrees in the liberal arts fields of study.</p>
</div>
<div class="post-news-meta offset-top-20"><span class="icon icon-xs mdi mdi-calendar-clock text-middle text-madison"></span><span class="text-middle inset-left-10 text-italic text-black">2 days ago</span></div>
</div>
</article>
<div class="offset-top-30">
<article class="post-news"><a href="news-post-page.html"><img class="img-responsive" src="images/blog/news-04-370x240.jpg" width="370" height="240"></a>
<div class="post-news-body">
<h6><a href="news-post-page.html">
Ways Parents and Counselors Can
Help Students Earn Scholarships</a></h6>
<div class="offset-top-20">
<p>Securing scholarships can be stressful, but parents and counselors can serve as a resource.</p>
</div>
<div class="post-news-meta offset-top-20"><span class="icon icon-xs mdi mdi-calendar-clock text-middle text-madison"></span><span class="text-middle inset-left-10 text-italic text-black">2 days ago</span></div>
</div>
</article>
</div>
</div>
<div class="cell-sm-6 cell-md-4 offset-top-30 offset-sm-top-0">
<article class="post-news"><a href="news-post-page.html"><img class="img-responsive" src="images/blog/news-02-370x240.jpg" width="370" height="240"></a>
<div class="post-news-body">
<h6><a href="news-post-page.html">10 Law Schools Where the Most Accepted Students Enroll</a></h6>
<div class="offset-top-20">
<p>At these schools, at least 42 percent of accepted students enrolled in fall 2015, U.S. News data show.</p>
</div>
<div class="post-news-meta offset-top-20"><span class="icon icon-xs mdi mdi-calendar-clock text-middle text-madison"></span><span class="text-middle inset-left-10 text-italic text-black">2 days ago</span></div>
</div>
</article>
<div class="offset-top-30">
<article class="post-news"><a href="news-post-page.html"><img class="img-responsive" src="images/blog/news-05-370x240.jpg" width="370" height="240"></a>
<div class="post-news-body">
<h6><a href="news-post-page.html">
Consider MBA Programs That
Offer Summer Prep</a></h6>
<div class="offset-top-20">
<p>Summer preparatory programs offered through schools allow students to get a head start on making connections and building skills.</p>
</div>
<div class="post-news-meta offset-top-20"><span class="icon icon-xs mdi mdi-calendar-clock text-middle text-madison"></span><span class="text-middle inset-left-10 text-italic text-black">2 days ago</span></div>
</div>
</article>
</div>
</div>
<div class="cell-sm-12 cell-md-4 offset-top-30 offset-md-top-0">
<div class="range">
<div class="cell-sm-6 cell-md-12">
<article class="post-news"><a href="news-post-page.html"><img class="img-responsive" src="images/blog/news-03-370x240.jpg" width="370" height="240" ></a>
<div class="post-news-body">
<h6><a href="news-post-page.html">5 Ways to Pay for Community College</a></h6>
<div class="offset-top-20">
<p>Many community colleges offer promise programs, which offer tuition-free awards to eligible students – mainly to students with Pell grant eligibility.</p>
</div>
<div class="post-news-meta offset-top-20"><span class="icon icon-xs mdi mdi-calendar-clock text-middle text-madison"></span><span class="text-middle inset-left-10 text-italic text-black">2 days ago</span></div>
</div>
</article>
</div>
<div class="cell-sm-6 cell-md-12 offset-top-30 offset-sm-top-0 offset-md-top-30">
<article class="post-news"><a href="news-post-page.html"><img class="img-responsive" src="images/blog/news-06-370x240.jpg" width="370" height="240"></a>
<div class="post-news-body">
<h6><a href="news-post-page.html">Studying in the United States</a></h6>
<div class="offset-top-20">
<p>International students increasingly want to come to the United States for college or graduate school.</p>
</div>
<div class="post-news-meta offset-top-20"><span class="icon icon-xs mdi mdi-calendar-clock text-middle text-madison"></span><span class="text-middle inset-left-10 text-italic text-black">2 days ago</span></div>
</div>
</article>
</div>
</div>
</div>
</div>
<div class="offset-top-50"><a class="btn btn-primary" href="modern-news.html">View All News Posts</a></div>
</div>
</section>
</div>
<!-- Corporate footer-->
<div class="page-footer">
<div class="shell-wide">
<div class="hr bg-gray-light"></div>
</div>
<div class="shell section-60">
<div class="range range-lg-justify range-xs-center">
<div class="cell-md-3 cell-lg-2">
<!--Footer brand--><a class="reveal-inline-block" href="home.html"><img width='170' height='172' src='images/logo-170.png' alt=''/>
<div>
<h6 class="barnd-name text-bold offset-top-25">John Adams</h6>
</div>
<div>
<p class="brand-slogan text-gray text-italic font-accent">University</p>
</div></a>
</div>
<div class="cell-xs-10 cell-md-5 cell-lg-4 text-lg-left offset-top-50 offset-md-top-0">
<h6 class="text-bold">Contact us</h6>
<div class="text-subline"></div>
<div class="offset-top-30">
<ul class="list-unstyled contact-info list">
<li>
<div class="unit unit-horizontal unit-middle unit-spacing-xs">
<div class="unit-left"><span class="icon mdi mdi-phone text-middle icon-xs text-madison"></span></div>
<div class="unit-body"><a class="text-dark" href="callto:#">1-800-1234-567,</a> <a class="reveal-block reveal-md-inline-block text-dark" href="callto:#">1-800-6547-321</a>
</div>
</div>
</li>
<li class="offset-top-15">
<div class="unit unit-horizontal unit-middle unit-spacing-xs">
<div class="unit-left"><span class="icon mdi mdi-map-marker text-middle icon-xs text-madison"></span></div>
<div class="unit-body text-left"><a class="text-dark" href="#">2130 Fulton Street San Diego, CA 94117-1080 USA</a></div>
</div>
</li>
<li class="offset-top-15">
<div class="unit unit-horizontal unit-middle unit-spacing-xs">
<div class="unit-left"><span class="icon mdi mdi-email-open text-middle icon-xs text-madison"></span></div>
<div class="unit-body"><a href="mailto:#">[email protected]</a></div>
</div>
</li>
</ul>
</div>
<div class="offset-top-15 text-left">
<ul class="list-inline list-inline-xs list-inline-madison">
<li><a class="icon icon-xxs fa-facebook icon-circle icon-gray-light-filled" href="#"></a></li>
<li><a class="icon icon-xxs fa-twitter icon-circle icon-gray-light-filled" href="#"></a></li>
<li><a class="icon icon-xxs fa-google icon-circle icon-gray-light-filled" href="#"></a></li>
<li><a class="icon icon-xxs fa-instagram icon-circle icon-gray-light-filled" href="#"></a></li>
</ul>
</div>
</div>
<div class="cell-xs-10 cell-md-8 cell-lg-4 text-lg-left offset-top-50 offset-lg-top-0">
<h6 class="text-bold">Newsletter</h6>
<div class="text-subline"></div>
<div class="offset-top-30 text-left">
<p>Enter your email address to get the latest University news, special events and student activities delivered right to your inbox.</p>
</div>
<div class="offset-top-10">
<form class="rd-mailform form-subscribe" data-form-output="form-subscribe-footer" data-form-type="subscribe" method="post" action="bat/rd-mailform.php">
<div class="form-group">
<div class="input-group input-group-sm">
<input class="form-control" placeholder="Your e-mail" type="email" name="email" data-constraints="@Required @Email"/><span class="input-group-btn">
<button class="btn btn-sm btn-primary" type="submit">Subscribe</button></span>
</div>
</div>
<div class="form-output" id="form-subscribe-footer"></div>
</form>
</div>
</div>
</div>
</div>
<div class="bg-madison context-dark">
<div class="shell text-md-left section-5">
More University Templates at <a rel="nofollow" href="http://www.templatemonster.com/category.php?category=186&type=1" target="_blank">TemplateMonster.com</a>
<p>© <span id="copyright-year"></span> All Rights Reserved Terms of Use and <a href="privacy.html">Privacy Policy</a></p>
</div>
</div>
</div>
</div>
<!-- Global Mailform Output-->
<div class="snackbars" id="form-output-global"></div>
<!-- PhotoSwipe Gallery-->
<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
<div class="pswp__bg"></div>
<div class="pswp__scroll-wrap">
<div class="pswp__container">
<div class="pswp__item"></div>
<div class="pswp__item"></div>
<div class="pswp__item"></div>
</div>
<div class="pswp__ui pswp__ui--hidden">
<div class="pswp__top-bar">
<div class="pswp__counter"></div>
<button class="pswp__button pswp__button--close" title="Close (Esc)"></button>
<button class="pswp__button pswp__button--share" title="Share"></button>
<button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>
<button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>
<div class="pswp__preloader">
<div class="pswp__preloader__icn">
<div class="pswp__preloader__cut">
<div class="pswp__preloader__donut"></div>
</div>
</div>
</div>
</div>
<div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
<div class="pswp__share-tooltip"></div>
</div>
<button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"></button>
<button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"></button>
<div class="pswp__caption">
<div class="pswp__caption__center"></div>
</div>
</div>
</div>
</div>
<!-- Java script-->
<script src="js/core.min.js"></script>
<script src="js/script.js"></script>
</body>
</html>