[irc/freenode/web-7.0.git] / index_mock1.html

<!DOCTYPE html>

<html lang="en">
<head>
    <meta charset="utf-8">
    <meta content="IE=edge" http-equiv="X-UA-Compatible">
    <meta content="width=device-width, initial-scale=1" name="viewport">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <meta content="#fff" name="theme-color">

    <title>freenode</title>
    <link href="css/open-sans.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
    <link href="css/font-awesome.min.css" rel="stylesheet">
</head>

<body>
    <nav class="navbar">
        <a href="index"><img alt="freenode" class="nlogo" src=
        "img/logos/coloured-alphabg.svg"></a> <a href="PIA" target=
        "_blank"><img alt="Private internet access" class="nlogo" src=
        "img/logos/PIALogo_black.svg"></a>
    </nav>


    <div class="container">
        <div class="jumbotron">
            <h2 class="child">Welcome to freenode, the new home of your
            projects.</h2>


            <div class="box-container">
                <a class="box" href="about"><i class=
                "fa fa-comment fa-4x"></i><br>
                I want to chat</a> <a class="box" href="help"><i class=
                "fa fa-question fa-4x"></i><br>
                I want to get help</a> <a class="box" href=
                "contribute"><i class="fa fa-users fa-4x"></i><br>
                I want to register a group</a>
            </div>
        </div>


        <div class="main">
            <h1>News</h1>


            <div class="art">
                <h3 class="art">Some News</h3>


                <p class="art-date">2016-02-21 by spb</p>


                <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>


                <p class="art-link"><a href="">Read More</a>
                </p>
            </div>


            <div class="art">
                <h3 class="art">Another News</h3>


                <p class="art-date">2016-01-19 by christel</p>


                <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>


                <p class="art-link"><a href="">Read More</a>
                </p>
            </div>
        </div>
    </div>


    <footer class="footer">
        <div class="footerchild">
            <h2>About freenode</h2>


            <ul>
                <li>
                    <a>Vision</a>
                </li>


                <li>
                    <a>Mission</a>
                </li>


                <li>
                    <a>Philosophy</a>
                </li>


                <li>
                    <a>Policies</a>
                </li>


                <li>
                    <a>Credits</a>
                </li>
            </ul>
        </div>


        <div class="footerchild">
            <h2>Using freenode</h2>


            <ul>
                <li>
                    <a>Connect</a>
                </li>


                <li>
                    <a>Clients</a>
                </li>


                <li>
                    <a>Webchat</a>
                </li>


                <li>
                    <a>SASL</a>
                </li>
            </ul>
        </div>


        <div class="footerchild">
            <h2>Groups/Projects</h2>


            <ul>
                <li>
                    <a>Group Management System</a>
                </li>


                <li>
                    <a>Groups on freenode</a>
                </li>


                <li>
                    <a>How Groups Work</a>
                </li>
            </ul>
        </div>


        <div class="footerchild">
            <h2>Support freenode</h2>


            <ul>
                <li>
                    <a>Host a server</a>
                </li>
            </ul>
        </div>


        <div class="footerchild flex-right">
            <h2>Social Media</h2>


            <ul>
                <li>
                    <a href="https://plus.google.com/104326727082310562426"
                    target="_blank"><i class="fa fa-google-plus"></i>
                    Google+</a>
                </li>


                <li>
                    <a href="https://twitter.com/freenodestaff" target=
                    "_blank"><i class="fa fa-twitter"></i> Twitter</a>
                </li>


                <li>
                    <a href="PIA" target="_blank"><img alt="PIA" height="14px"
                    src="img/logos/pia-robot-original.svg"> Private Internet
                    Access</a>
                </li>
            </ul>
        </div>
    </footer>


    <footer class="copyright">
        <a class="copyright" href=
        "https://creativecommons.org/licenses/by-nc-sa/4.0/" target=
        "_blank"><img alt="CC by-nc-sa" height="31px" src=
        "img/by-nc-sa.svg"></a>

        <p>&copy; Copyright 2002-2016, freenode</p>
    </footer>
</body>
</html>
Commit	Line	Data
a9afb7dc	1	<!DOCTYPE html>
dad998d9	2
a9afb7dc SB	3	<html lang="en">
	4	<head>
	5	<meta charset="utf-8">
dad998d9 SB	6	<meta content="IE=edge" http-equiv="X-UA-Compatible">
dad998d9 SB	7	<meta content="width=device-width, initial-scale=1" name="viewport">
a9afb7dc	8	<!-- The above 3 meta tags must come first in the head; any other head content must come after these tags -->
dad998d9 SB	9	<meta content="#fff" name="theme-color">
dad998d9 SB	10
a9afb7dc	11	<title>freenode</title>
dad998d9	12	<link href="css/open-sans.css" rel="stylesheet">
e3a99e08	13	<link href="css/style.css" rel="stylesheet">
dad998d9	14	<link href="css/font-awesome.min.css" rel="stylesheet">
a9afb7dc	15	</head>
dad998d9	16
a9afb7dc SB	17	<body>
a9afb7dc SB	18	<nav class="navbar">
dad998d9 SB	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>
a9afb7dc	23	</nav>
dad998d9 SB	24
dad998d9 SB	25
a9afb7dc SB	26	<div class="container">
a9afb7dc SB	27	<div class="jumbotron">
dad998d9 SB	28	<h2 class="child">Welcome to freenode, the new home of your
	29	projects.</h2>
	30
	31
