-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
127 lines (121 loc) · 7.2 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
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>WYPR | Your NPR News Station</title>
<link href="css/styles.css" rel="stylesheet" type="text/css">
<link href="css/searchbox.css" rel="stylesheet" type="text/css">
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script type="text/javascript">
$(window).scroll(function() {
$('#header').css('top', $(this).scrollTop() + "px");
});
</script>
</head>
<body>
<div id="header">
<div id="headerContent">
<div id="idlogo"><a href="index.html"><img src="images/881_logo.png" width="227" height="131" alt="WYPR 88.1 Logo"></a></div>
<div id="headerFuncs">
<div>
<a href="m.index.html"><img src="images/wypr_logo.png" width="206" height="46" alt="WYPR Logo"></a>
<a href="#" target="_blank"><img src="images/playbutton.png" width="180" height="46" alt="Play Button"></a>
</div>
<div>
<div id="donate"><a href="support.html">Donate</a></div>
<div class="search">
<form method="get" id="searchform" id="searchbox_007471823761899649843:fvdkcfpamsm" action="search-result.html">
<div>
<input value="007471823761899649843:fvdkcfpamsm" name="cx" type="hidden" />
<input value="FORID:11" name="cof" type="hidden" />
<input type="text" value="" name="s" id="s" onfocus="defaultInput(this)" placeholder="Search..." onblur="clearInput(this)" />
<input type="submit" id="searchsubmit" value=" " />
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<div id="nav">
<ul>
<li><a href="#" class="current">Home</a></li>
<li><a href="programs.html">Programs</a></li>
<li><a href="newsroom.html">Newsroom</a></li>
<li><a href="events.html">Events</a></li>
<li><a href="support.html">Support</a></li>
<li><a href="about.html">About</a></li>
</ul>
</div>
<div id="bodyContent" class="index">
<div id="contentLeft">
<div class="newsHeader"><h2>Featured Programs</h2></div>
<div class="item program">
<div><img src="images/md_morning.jpg" width="191" height="176" alt="Maryland Morning"></div>
<h3>Maryland Morning</h3>
<p>On Maryland Morning we talk to the people who matter most to Marylanders: people making news, people making art, and people making a difference in Baltimore and beyond. Politics and poetry, sports and science, race and religion, movies and medicine: if it's on your mind, it's on our show.</p>
</div>
<div class="item program last">
<div><img src="images/midday.jpg" width="192" height="145" alt="Maryland Morning"></div>
<h3>Midday</h3>
<p>Midday is WYPR's daily public affairs program heard from noon-1pm, Monday-Friday. Topics range from the latest news, to local and national politics, to social, medical and cultural trends, featuring the best new books and most engaging authors, newsmakers and guests.</p>
</div>
<div class="newsHeader"><h2>NPR News</h2></div>
<div class="item">
<h3>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</h3>
<p>Vivamus fermentum tortor ex, at rutrum nisl malesuada at. Nulla facilisi. Quisque maximus leo vel mauris lobortis dignissim. Nunc eget mattis arcu, et scelerisque augue. Morbi sed tellus vitae urna aliquet faucibus a eget massa. Duis porttitor nisi eu pretium egestas. Nam varius metus bibendum ex finibus.</p>
</div>
<div class="item last">
<h3>Proin vestibulum enim nibh, ac facilisis neque tempus nec.</h3>
<p>Etiam viverra eleifend scelerisque. Mauris laoreet est at odio fermentum egestas at ut nulla. Praesent sollicitudin gravida nibh, eu laoreet ante feugiat vel.<br><br>Duis ultrices erat tellus, non interdum magna consequat nec. Nulla non suscipit ex. Vivamus congue fringilla ipsum, sed sagittis magna congue non. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. </p>
</div>
</div>
<div id="contentRight">
<div class="newsHeader"><h2>On the Watch</h2></div>
<div class="item watch last">
<div><img src="images/stats.jpg" width="430" height="186" alt="Maryland Morning"></div>
<h3>Aliquam tristique tortor vel tellus sollicitudin, vel lobortis urna blandit.</h3>
<p>Nam cursus volutpat velit nec fermentum. Etiam magna nunc, lobortis ac porttitor eleifend, imperdiet sit amet felis. Duis efficitur odio nunc, eget placerat ex placerat ac. Interdum et malesuada fames ac ante ipsum primis in faucibus. Donec volutpat lectus eu ante congue sodales. Curabitur sit amet feugiat quam.</p>
</div>
<div class="newsHeader"><h2>News</h2></div>
<div class="item news">
<h3>Vestibulum eleifend imperdiet mi, ac tempor metus convallis at.</h3><br>
<div><img src="images/bus.jpg" width="130" height="87" alt="School Bus"></div>
<p>Aliquam semper erat nec massa sollicitudin, sit amet tincidunt urna sodales. Maecenas viverra sit amet nunc tempus scelerisque. Mauris dictum pharetra erat sed facilisis. Vivamus fermentum tortor ex, at rutrum nisl malesuada at. Nulla facilisi. Quisque maximus leo vel mauris lobortis dignissim. Nunc eget mattis arcu, et scelerisque augue. Morbi sed tellus vitae urna aliquet faucibus a eget massa. Duis porttitor nisi eu pretium egestas. Nam varius metus bibendum ex finibus.</p>
</div>
<div class="item news last">
<h3>Donec viverra vulputate egestas.</h3><br>
<div><img src="images/art.jpg" width="127" height="127" alt="Roady"></div>
<p>Nulla purus metus, maximus at ante ut, feugiat placerat lorem. Quisque sed malesuada mauris. Morbi lacinia nunc non ligula porttitor, at tempor ipsum dignissim. Pellentesque sodales consectetur massa in venenatis. Curabitur elit tortor, gravida sed magna posuere vivamus congue fringilla ipsum, sed sagittis magna congue non.</p>
</div>
</div>
</div>
<div id="footer">
<div id="footerContent">
<div id="mission">
<p>Serving the metropolitan Baltimore area and the state of Maryland, the mission of Your Public Radio is to broadcast programs of intellectual integrity and cultural merit which enrich the minds and spirits of our listeners and ultimately strengthen the communities we serve.<br><br><a style="text-decoration:none; color:#FFF" href="wypr-newsletter.html" target="_blank">© 2016 WYPR</a></p>
</div>
<div id="contact">
<div id="social">
<div id="fb"><a target="_blank" href="https://www.facebook.com/WYPR881Baltimore"></a></div>
<div id="tw"><a target="_blank" href="https://twitter.com/WYPR881FM"></a></div>
<div id="igm"><a target="_blank" href="https://www.instagram.com/explore/locations/27732854/"></a></div>
</div>
<div id="formArea">
<p>Contact us:</p>
<form action="index.html" method="post">
<input name="formName" placeholder="Name" type="text" class="form" value="">
<input name="formEmail" placeholder="[email protected]" type="text" class="form" value="">
<textarea name="formComm" placeholder="Comments"></textarea>
<input name="formSubmit" type="submit" value="Submit" class="form">
</form>
</div>
</div>
</div>
<div class="bstripe orange"></div>
<div class="bstripe blue"></div>
<div class="bstripe green"></div>
</div>
</body>
</html>