-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
83 lines (80 loc) · 5.36 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
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>Contoso News</title>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="css/style.css">
</head>
<body class="container">
<header>
<h1>Contoso News</h1>
<h2>On Time, On Topic</h2>
</header>
<section id="carousel" class="carousel slide" data-ride="carousel">
<div class="carousel-inner" role="listbox">
<figure class="item active">
<img src="images/efficient_cars.png" alt="Efficient Cars" />
<figcaption class="carousel-caption">2017 Cars Promise to be More Fuel Efficient Than Ever</figcaption>
</figure>
<figure class="item">
<img src="images/natural_disaster.png" alt="Natural Disaster" />
<figcaption class="carousel-caption">Hurricane Threatens to Touch Down on the East Coast This Weekend</figcaption>
</figure>
<figure class="item">
<img src="images/health_records.png" alt="Health Records" />
<figcaption class="carousel-caption">Many Doctors are Moving to Digital Health Records This Year</figcaption>
</figure>
</div>
</section>
<main class="row">
<h3>Latest Articles</h3>
<article class="well col-md-4">
<time datetime="16-01-2016">
Friday, Jan 16
</time>
<h4>International Story</h4>
<p>Curabitur pharetra luctus augue, non posuere orci tristique vel. Sed posuere nisi nec lacus ullamcorper, ac vulputate nisl consequat. Nullam sollicitudin nulla vel felis faucibus aliquam. Nunc sit amet velit orci. Proin sed orci fringilla,
elementum felis condimentum, convallis augue. Aliquam erat volutpat. Mauris tempus nunc sit amet aliquet bibendum. Praesent vestibulum cursus ex, quis laoreet eros consectetur ac. Ut congue libero quis mauris egestas feugiat. Sed pharetra
lorem et magna fringilla, a volutpat nibh sollicitudin. Nullam sagittis sollicitudin urna, sed sollicitudin mauris ornare id. <a href="#" target="_blank">Read More...</a></p>
</article>
<article class="well col-md-4">
<time datetime="14-01-2016">Wednesday, Jan 14
</time>
<h4>Finance Story</h4>
<p>Nullam tempor mi at libero elementum varius. Sed lobortis lacus feugiat est tristique, nec imperdiet turpis scelerisque. Ut sed urna malesuada, scelerisque dui sit amet, tempus mauris. Integer bibendum egestas urna, a bibendum sem gravida
quis. Cras accumsan rhoncus vestibulum. Nam eu blandit leo. Integer at consectetur nunc, et tempus urna. Integer sit amet sollicitudin elit. Donec nec posuere erat. Sed vestibulum nisl neque, vitae tincidunt ex molestie quis. Nulla fringilla
viverra turpis in volutpat. Cras vel orci quis velit efficitur ullamcorper sed eu ex.</p>
<figure>
<img src="images/chip_debit.png" alt="Debit Card with Chip" />
<figcaption>New Debit Cards with Chip-Based Security</figcaption>
</figure>
<p>Nullam vel ex nec lectus imperdiet luctus vitae vel nibh. Donec eleifend velit eros, eu efficitur justo molestie id. In egestas gravida lectus. Ut ipsum odio, suscipit sit amet molestie non, scelerisque sed mi. Aenean sed augue eu arcu faucibus
molestie. Sed eget ante gravida, rhoncus velit eu, tempus quam. Sed fermentum at odio sed commodo. Fusce lobortis cursus purus, quis consequat est faucibus at. Etiam massa felis, sodales at sodales sed, iaculis quis arcu.<a href="#" target="_blank">Read More...</a></p>
</article>
<article class="well col-md-4">
<time datetime="14-01-2016">Wednesday, Jan 14</time>
<h4>Technology Story</h4>
<p>Morbi eget justo ut velit dapibus malesuada. Nunc elementum, neque quis convallis tempus, lacus ante tristique est, id porta tortor leo eget orci. Suspendisse hendrerit interdum lacus et condimentum. Mauris at ex dignissim, bibendum libero
at, fermentum lectus. Maecenas porttitor purus quis augue interdum, eget malesuada neque placerat. Ut hendrerit risus in nibh elementum, quis vestibulum ipsum vulputate. Nulla facilisi. In consectetur et lacus vel tincidunt. Quisque feugiat
ipsum et erat rhoncus efficitur. In in augue at enim tempor sollicitudin. <a href="#" target="_blank">Read More...</a></p>
</article>
</main>
<summary class="panel panel-default col-md-8 col-md-offset-2">
<div class="panel-heading">Sign Up For Our Emails</div>
<form class="form-horizontal panel-body">
<label>E-mail Address: </label>
<input type="text" required="required" />
<label>Delivery Preference: </label>
<select>
<option>Daily</option>
<option>Weekly</option>
<option>Monthly</option>
<input type="submit" value="Sign-Up" />
</select>
</form>
</summary>
</body>
</html>