help_mock1.html

   1 <!DOCTYPE html>
   2 <html lang="en">
   3 <head>
   4     <meta charset="utf-8">
   5     <meta http-equiv="X-UA-Compatible" content="IE=edge">
   6     <meta name="viewport" content="width=device-width, initial-scale=1">
   7     <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
   8     <title>freenode - help</title>
   9     <link href="css/mock1.css" rel="stylesheet" />
  10 </head>
  11 <body>
  12 <nav class="navbar">
  13         <a href="index"><img src="img/logos/coloured-alphabg.svg" class="nlogo" alt="freenode" /></a>
  14         <!--navkinks-->
  15         <a href="PIA" target="_blank"><img src="img/logos/PIALogo_black.svg" alt="Private internet access" class="nlogo" /></a>
  16     </nav>
  17
  18     <div class="container">
  19     <div class="navlinks">
  20             <a href="about" class="nlink">About</a>
  21         <a href="help" class="nlink">Help</a>
  22         <a href="contribute" class="nlink">Contribute</a>
  23         <a href="projects" class="nlink">Projects&nbsp;</a>
  24         </div>
  25         <h1>Help...</h1>
  26         <div class="hmain">
  27             <a class="hchild">...I know nothing, wtf</a>
  28             <a class="hchild">...I'm part of a project and want to chat</a>
  29             <a class="hchild">...I run a project</a>
  30             <a class="hchild">...I'm generally interested and want to know interesting stuff</a>
  31         </div>
  32
  33         <footer class="footer">
  34             <div class="footerchild">
  35                 Hello dear
  36             </div>
  37             <span class="footerline"></span>
  38             <div class="footerchild">
  39                 Some links
  40             </div>
  41             <span class="footerline"></span>
  42             <div class="footerchild">
  43                 <p><a>Some other links</a></p>
  44                 <p><a>Some other links</a></p>
  45                 <p><a>Some other links</a></p>
  46                 <p><a>Some other links</a></p>
  47             </div>
  48         </footer>
  49     </div>
  50 </body>
  51 </html>