ATEC 3361 Lecture Notes - Lecture 7: American Health Care Act Of 2017, Sean Spicer, Droid Fonts
1 May 2018
School
Department
Course
Professor
Code Sample
HTML
<!DOCTYPE html>
<html>
<head>
<title>CNN Headline News</title>
<link
href='http://fonts.googleapis.com/css?family=Roboto|Lato|Droid+Sans'
rel='stylesheet'>
<link type="text/css" rel="stylesheet" href="styles.css">
</head>
<body>
<h1>CNN Headline News</h1>
<div id="main-stories">
<h2>WH walks back wiretapping claim</h2>
<img src="images/sean-spicer.jpg" alt="White House
spokesman Sean Spicer speaks during the daily press briefing"
width="100%" />
<h3>Spicer: Trump didn't mean wiretapping when he tweeted
about 'wiretapping'</h3>
<div class="headline-story-list">
<ul>
<li>DOJ wants more time to collect wiretap
evidence</li>
<li>Conway denies suggesting wider surveillance of
Trump</li>
<li>Spicer spars over trusting Trump</li>
<li>British Parliament triggers Brexit</li>
</ul>
</div>
</div>
<div id="top-political-stories">
<h2 class="top-story-heading">Top political stories</h2>
<img src="images/american-health-care-act.jpg" alt="Newly
written American Health Care Act" width="100%" />
<h3>Opinion: GOP health plan is bad news for old and
poor</h3>
<div class="headline-story-list">
<ul>
<li>CBO: 24 million fewer will be insured by 2026
under GOP plan</li>
<li>How the GOP plan compares to Obamacare</li>
<li>Read the cost estimate for GOP plan</li>
<li>Opinion: GOP health plan is immoral</li>
<li>WH defends firing of 46 US attorneys</li>
<li>What Bharara might have meant in his cryptic
tweet</li>
</ul>
</div>
</div>
<div id="top-stories">
<h2 class="top-story-heading">Top stories</h2>
<video controls autoplay width="100%">
<source src="images/forecast-radar.mp4"
type="video/mp4">
Your browser does not support the video tag.
</video>
<h3>Millions in path of massive Nor'easter</h3>
<ul>
<li>Track the winter weather <span class="top-story-
timer">1h</span></li>
<li>Rep. Luis Gutierrez explains his ICE arrest <span
class="top-story-timer">1h</span></li>
<li>British Parliament triggers Brexit <span
class="top-story-timer">2h</span></li>
<li>What the new video from Ferguson shows <span
class="top-story-timer">3h</span></li>
<li>The problem with 'Buy American' <span class="top-
story-timer">3h</span></li>
<li>Insults fly over new Michael Brown video <span
class="top-story-timer">4h</span></li>
<li>The stealth Supreme Court nomination <span
class="top-story-timer">5h</span></li>
</ul>
</div>
</body>
</html>
CSS
body {
font-family: 'Lato';
font-size: 14px;
}
ul {
padding: 0;
margin: 0;
}
ul li {
/* adds a separator between items */
border-top: 1px solid gray;
list-style-type: none;
padding-top: 10px;
padding-bottom: 10px;
}
#main-stories,
