index.html (2161B)
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <title>Lektura</title> 5 6 <meta charset="utf8" /> 7 <meta name="viewport" content="initial-scale=1.0, width=device-width" /> 8 9 <link rel="stylesheet" href="/style.css" /> 10 <link rel="stylesheet" href="/navbar.css" /> 11 <link rel="stylesheet" href="/layout.css" /> 12 </head> 13 <body> 14 <header> 15 <div class="center pad-1em"> 16 <img style="max-width: 2em" src="/logo.svg" /> 17 </div> 18 <hr /> 19 <nav id="global-menu" class="center pad-1em navbar"> 20 <input id="global-menu-toggle" type="checkbox" class="hidden navbar-toggle" /> 21 <ul class="navbar-menu"> 22 <li> 23 <label class="navbar-toggle-label" for="global-menu-toggle"> 24 <img src="menu.svg" /> 25 </label> 26 </li> 27 <li><a href="index.html">Index</a></li> 28 <li><a href="science.html">Science</a></li> 29 <li><a href="sport.html">Sport</a></li> 30 <li><a href="society.html">Society</a></li> 31 </ul> 32 </nav> 33 <hr /> 34 </header> 35 <main class="grid center"> 36 <div id="banner" class="grid"> 37 <div id="breaking-news"> 38 One 39 </div> 40 <div id="breaking-news-1"> 41 Two 42 </div> 43 <div id="breaking-news-2"> 44 Three 45 </div> 46 <div id="breaking-news-3"> 47 Four 48 </div> 49 </div> 50 <div id="content"> 51 Lorem Ipsum Dolor Sit Amet. 52 </div> 53 <div id="sidebar"> 54 <section id="recent"> 55 <h3>Recent</h3> 56 <ol> 57 <li><a href="recent1.html">Recent 1</a></li> 58 <li><a href="recent2.html">Recent 2</a></li> 59 <li><a href="recent3.html">Recent 3</a></li> 60 </ol> 61 </section> 62 <section id="polls"> 63 <h3>Polls</h3> 64 <ol> 65 <li><a href="poll1.html">Poll 1</a></li> 66 <li><a href="poll2.html">Poll 2</a></li> 67 <li><a href="poll3.html">Poll 3</a></li> 68 </ol> 69 </section> 70 </div> 71 </main> 72 <footer> 73 </footer> 74 </body> 75 <script src="/script.js"></script> 76 </html>