]> jfr.im git - irc/freenode/web-7.0.git/blame - index_mock1.html
Update index_mock1.html
[irc/freenode/web-7.0.git] / index_mock1.html
CommitLineData
a9afb7dc
SB
1<!DOCTYPE html>
2<html lang="en">
3<head>
4 <meta charset="utf-8">
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>
bf95ca34 9 <link href="css/mock1.css" rel="stylesheet" />
a9afb7dc
SB
10</head>
11<body>
12 <nav class="navbar">
cc11c90a 13 <a href="index"><img src="img/logos/coloured-alphabg.svg" class="nlogo" alt="freenode" /></a>
f11ed28e
SB
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&nbsp;</a>
a9afb7dc
SB
18 </nav>
19 <div class="container">
20 <div class="jumbotron">
21 <h2 class="child">I want to...</h2>
22 <div class="box-container">
f11ed28e 23 <a href="about" class="box">
a9afb7dc 24 <img src="" alt="chat" height="60px" width="60px" /><br />
f11ed28e 25 Know what freenode is
a9afb7dc 26 </a>
f11ed28e 27 <a href="help" class="box">
a9afb7dc 28 <img src="" alt="support" height="60px" width="60px" /><br />
f11ed28e
SB
29 Get help
30 </a>
31 <a href="contribute" class="box">
32 <img src="" alt="server" height="60px" width="60px" /><br />
33 Contribute to freenode
34 </a>
35 <a href="projects" class="box">
36 <img src="" alt="gms" height="60px" width="60px" /><br />
37 Know who's using freenode
a9afb7dc
SB
38 </a>
39 </div>
40 </div>
41 <div class="main">
42 <h1>News</h1>
7dff2d08
SB
43 <div class="art">
44 <h3 class="art">Some News</h3>
45 <p class="art-date">2016-02-21 by spb</p>
46 <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>
47 <p class="art-link"><a href="">Read More</a></p>
48 </div>
49 <div class="art">
50 <h3 class="art">Another News</h3>
51 <p class="art-date">2016-01-19 by christel</p>
52 <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>
53 <p class="art-link"><a href="">Read More</a></p>
54 </div>
55 </div>
f11ed28e
SB
56 </div>
57 <footer class="footer">
7dff2d08
SB
58 <div class="footerchild">
59 Hello dear
60 </div>
61 <span class="footerline"></span>
62 <div class="footerchild">
63 Some links
64 </div>
65 <span class="footerline"></span>
66 <div class="footerchild">
f11ed28e
SB
67 <p><a>Some other links</a></p>
68 <p><a>Some other links</a></p>
69 <p><a>Some other links</a></p>
70 <p><a>Some other links</a></p>
a9afb7dc 71 </div>
f11ed28e 72 </footer>
babcbd8f 73 </div>
bf95ca34
S
74</body>
75</html>