]> jfr.im git - irc/freenode/web-7.0.git/blame - index_mock2.html
Merge branch 'mockup' of https://github.com/freenode/web-7.0.git into mockup
[irc/freenode/web-7.0.git] / index_mock2.html
CommitLineData
cc545bdc 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>
686ca1eb 9 <link href="css/mock2.css" rel="stylesheet" />
cc545bdc 10</head>
11<body>
12 <nav class="navbar">
13 <img src="img/logos/coloured-alphabg.svg" class="nlogo" alt="Freenode" />
14 <ul class="navlinks">
15 <li href="" >Chat</li>
16 <li href="" >Collaborate</li>
17 <li href="" >Support&nbsp;</li>
18 </ul>
19 </nav>
20 <div class="container">
21 <div class="welcome-big">
22 <h1>Welcome to the new home of your projects.</h1>
23 <h3>freenode aims to maximize efficiency in development by allowing a collaborative and relaxed environment for developers while allowing users to get an answer for their problems.</h3>
24 <button type="button" class="welcome-learnmore">Learn More &gt;&gt;</button>
25 </div>
26 <div class="jumbotron">
27 <div href="" class="box">
28 <img src="" alt="chat" height="60px" width="60px" /><br />
29 Join a community
30 </div>
31 <div href="" class="box">
32 <img src="" alt="group" height="60px" width="60px" /><br />
33 Get my project on freenode
34 </div>
35 <div href="" class="box">
36 <img src="" alt="support" height="60px" width="60px" /><br />
37 Support freenode
38 </div>
39 </div>
40 <div class="main">
41 <h1>News</h1>
42 <div class="art">
43 <h3 class="art">Some News</h3>
44 <p class="art-date">2016-02-21 by spb</p>
45 <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>
46 <p class="art-link"><a href="">Read More</a></p>
47 </div>
48 <div class="art">
49 <h3 class="art">Another News</h3>
50 <p class="art-date">2016-01-19 by christel</p>
51 <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>
52 <p class="art-link"><a href="">Read More</a></p>
53 </div>
54 </div>
55 </div>
56 <!--I do not even know why footer was put in the container-->
57 <div class="footer">
58 &nbsp;&copy; freenode 1995?-2016. All rights reserved.
59 <span class="footer-links">
60 <a href="/sitemap.xml">Sitemap</a> - <a href="/anotherlink.html">Another Link</a>
61 </span>
62 </div>