accessiblefuture/responsive.html at gh-pages · ranti/accessiblefuture · 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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<!DOCTYPE HTML>
<html lang="en-us">
<head>
    <meta charset="utf-8">
    <title>Responsive Design: HTML & CSS | Accessible Future</title>
    <link rel="stylesheet" href="responsive.css">
</head>
<body>
    <header role="banner">
        <h1>Responsive Design</h1>
    </header>

    <nav id="global-navigation">
        <ul>
            <li><a href="#">Lorem</a></li>
            <li><a href="#">Ipsum</a></li>
            <li><a href="#">Dolor</a></li>
            <li><a href="#">Amet</a></li>
        </ul>
    </nav>

    <main>
        <h1>Lorem Ipsum Dolor</h1>

        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed plane dicit quod intellegit. Atqui reperies, inquit, in hoc quidem pertinacem; Expectoque quid ad id, quod quaerebam, respondeas. Hosne igitur laudas et hanc eorum, inquam, sententiam sequi nos censes oportere? Neminem videbis ita laudatum, ut artifex callidus comparandarum voluptatum diceretur. Sed ne, dum huic obsequor, vobis molestus sim. <a href='#'>Duo Reges: constructio interrete.</a> Facillimum id quidem est, inquam. </p>

        <p>Non enim quaero quid verum, sed quid cuique dicendum sit. Quippe: habes enim a rhetoribus; Illud quaero, quid ei, qui in voluptate summum bonum ponat, consentaneum sit dicere. Bonum integritas corporis: misera debilitas. Cur igitur, inquam, res tam dissimiles eodem nomine appellas? Quae si potest singula consolando levare, universa quo modo sustinebit? <b>Quonam, inquit, modo?</b> </p>

        <p>Tum Quintus: Est plane, Piso, ut dicis, inquit. <code>Quid iudicant sensus?</code> <a href='#'>Igitur ne dolorem quidem.</a> </p>

        <blockquote cite='http://loripsum.net'>
            Admirantes quaeramus ab utroque, quonam modo vitam agere possimus, si nihil interesse nostra putemus, valeamus aegrine simus, vacemus an cruciemur dolore, frigus, famem propulsare possimus necne possimus.
        </blockquote>


        <h2>Suam denique cuique naturam esse ad vivendum ducem.</h2>

        <p>Compensabatur, inquit, cum summis doloribus laetitia. Sed vobis voluptatum perceptarum recordatio vitam beatam facit, et quidem corpore perceptarum. Certe nihil nisi quod possit ipsum propter se iure laudari. <b>At hoc in eo M.</b> Quicquid porro animo cernimus, id omne oritur a sensibus; Qui-vere falsone, quaerere mittimus-dicitur oculis se privasse; <code>Nihilo magis.</code> Pisone in eo gymnasio, quod Ptolomaeum vocatur, unaque nobiscum Q. Atque his de rebus et splendida est eorum et illustris oratio. Sed haec quidem liberius ab eo dicuntur et saepius. </p>

    </main>

    <footer role="contentinfo">
        <p>Lorem ipsum dolor sit amet.</p>
    </footer>
</body>
</html>