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/mock1.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             <div class="art">
  46                 <p class="heading"><b class="art">Some News</b>&nbsp;<span class="art-date">2016-02-19 by christel</span></p>
  47
  48                 <p class="art-ingress">Fancy news article's ingress text here.
  49                 Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  50                 Phasellus placerat ultricies euismod. Maecenas dolor mauris,
  51                 posuere mollis eros vel, auctor rhoncus quam...</p>
  52
  53
  54                 <p class="art-link"><a href="">Read More</a>
  55                 </p>
  56             </div>
  57
  58
  59             <div class="art">
  60                 <h3 class="art">Another News</h3>
  61
  62
  63                 <p class="art-date">2016-01-19 by christel</p>
  64
  65
  66                 <p class="art-ingress">Some other news article's ingress here.
  67                 Phasellus nec erat rhoncus, pretium orci eget, ullamcorper
  68                 ipsum. Fusce sit amet felis a augue sodales commodo id eget
  69                 justo. Phasellus id nisl nec elit porta pellentesque in egestas
  70                 nibh. Vivamus mollis ligula lectus, in mollis nibh pharetra
  71                 vitae...</p>
  72
  73
  74                 <p class="art-link"><a href="">Read More</a>
  75                 </p>
  76             </div>
  77         </div>
  78     </div>
  79
  80
  81     <footer class="footer">
  82         <div class="footerchild">
  83             <h2>About freenode</h2>
  84
  85
  86             <ul>
  87                 <li>
  88                     <a>Vision</a>
  89                 </li>
  90
  91
  92                 <li>
  93                     <a>Mission</a>
  94                 </li>
  95
  96
  97                 <li>
  98                     <a>Philosophy</a>
  99                 </li>
 100
 101
 102                 <li>
 103                     <a>Policies</a>
 104                 </li>
 105
 106
 107                 <li>
 108                     <a>Credits</a>
 109                 </li>
 110             </ul>
 111         </div>
 112
 113
 114         <div class="footerchild">
 115             <h2>Using freenode</h2>
 116
 117
 118             <ul>
 119                 <li>
 120                     <a>Connect</a>
 121                 </li>
 122
 123
 124                 <li>
 125                     <a>Clients</a>
 126                 </li>
 127
 128
 129                 <li>
 130                     <a>Webchat</a>
 131                 </li>
 132
 133
 134                 <li>
 135                     <a>SASL</a>
 136                 </li>
 137             </ul>
 138         </div>
 139
 140
 141         <div class="footerchild">
 142             <h2>Groups/Projects</h2>
 143
 144
 145             <ul>
 146                 <li>
 147                     <a>Group Management System</a>
 148                 </li>
 149
 150
 151                 <li>
 152                     <a>Groups on freenode</a>
 153                 </li>
 154
 155
 156                 <li>
 157                     <a>How Groups Work</a>
 158                 </li>
 159             </ul>
 160         </div>
 161
 162
 163         <div class="footerchild">
 164             <h2>Support freenode</h2>
 165
 166
 167             <ul>
 168                 <li>
 169                     <a>Host a server</a>
 170                 </li>
 171             </ul>
 172         </div>
 173
 174         <div class="footerchild hdn">&nbsp;</div>
 175
 176
 177         <div class="footerchild">
 178             <h2>Social Media</h2>
 179
 180
 181             <ul>
 182                 <li>
 183                     <a href="https://plus.google.com/104326727082310562426"
 184                     target="_blank"><i class="fa fa-google-plus"></i>
 185                     Google+</a>
 186                 </li>
 187
 188
 189                 <li>
 190                     <a href="https://twitter.com/freenodestaff" target=
 191                     "_blank"><i class="fa fa-twitter"></i> Twitter</a>
 192                 </li>
 193
 194
 195                 <li>
 196                     <a href="PIA" target="_blank"><img alt="PIA" height="14px"
 197                     src="img/logos/pia-robot-original.svg"> Private Internet
 198                     Access</a>
 199                 </li>
 200             </ul>
 201         </div>
 202     </footer>
 203
 204
 205     <footer class="copyright">
 206         <a class="copyright" href=
 207         "https://creativecommons.org/licenses/by-nc-sa/4.0/" target=
 208         "_blank"><img alt="CC by-nc-sa" height="31px" src=
 209         "img/by-nc-sa.svg"></a>
 210
 211         <p>&copy; Copyright 2002-2016, freenode</p>
 212     </footer>
 213 </body>
 214 </html>