-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path125.html
37 lines (36 loc) · 1.99 KB
/
125.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
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<title>Media Queries</title>
<link href="mypage.css" rel="stylesheet">
<link href="print.css" rel="stylesheet" media="print">
</head>
<body>
<h1>Media Queries</h1>
<h2>By Jennifer Kyrnin</h2>
<nav>
<ul>
<li><a href="home.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
<div class="container">
<article>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec venenatis iaculis quam eget commodo. Integer faucibus, mauris vitae iaculis malesuada, augue augue interdum nisl, sed ornare nisl massa blandit urna. Sed semper venenatis egestas. Aenean id arcu arcu. Curabitur gravida massa in nibh tristique vehicula. In pellentesque finibus molestie. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer gravida ultricies eros, id molestie eros vestibulum vel. Morbi lectus odio, luctus ac tortor eu, ultricies dapibus velit.
</p>
</article>
<aside>
<p>
<img src="dandy.jpg" alt="dandelion">
</p>
<p>
Aenean ut cursus ipsum. Aliquam eu dapibus mauris. Vivamus est leo, pharetra eu congue ultrices, facilisis id quam. Morbi placerat pharetra ipsum, in accumsan risus lacinia non. Nullam fringilla arcu id nisi fermentum, nec lacinia lacus eleifend. Donec viverra quam sit amet magna aliquam ultrices non et sem. Phasellus venenatis massa massa, at ultrices nunc pellentesque at. Praesent ullamcorper, dolor non malesuada semper, turpis leo maximus augue, eu dictum ipsum augue sit amet lectus. Sed eget sapien vitae velit congue placerat id nec dui. Phasellus finibus, felis quis lobortis rhoncus, lorem purus vehicula magna, id faucibus enim metus sed sem. Vestibulum sollicitudin finibus felis in pulvinar. Quisque quis pharetra leo. Morbi id magna id justo lacinia dictum vel quis quam.
</p>
</aside>
</div>
</body>
</html>