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 <meta name=
"theme-color" content=
"#fff">
9 <title>freenode
</title>
10 <link href=
"css/open-sans.css" rel=
"stylesheet" />
11 <link href=
"css/mock1.css" rel=
"stylesheet" />
12 <link href=
"css/font-awesome.min.css" rel=
"stylesheet" />
16 <a href=
"index"><img src=
"img/logos/coloured-alphabg.svg" class=
"nlogo" alt=
"freenode" /></a>
17 <a href=
"PIA" target=
"_blank"><img src=
"img/logos/PIALogo_black.svg" alt=
"Private internet access" class=
"nlogo" /></a>
20 <div class=
"container">
21 <div class=
"jumbotron">
22 <h2 class=
"child">Welcome to freenode, the new home of your projects.
</h2>
23 <div class=
"box-container">
24 <a href=
"about" class=
"box">
25 <i class=
"fa fa-comment fa-4x"></i><br />
28 <a href=
"help" class=
"box">
29 <i class=
"fa fa-question fa-4x"></i><br />
32 <a href=
"contribute" class=
"box">
33 <i class=
"fa fa-users fa-4x"></i><br />
34 I want to register a group
42 <h3 class=
"art">Some News
</h3>
43 <p class=
"art-date">2016-
02-
21 by spb
</p>
44 <p class=
"art-ingress">Fancy news article's ingress text here. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus placerat ultricies euismod. Maecenas dolor mauris, posuere mollis eros vel, auctor rhoncus quam...
</p>
45 <p class=
"art-link"><a href=
"">Read More
</a></p>
48 <h3 class=
"art">Another News
</h3>
49 <p class=
"art-date">2016-
01-
19 by christel
</p>
50 <p class=
"art-ingress">Some other news article's ingress here. Phasellus nec erat rhoncus, pretium orci eget, ullamcorper ipsum. Fusce sit amet felis a augue sodales commodo id eget justo. Phasellus id nisl nec elit porta pellentesque in egestas nibh. Vivamus mollis ligula lectus, in mollis nibh pharetra vitae...
</p>
51 <p class=
"art-link"><a href=
"">Read More
</a></p>
56 <footer class=
"footer">
57 <div class=
"footerchild">
58 <h2>About freenode
</h2>
60 <li><a>Vision
</a></li>
61 <li><a>Mission
</a></li>
62 <li><a>Philosophy
</a></li>
63 <li><a>Policies
</a></li>
64 <li><a>Credits
</a></li>
68 <div class=
"footerchild">
69 <h2>Using freenode
</h2>
71 <li><a>Connect
</a></li>
72 <li><a>Clients
</a></li>
73 <li><a>Webchat
</a></li>
78 <div class=
"footerchild">
79 <h2>Groups/Projects
</h2>
81 <li><a>Group Management System
</a></li>
82 <li><a>Groups on freenode
</a></li>
83 <li><a>How Groups Work
</a></li>
87 <div class=
"footerchild">
88 <h2>Support freenode
</h2>
90 <li><a>Host a server
</a></li>
94 <div class=
"footerchild flex-right">
97 <li><a href=
"https://plus.google.com/104326727082310562426" target=
"_blank"><i class=
"fa fa-google-plus"></i> Google+
</a></li>
98 <li><a href=
"https://twitter.com/freenodestaff" target=
"_blank"><i class=
"fa fa-twitter"></i> Twitter
</a></li>
99 <li><a href=
"PIA" target=
"_blank"><img src=
"img/logos/pia-robot-original.svg" alt=
"PIA" height=
"14px" /> Private Internet Access
</a></li>
103 <footer class=
"copyright">
104 <a href=
"https://creativecommons.org/licenses/by-nc-sa/4.0/" target=
"_blank" class=
"copyright"><img src=
"img/by-nc-sa.svg"alt=
"CC by-nc-sa" height=
"31px" /></a>
105 <p>© Copyright
2002-
2016, freenode
</p>