-
Notifications
You must be signed in to change notification settings - Fork 0
/
news.html
143 lines (104 loc) · 6.36 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
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>News</title>
<link rel="stylesheet" href="styles/normalize-fwd.css">
<link rel="stylesheet" href="styles/news.css">
<script src="scripts/navigation.js" defer></script>
</head>
<body>
<div class="site-wrapper">
<header class="site-header">
<a href="index.html" class="site-logo">
<img src="images/company-logo.png" alt="Company Logo">
</a>
<nav class="site-navigation" id="site-navigation">
<button class="menu-toggle" aria-controls="header-menu" aria-expanded="false" aria-label="Menu Toggle">
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 24 24">
<title>Menu Icon</title>
<path d="M24 6h-24v-4h24v4zm0 4h-24v4h24v-4zm0 8h-24v4h24v-4z"></path>
</svg>
</button>
<ul class="nav-menu" id="header-menu">
<li><a href="services.html">Services</a></li>
<li><a href="pricing.html">Pricing</a></li>
<li><a href="about-us.html">About</a></li>
<li><a href="news.html">News</a></li>
</ul>
</nav>
</header>
<main class="site-main">
<header class="page-header">
<h1>News</h1>
</header>
<article>
<header>
<h2>News Item #2</h2>
<time datetime="2021-01-01">January 1, 2021</time>
</header>
<section>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquam beatae voluptatum natus quae reprehenderit assumenda exercitationem omnis, suscipit voluptatem necessitatibus, quas. Sed veniam quam nobis voluptatum accusamus delectus quas sequi! Lorem ipsum dolor sit, amet consectetur adipisicing elit. Repellat est, fugit nobis deleniti. Voluptatibus vero quia, repellat adipisci dicta facere modi aliquid atque quae nisi saepe perferendis numquam assumenda ducimus! Lorem ipsum dolor sit amet consectetur adipisicing elit. Quod, sit laboriosam ea, voluptatibus debitis, nulla temporibus nam sapiente architecto eveniet amet nihil et! Maiores soluta, totam maxime saepe harum, iste.</p>
<figure>
<img src="images/graph.png" alt="A bar graph showing sales">
<figcaption>Sales Have Increased</figcaption>
</figure>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquam beatae voluptatum natus quae reprehenderit assumenda exercitationem omnis, suscipit voluptatem necessitatibus, quas. Sed veniam quam nobis voluptatum accusamus delectus quas sequi! Lorem ipsum dolor sit, amet consectetur adipisicing elit. Repellat est, fugit nobis deleniti. Voluptatibus vero quia, repellat adipisci dicta facere modi aliquid atque quae nisi saepe perferendis numquam assumenda ducimus! Lorem ipsum dolor sit amet consectetur adipisicing elit. Quod, sit laboriosam ea, voluptatibus debitis, nulla temporibus nam sapiente architecto eveniet amet nihil et! Maiores soluta, totam maxime saepe harum, iste.</p>
<blockquote>
<p>This is the way.</p>
<cite>The Mandalorian</cite>
</blockquote>
</section>
<footer>
<p>This post written by Jane Doe.</p>
</footer>
</article>
<article>
<header>
<h2>News Item #1</h2>
<time datetime="2020-11-05">November 5, 2020</time>
</header>
<section>
<p>Sed sollicitudin sed est sit amet faucibus. Nam tincidunt luctus congue. Quisque quis nulla magna. Donec varius, ante at vehicula dictum, nisl elit faucibus dolor, consectetur consequat libero sem eget tellus. Cras ac eros quis ligula lobortis consequat. Nam nec tristique orci, eget ultricies magna. Maecenas aliquet finibus odio, at efficitur arcu vehicula vel. Ut tincidunt quam a nisl laoreet iaculis. Cras at urna pretium, posuere nisl a, aliquet nunc. Suspendisse ut purus porta, feugiat diam eleifend, suscipit risus. Duis vitae mattis nunc.</p>
<p>Pellentesque purus orci, aliquam pulvinar ante eu, congue aliquet tortor. Ut porttitor mollis nulla sit amet viverra. Nunc augue augue, euismod vel tincidunt at, fringilla id sem. Phasellus tempor aliquam fermentum. In velit mi, lobortis in ex id, eleifend congue nunc. Duis eu sagittis sem. Vestibulum mollis pellentesque augue, in suscipit sem blandit quis.</p>
<aside>
<ul>
<li>Random Idea</li>
<li>Another One</li>
<li>Yet Another</li>
</ul>
</aside>
<p>Nunc leo tellus, egestas quis libero fringilla, fermentum iaculis tortor. Nulla condimentum ex risus, non pharetra enim iaculis blandit. Sed elementum, dui vel fermentum pellentesque, turpis odio aliquam nulla, ut feugiat lorem libero ut ligula. Vivamus nec pellentesque diam, vitae imperdiet tellus. Maecenas elementum ornare lectus, in eleifend libero suscipit elementum. Pellentesque lacus dolor, tristique vitae enim a, ullamcorper sollicitudin enim. In est sem, imperdiet at ligula ac, lobortis ultrices est.</p>
<p>Curabitur mi lacus, dictum quis magna et, ullamcorper porta risus. Pellentesque risus ex, fermentum et orci eget, egestas commodo est. Pellentesque vitae mi vel diam faucibus consequat quis sed ante. Integer eget sodales elit, a fringilla est. Mauris porta ut ipsum ac dapibus. Nulla cursus elementum dui, in venenatis elit. In ultricies ornare tellus id euismod. Vestibulum non ligula non libero laoreet luctus. Suspendisse potenti.</p>
</section>
<footer>
<p>This post written by John Doe.</p>
</footer>
</article>
</main>
<aside class="site-sidebar">
<h2>Sidebar</h2>
<p>This is a sidebar for our News page.</p>
<h3>My Favorite Links</h3>
<ul>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul>
<h3>More Information</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatem fuga praesentium nisi eos optio quod, incidunt nulla, consequatur consectetur quam nihil laboriosam culpa debitis rem dolorum at harum dolorem, magnam. Lorem ipsum dolor sit amet consectetur adipisicing elit. Itaque at, nisi aliquam quas assumenda, iusto minima similique, atque quod laborum labore nobis excepturi, ab vel! Ex ratione rem, voluptatum perspiciatis.</p>
</aside>
<footer class="site-footer">
<p>© FWD 2024.</p>
</footer>
</div>
</body>
</html>