index_mock1.html

   1 <!DOCTYPE html>
   2
   3 <html lang="en">
   4 <head>
   5     <meta charset="utf-8">
   6     <meta content="IE=edge" http-equiv="X-UA-Compatible">
   7     <meta content="width=device-width, initial-scale=1" name="viewport">
   8     <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
   9     <meta content="#fff" name="theme-color">
  10
  11     <title>freenode</title>
  12     <link href="css/open-sans.css" rel="stylesheet">
  13     <link href="css/style.css" rel="stylesheet">
  14     <link href="css/font-awesome.min.css" rel="stylesheet">
  15 </head>
  16
  17 <body>
  18     <nav class="navbar">
  19         <a href="index"><img alt="freenode" class="nlogo" src=
  20         "img/logos/coloured-alphabg.svg"></a> <a href="PIA" target=
  21         "_blank"><img alt="Private internet access" class="nlogo" src=
  22         "img/logos/PIALogo_black.svg"></a>
  23     </nav>
  24
  25
  26     <div class="container">
  27         <div class="jumbotron">
  28             <h2 class="child">Welcome to freenode, the new home of your
  29             projects.</h2>
  30
  31
  32             <div class="box-container">
  33                 <a class="box" href="about"><i class=
  34                 "fa fa-comment fa-4x"></i><br>
  35                 Chat</a> <a class="box" href="help"><i class=
  36                 "fa fa-question fa-4x"></i><br>
  37                 FAQ</a> <a class="box" href=
  38                 "contribute"><i class="fa fa-users fa-4x"></i><br>
  39                 Register a group</a>
  40             </div>
  41         </div>
  42
  43
  44         <div class="main">
  45             <h1>News</h1>
  46
  47
  48             <div class="art">
  49                 <p><h3 class="art">Some News</h3><span class="art-date">2016-02-19 by christel</span></p>
  50
  51                 <p class="art-ingress">Fancy news article's ingress text here.
  52                 Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  53                 Phasellus placerat ultricies euismod. Maecenas dolor mauris,
  54                 posuere mollis eros vel, auctor rhoncus quam...</p>
  55
  56
  57                 <p class="art-link"><a href="">Read More</a>
  58                 </p>
  59             </div>
  60
  61
  62             <div class="art">
  63                 <h3 class="art">Another News</h3>
  64
  65
  66                 <p class="art-date">2016-01-19 by christel</p>
  67
  68
  69                 <p class="art-ingress">Some other news article's ingress here.
  70                 Phasellus nec erat rhoncus, pretium orci eget, ullamcorper
  71                 ipsum. Fusce sit amet felis a augue sodales commodo id eget
  72                 justo. Phasellus id nisl nec elit porta pellentesque in egestas
  73                 nibh. Vivamus mollis ligula lectus, in mollis nibh pharetra
  74                 vitae...</p>
  75
  76
  77                 <p class="art-link"><a href="">Read More</a>
  78                 </p>
  79             </div>
  80         </div>
  81     </div>
  82
  83
  84     <footer class="footer">
  85         <div class="footerchild">
  86             <h2>About freenode</h2>
  87
  88
  89             <ul>
  90                 <li>
  91                     <a>Vision</a>
  92                 </li>
  93
  94
  95                 <li>
  96                     <a>Mission</a>
  97                 </li>
  98
  99
 100                 <li>
 101                     <a>Philosophy</a>
 102                 </li>
 103
 104
 105                 <li>
 106                     <a>Policies</a>
 107                 </li>
 108
 109
 110                 <li>
 111                     <a>Credits</a>
 112                 </li>
 113             </ul>
 114         </div>
 115
 116
 117         <div class="footerchild">
 118             <h2>Using freenode</h2>
 119
 120
 121             <ul>
 122                 <li>
 123                     <a>Connect</a>
 124                 </li>
 125
 126
 127                 <li>
 128                     <a>Clients</a>
 129                 </li>
 130
 131
 132                 <li>
 133                     <a>Webchat</a>
 134                 </li>
 135
 136
 137                 <li>
 138                     <a>SASL</a>
 139                 </li>
 140             </ul>
 141         </div>
 142
 143
 144         <div class="footerchild">
 145             <h2>Groups/Projects</h2>
 146
 147
 148             <ul>
 149                 <li>
 150                     <a>Group Management System</a>
 151                 </li>
 152
 153
 154                 <li>
 155                     <a>Groups on freenode</a>
 156                 </li>
 157
 158
 159                 <li>
 160                     <a>How Groups Work</a>
 161                 </li>
 162             </ul>
 163         </div>
 164
 165
 166         <div class="footerchild">
 167             <h2>Support freenode</h2>
 168
 169
 170             <ul>
 171                 <li>
 172                     <a>Host a server</a>
 173                 </li>
 174             </ul>
 175         </div>
 176
 177
 178         <div class="footerchild flex-right">
 179             <h2>Social Media</h2>
 180
 181
 182             <ul>
 183                 <li>
 184                     <a href="https://plus.google.com/104326727082310562426"
 185                     target="_blank"><i class="fa fa-google-plus"></i>
 186                     Google+</a>
 187                 </li>
 188
 189
 190                 <li>
 191                     <a href="https://twitter.com/freenodestaff" target=
 192                     "_blank"><i class="fa fa-twitter"></i> Twitter</a>
 193                 </li>
 194
 195
 196                 <li>
 197                     <a href="PIA" target="_blank"><img alt="PIA" height="14px"
 198                     src="img/logos/pia-robot-original.svg"> Private Internet
 199                     Access</a>
 200                 </li>
 201             </ul>
 202         </div>
 203     </footer>
 204
 205
 206     <footer class="copyright">
 207         <a class="copyright" href=
 208         "https://creativecommons.org/licenses/by-nc-sa/4.0/" target=
 209         "_blank"><img alt="CC by-nc-sa" height="31px" src=
 210         "img/by-nc-sa.svg"></a>
 211
 212         <p>&copy; Copyright 2002-2016, freenode</p>
 213     </footer>
 214 </body>
 215 </html>