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             <div class="art">
  46                 <p><h3 class="art">Some News</h3><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
 175         <div class="footerchild flex-right">
 176             <h2>Social Media</h2>
 177
 178
 179             <ul>
 180                 <li>
 181                     <a href="https://plus.google.com/104326727082310562426"
 182                     target="_blank"><i class="fa fa-google-plus"></i>
 183                     Google+</a>
 184                 </li>
 185
 186
 187                 <li>
 188                     <a href="https://twitter.com/freenodestaff" target=
 189                     "_blank"><i class="fa fa-twitter"></i> Twitter</a>
 190                 </li>
 191
 192
 193                 <li>
 194                     <a href="PIA" target="_blank"><img alt="PIA" height="14px"
 195                     src="img/logos/pia-robot-original.svg"> Private Internet
 196                     Access</a>
 197                 </li>
 198             </ul>
 199         </div>
 200     </footer>
 201
 202
 203     <footer class="copyright">
 204         <a class="copyright" href=
 205         "https://creativecommons.org/licenses/by-nc-sa/4.0/" target=
 206         "_blank"><img alt="CC by-nc-sa" height="31px" src=
 207         "img/by-nc-sa.svg"></a>
 208
 209         <p>&copy; Copyright 2002-2016, freenode</p>
 210     </footer>
 211 </body>
 212 </html>