<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Content Page</title> <style> body { font-family: Arial, sans-serif; margin: 0; padding: 0; background-color: #f4f4f4; color: #333; line-height: 1.6; } .container { width: 80%; margin: auto; overflow: hidden; } header { background: #333; color: #fff; padding-top: 30px; min-height: 70px; border-bottom: #bbb 1px solid; } header a { color: #fff; text-decoration: none; text-transform: uppercase; font-size: 16px; } header ul { padding: 0; list-style: none; } header li { float: left; display: inline; padding: 0 20px 0 20px; } header #branding { float: left; } header #branding h1 { margin: 0; } header nav { float: right; margin-top: 10px; } header .highlight, header .current a { color: #e8491d; font-weight: bold; } header a:hover { color: #ffffff; font-weight: bold; } .content { padding: 20px; background: #fff; } </style> </head> <body> <header> <div class="container"> <div id="branding"> <h1><span class="highlight">My</span> Web Page</h1> </div> <nav> <ul> <li class="current"><a href="#">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">Services</a></li> <li><a href="#">Contact</a></li> </ul> </nav> </div> </header> <div class="container"> <div class="content"> <h1>Iam illud quale tandem est, bona praeterita non effluere sapienti, mala meminisse non oportere?</h1> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quare hoc videndum est, possitne nobis hoc ratio philosophorum dare. Stulti autem malorum memoria torquentur, sapientes bona praeterita grata recordatione renovata delectant. Duo Reges: constructio interrete. Sic consequentibus vestris sublatis prima tolluntur. Tenent mordicus. Ergo ita: non posse honeste vivi, nisi honeste vivatur? Hinc ceteri particulas arripere conati suam quisque videro voluit afferre sententiam. Isto modo ne improbos quidem, si essent boni viri. </p> <ol> <li>Potius inflammat, ut coercendi magis quam dedocendi esse videantur.</li> <li>Haec para/doca illi, nos admirabilia dicamus.</li> <li>Polemoni et iam ante Aristoteli ea prima visa sunt, quae paulo ante dixi.</li> <li>Quicquid enim a sapientia proficiscitur, id continuo debet expletum esse omnibus suis partibus;</li></ol> <pre>Cum autem dispicere coepimus et sentire quid, simus et quidab animantibus ceteris differamus, tum ea sequi incipimus,ad quae nati sumus. Bork</pre> <blockquote cite='http://loripsum.net'> Qui-vere falsone, quaerere mittimus-dicitur oculis se privasse;</blockquote> <h3>Quod autem meum munus dicis non equidem recuso, sed te adiungo socium.</h3> <p>Atque hoc loco similitudines eas, quibus illi uti solent, dissimillimas proferebas. Isto modo ne improbos quidem, si essent boni viri. Ergo in gubernando nihil, in officio plurimum interest, quo in genere peccetur. Morbo gravissimo affectus, exul, orbus, egens, torqueatur eculeo: quem hunc appellas, Zeno? Ac tamen hic mallet non dolere. Ad quorum et cognitionem et usum iam corroborati natura ipsa praeeunte deducimur. </p> <h2>Quae cum dixisset, finem ille.</h2> <p>Septem autem illi non suo, sed populorum suffragio omnium nominati sunt. <code>Nunc agendum est subtilius.</code> Non quaeritur autem quid naturae tuae consentaneum sit, sed quid disciplinae. Ut proverbia non nulla veriora sint quam vestra dogmata. Ergo id est convenienter naturae vivere, a natura discedere. At habetur! Et ego id scilicet nesciebam! Sed ut sit, etiamne post mortem coletur? </p> <dl> <dt><dfn>Bork</dfn></dt> <dd>Cave putes quicquam esse verius.</dd> <dt><dfn>Bork</dfn></dt> <dd>Atque hoc loco similitudines eas, quibus illi uti solent, dissimillimas proferebas.</dd></dl> <ul> <li>Sed id ne cogitari quidem potest quale sit, ut non repugnet ipsum sibi.</li> <li>Magni enim aestimabat pecuniam non modo non contra leges, sed etiam legibus partam.</li> <li>Quacumque enim ingredimur, in aliqua historia vestigium ponimus.</li> <li>Plane idem, inquit, et maxima quidem, qua fieri nulla maior potest.</li></ul> </div> </div></body></html> 