a9afb7dc	32	<div class="box-container">
dad998d9 SB	33	<a class="box" href="about"><i class=
	34	"fa fa-comment fa-4x"></i><br>
	35	I want to chat</a> <a class="box" href="help"><i class=
	36	"fa fa-question fa-4x"></i><br>
	37	I want to get help</a> <a class="box" href=
	38	"contribute"><i class="fa fa-users fa-4x"></i><br>
	39	I want to register a group</a>
a9afb7dc SB	40	</div>
a9afb7dc SB	41	</div>
dad998d9 SB	42
dad998d9 SB	43
a9afb7dc SB	44	<div class="main">
a9afb7dc SB	45	<h1>News</h1>
dad998d9 SB	46
dad998d9 SB	47
7dff2d08 SB	48	<div class="art">
7dff2d08 SB	49	<h3 class="art">Some News</h3>
dad998d9 SB	50
dad998d9 SB	51
7dff2d08	52	<p class="art-date">2016-02-21 by spb</p>
dad998d9 SB	53
	54
	55	<p class="art-ingress">Fancy news article's ingress text here.
	56	Lorem ipsum dolor sit amet, consectetur adipiscing elit.
	57	Phasellus placerat ultricies euismod. Maecenas dolor mauris,
	58	posuere mollis eros vel, auctor rhoncus quam...</p>
	59
	60
	61	<p class="art-link"><a href="">Read More</a>
	62	</p>
7dff2d08	63	</div>
dad998d9 SB	64
dad998d9 SB	65
7dff2d08 SB	66	<div class="art">
7dff2d08 SB	67	<h3 class="art">Another News</h3>
dad998d9 SB	68
dad998d9 SB	69
7dff2d08	70	<p class="art-date">2016-01-19 by christel</p>
dad998d9 SB	71
	72
	73	<p class="art-ingress">Some other news article's ingress here.
	74	Phasellus nec erat rhoncus, pretium orci eget, ullamcorper
	75	ipsum. Fusce sit amet felis a augue sodales commodo id eget
	76	justo. Phasellus id nisl nec elit porta pellentesque in egestas
	77	nibh. Vivamus mollis ligula lectus, in mollis nibh pharetra
	78	vitae...</p>
	79
	80
	81	<p class="art-link"><a href="">Read More</a>
	82	</p>
7dff2d08 SB	83	</div>
7dff2d08 SB	84	</div>
f11ed28e	85	</div>
dad998d9 SB	86
	87
	88	<footer class="footer">
	89	<div class="footerchild">
c0b511a7	90	<h2>About freenode</h2>
dad998d9 SB	91
	92
	93	<ul>
	94	<li>
	95	<a>Vision</a>
	96	</li>
	97
	98
	99	<li>
	100	<a>Mission</a>
	101	</li>
	102
	103
	104	<li>
	105	<a>Philosophy</a>
	106	</li>
	107
	108
	109	<li>
	110	<a>Policies</a>
	111	</li>
	112
	113
	114	<li>
	115	<a>Credits</a>
	116	</li>
	117	</ul>
	118	</div>
	119
	120
	121	<div class="footerchild">
	122	<h2>Using freenode</h2>
	123
	124
	125	<ul>
	126	<li>
	127	<a>Connect</a>
	128	</li>
	129
	130
	131	<li>
	132	<a>Clients</a>
	133	</li>
	134
	135
	136	<li>
	137	<a>Webchat</a>
	138	</li>
	139
	140
	141	<li>
	142	<a>SASL</a>
	143	</li>
	144	</ul>
	145	</div>
	146
	147
	148	<div class="footerchild">
	149	<h2>Groups/Projects</h2>
	150
	151
	152	<ul>
	153	<li>
	154	<a>Group Management System</a>
155	</li>
156
157
158	<li>
159	<a>Groups on freenode</a>
160	</li>
161
162
163	<li>
164	<a>How Groups Work</a>
165	</li>
166	</ul>
167	</div>
168
169
170	<div class="footerchild">
171	<h2>Support freenode</h2>
172
173
174	<ul>
175	<li>
176	<a>Host a server</a>
177	</li>
178	</ul>
179	</div>
180
181
182	<div class="footerchild flex-right">
183	<h2>Social Media</h2>
184
185
186	<ul>
187	<li>
188	<a href="https://plus.google.com/104326727082310562426"
189	target="_blank"><i class="fa fa-google-plus"></i>
190	Google+</a>
191	</li>
192
193
194	<li>
195	<a href="https://twitter.com/freenodestaff" target=
196	"_blank"><i class="fa fa-twitter"></i> Twitter</a>
197	</li>
198
199
200	<li>
201	<a href="PIA" target="_blank"><img alt="PIA" height="14px"
202	src="img/logos/pia-robot-original.svg"> Private Internet
203	Access</a>
204	</li>
c0b511a7	205	</ul>
cf830f98 SB	206	</div>
cf830f98 SB	207	</footer>
dad998d9 SB	208
dad998d9 SB	209
cf830f98	210	<footer class="copyright">
dad998d9 SB	211	<a class="copyright" href=
	212	"https://creativecommons.org/licenses/by-nc-sa/4.0/" target=
	213	"_blank"><img alt="CC by-nc-sa" height="31px" src=
	214	"img/by-nc-sa.svg"></a>
	215
86c47239	216	<p>© Copyright 2002-2016, freenode</p>
cf830f98	217	</footer>
bf95ca34	218	</body>
dad998d9	219	</html>