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 <title>freenode
</title>
9 <link href=
"css/mock1.css" rel=
"stylesheet" />
13 <a href=
"index"><img src=
"img/logos/coloured-alphabg.svg" class=
"nlogo" alt=
"freenode" /></a>
14 <a href=
"about" class=
"nlink">About
</a>
15 <a href=
"help" class=
"nlink">Help
</a>
16 <a href=
"contribute" class=
"nlink">Contribute
</a>
17 <a href=
"projects" class=
"nlink">Projects
</a>
19 <div class=
"container">
20 <div class=
"jumbotron">
21 <h2 class=
"child">I want to...
</h2>
22 <div class=
"box-container">
23 <a href=
"about" class=
"box">
24 <img src=
"" alt=
"chat" height=
"60px" width=
"60px" /><br />
27 <a href=
"help" class=
"box">
28 <img src=
"" alt=
"support" height=
"60px" width=
"60px" /><br />
31 <a href=
"contribute" class=
"box">
32 <img src=
"" alt=
"server" height=
"60px" width=
"60px" /><br />
33 Contribute to freenode
35 <a href=
"projects" class=
"box">
36 <img src=
"" alt=
"gms" height=
"60px" width=
"60px" /><br />
37 Know who's using freenode
39 <a href=
"PIA" class=
"box">
40 <img src=
"img/logos/newPIA.png" alt=
"Private internet access" height=
"60px" style=
"margin-top: 22.5px; margin-left: 5px; margin-right: 5px;" /><br />
48 <h3 class=
"art">Some News
</h3>
49 <p class=
"art-date">2016-
02-
21 by spb
</p>
50 <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>
51 <p class=
"art-link"><a href=
"">Read More
</a></p>
54 <h3 class=
"art">Another News
</h3>
55 <p class=
"art-date">2016-
01-
19 by christel
</p>
56 <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>
57 <p class=
"art-link"><a href=
"">Read More
</a></p>
62 <footer class=
"footer">
63 <div class=
"footerchild">
66 <span class=
"footerline"></span>
67 <div class=
"footerchild">
70 <span class=
"footerline"></span>
71 <div class=
"footerchild">
72 <p><a>Some other links
</a></p>
73 <p><a>Some other links
</a></p>
74 <p><a>Some other links
</a></p>
75 <p><a>Some other links
</a></p>