-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathnews.html
114 lines (97 loc) · 3.09 KB
/
news.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
<!DOCTYPE html>
<html>
<!-- CSS FILE!!! -->
<style>
@import url("main.css")
</style>
<head>
<title>News | NPS Virtual Kiosk</title>
<!-- Search button icon -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- JQUERY "IMPORT" -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
<!-- EXTERNAL JS FILE -->
<script src="searchResults.js"></script>
<!-- For loading results -->
<script type="text/javascript">
window.onload = function() {
loadAlertsBar();
dispNewsRes();
}
</script>
</head>
<body>
<div class="bgimage"></div>
<div class="content">
<!-- NAVBAR!!! -->
<div class="typNavBar">
<img src="BackgroundPics/NPSLogo.png" class="menuLogo"></img>
<h1 class="menuTitle">NPS VIRTUAL KIOSK</h1>
<!-- MENU -->
<ul class="navList">
<li class="navItem"><a href="index.html" class="navLink">Home</a></li>
<li class="navItem"><a href="locations.html" class="navLink">Locations</a></li>
<li class="navItem"><a href="events.html" class="navLink" >Events</a></li>
<li class="navItem"><a href="news.html" class="navLink active">News</a></li>
<li class="navItem"><a href="education.html" class="navLink">Education</a></li>
</ul>
</div>
<!-- PAGE CONTENT -->
<div class="pageContent">
<h1>News</h1>
<hr />
<!-- OVERALL SEARCH ON LANDING -->
<h2 style="text-align: center; font-size: 30px;">What can we help you find?</h2>
<p style="text-align: center; font-style: italic;">
Type keywords into the search bar below or search the listing below.
</p>
<!-- SEARCH BAR -->
<form style="text-align: center;">
<input type="text" name="keywords" style="width: 50%; height: 35px;">
<button type="submit" class="searchButton">
<i class="fa fa-search"></i>
</button><!-- SEE IF CAN SET ICON AS VALUE -->
</form>
<div class="resNavBar">
<ul class="resNavList">
<li class="resNavItem">
<span class="resNavText" id="newsSelector">
News Type
</span>
<span style="padding-left: 5px; padding-right: 15px;">▾</span>
<div class="resDD">
<div onclick="$('#newsResults').show(); $('#alertsResults').hide(); $('#newsSelector').text('News Releases');">News Releases</div>
<div onclick="$('#newsResults').hide(); $('#alertsResults').show(); $('#newsSelector').text('Alerts');">Alerts</div>
</div>
</li>
<li class="resNavItem">
<span class="resNavText">
Filter Criteria
</span>
<span style="padding-left: 5px; padding-right: 15px;">▾</span>
</li>
</ul>
</div>
<!-- SEARCH RESULTS -->
<div id="newsResults">Loading news releases...</div>
<div id="alertsResults" style="display: none;"></div>
</div>
<!-- ALERTS BAR -->
<div >
<table class="alertsBar">
<tr>
<td class="alertsHeader">
<h1 style="font-size: 14px;">ALERTS</h1>
</td>
<td class="alertsScrolling">
<p>
<marquee id="alertsText">
</marquee>
</p>
</td>
</tr>
</table>
</div>
</div>
</body>
</html>