-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
93 lines (92 loc) · 5.02 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
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>Contoso News</title>
<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="active item">
<img src="img/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="img/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="img/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>
Celebrate success right, the only way, apple. The key to more success is to have a lot of pillows. It’s on you how you want to live your life. Everyone has a choice. I pick my choice, squeaky clean. The key is to drink coconut, fresh coconut, trust me. The key is to drink coconut, fresh coconut, trust me. Congratulations, you played yourself. The key to more success is to get a massage once a week, very important, major key, cloth talk.
<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>
Celebrate success right, the only way, apple. The key to more success is to have a lot of pillows. It’s on you how you want to live your life. Everyone has a choice. I pick my choice, squeaky clean.
<p>
<figure>
<img src="img/chip_debit.png" alt="Debit Card with Chip" />
<figcaption>New Debit Cards with Chip-Based Security.</figcaption>
</figure>
</p>
The key is to drink coconut, fresh coconut, trust me. The key is to drink coconut, fresh coconut, trust me. Congratulations, you played yourself. The key to more success is to get a massage once a week, very important, major key, cloth talk.
<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>
Celebrate success right, the only way, apple. The key to more success is to have a lot of pillows. It’s on you how you want to live your life. Everyone has a choice. I pick my choice, squeaky clean. The key is to drink coconut, fresh coconut, trust me. The key is to drink coconut, fresh coconut, trust me. Congratulations, you played yourself. The key to more success is to get a massage once a week, very important, major key, cloth talk.
<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>
</select>
<input type="submit" value="Sign-Up" />
</form>
</summary>
</body>
</html>