205cde/page1.html at master · ledakis/205cde · GitHub

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
<!DOCTYPE html>
<html>

    <head>
        <meta charset="utf-8">
        <title>Page 1</title>
        <meta name="description" content="The webpage created in the lab session of 205CDE week4, continuing the project of week3. The CSS is external, and I will show how one file can be used to change the shape in many pages.">
        <link rel="stylesheet" type="text/css" href="style.css" />
    </head>
    <body>

        <article><h1>This is page 1</h1>        <img src="images/grumpy.jpg" alt="A grumpy cat">

            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis id vulputate neque. Nullam accumsan, lectus sit amet porttitor mattis, nunc purus eleifend nibh, at luctus ipsum sapien pulvinar quam. Phasellus ullamcorper id est quis fringilla. Proin a justo vulputate, pellentesque lacus eget, auctor nibh. In sollicitudin enim viverra leo tempor placerat. Phasellus in est sed massa mollis mollis. Nunc sit amet lorem ac elit efficitur rutrum. Integer id urna sem. Praesent vel orci imperdiet, congue diam interdum, pellentesque velit. In aliquam velit at ex eleifend malesuada. Maecenas malesuada, ex eget interdum maximus, dolor felis lobortis dui, porta sollicitudin purus erat non nulla. Nulla mauris justo, fringilla ac dignissim eu, mattis eget nisl. Vestibulum at magna luctus, malesuada metus in, blandit ex. Quisque tellus nisl, volutpat a lacus id, tristique sagittis ipsum. Phasellus et gravida arcu.</p>

<p>Donec auctor erat non leo auctor dapibus. Proin semper quis massa id malesuada. Pellentesque dolor massa, molestie vitae hendrerit sed, condimentum a urna. Donec iaculis sem nibh, vel scelerisque lectus facilisis facilisis. Donec malesuada lacus id ex pretium tristique. Nulla eget justo tempus magna vestibulum varius vel at nunc. Suspendisse mattis ornare orci id imperdiet. Integer bibendum placerat dolor, eu feugiat urna vulputate id. Quisque sit amet nisi volutpat sem ultrices imperdiet in ut mi. Sed vel nisl dictum, efficitur turpis ac, porta arcu. Cras id ex vitae ligula elementum pulvinar. Suspendisse potenti. Aliquam accumsan fringilla lobortis.</p></article>


        <h2>
        How about some classical music?</h2>
        <audio controls>
            <source src="song.mp3" type="audio/mpeg">
            Your browser does not support the audio element.
        </audio>

        <footer>
            <a href="http://validator.w3.org/check?uri=referer" target="_blank" ><img src="images/html5_valid.png" alt="the html5 valid logo" /> </a>
        </footer>
    </body>
</html>