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