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">
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">
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>
26 <div class=
"container">
27 <div class=
"jumbotron">
28 <h2 class=
"child">Welcome to freenode, the new home of your
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>
46 <p class=
"heading"><b class=
"art">Some News
</b> <span class=
"art-date">2016-
02-
19 by christel
</span></p>
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>
54 <p class=
"art-link"><a href=
"">Read More
</a>
60 <p><b class=
"art">Another News
</b>
63 <span class=
"art-date">2016-
01-
19 by christel
</span></p>
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
74 <p class=
"art-link"><a href=
"">Read More
</a>
81 <footer class=
"footer">
82 <div class=
"footerchild">
83 <h2>About freenode
</h2>
114 <div class=
"footerchild">
115 <h2>Using freenode
</h2>
141 <div class=
"footerchild">
142 <h2>Groups/Projects
</h2>
147 <a>Group Management System
</a>
152 <a>Groups on freenode
</a>
157 <a>How Groups Work
</a>
163 <div class=
"footerchild">
164 <h2>Support freenode
</h2>
174 <div class=
"footerchild hdn"> </div>
177 <div class=
"footerchild">
178 <h2>Social Media
</h2>
183 <a href=
"https://plus.google.com/104326727082310562426"
184 target=
"_blank"><i class=
"fa fa-google-plus"></i>
190 <a href=
"https://twitter.com/freenodestaff" target=
191 "_blank"><i class=
"fa fa-twitter"></i> Twitter
</a>
196 <a href=
"PIA" target=
"_blank"><img alt=
"PIA" height=
"14px"
197 src=
"img/logos/pia-robot-original.svg"> Private Internet
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" style=
"height: 3vh; width: auto;" src=
209 "img/by-nc-sa.svg"></a>
211 <p>© Copyright
2002-
2016, freenode
</p>