[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/mock1.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>
                Chat</a> <a class="box" href="help"><i class=
                "fa fa-question fa-4x"></i><br>
                FAQ</a> <a class="box" href=
                "contribute"><i class="fa fa-users fa-4x"></i><br>
                Register a group</a>
            </div>
        </div>


        <div class="main">
            <div class="art">
                <p class="heading"><b class="art">Some News</b>&nbsp;<span class="art-date">2016-02-19 by christel</span></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 hdn">&nbsp;</div>


        <div class="footerchild">
            <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">
36510292	13	<link href="css/mock1.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=
dad998d9 SB	34	"fa fa-comment fa-4x"></i><br>
8dad003b	35	Chat</a> <a class="box" href="help"><i class=
dad998d9	36	"fa fa-question fa-4x"></i><br>
8dad003b	37	FAQ</a> <a class="box" href=
dad998d9	38	"contribute"><i class="fa fa-users fa-4x"></i><br>
8dad003b	39	Register a group</a>
a9afb7dc SB	40	</div>
a9afb7dc SB	41	</div>
dad998d9 SB	42
dad998d9 SB	43
a9afb7dc	44	<div class="main">
7dff2d08	45	<div class="art">
36510292	46	<p class="heading"><b class="art">Some News</b> <span class="art-date">2016-02-19 by christel</span></p>
dad998d9 SB	47
	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>
	52
	53
	54	<p class="art-link"><a href="">Read More</a>
	55	</p>
7dff2d08	56	</div>
dad998d9 SB	57
dad998d9 SB	58
7dff2d08 SB	59	<div class="art">
7dff2d08 SB	60	<h3 class="art">Another News</h3>
dad998d9 SB	61
dad998d9 SB	62
7dff2d08	63	<p class="art-date">2016-01-19 by christel</p>
dad998d9 SB	64
	65
	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
	71	vitae...</p>
	72
	73
	74	<p class="art-link"><a href="">Read More</a>
	75	</p>
7dff2d08 SB	76	</div>
7dff2d08 SB	77	</div>
f11ed28e	78	</div>
dad998d9 SB	79
	80
	81	<footer class="footer">
	82	<div class="footerchild">
c0b511a7	83	<h2>About freenode</h2>
dad998d9 SB	84
	85
	86	<ul>
	87	<li>
	88	<a>Vision</a>
	89	</li>
	90
	91
	92	<li>
	93	<a>Mission</a>
	94	</li>
	95
	96
	97	<li>
	98	<a>Philosophy</a>
	99	</li>
	100
	101
	102	<li>
	103	<a>Policies</a>
	104	</li>
	105
	106
	107	<li>
	108	<a>Credits</a>
	109	</li>
	110	</ul>
	111	</div>
	112
	113
	114	<div class="footerchild">
	115	<h2>Using freenode</h2>
	116
	117
	118	<ul>
	119	<li>
	120	<a>Connect</a>
	121	</li>
	122
	123
	124	<li>
	125	<a>Clients</a>
	126	</li>
	127
	128
	129	<li>
	130	<a>Webchat</a>
	131	</li>
	132
	133
	134	<li>
	135	<a>SASL</a>
	136	</li>
	137	</ul>
	138	</div>
	139
	140
	141	<div class="footerchild">
	142	<h2>Groups/Projects</h2>
	143
	144
	145	<ul>
	146	<li>
	147	<a>Group Management System</a>
148	</li>
149
150
151	<li>
152	<a>Groups on freenode</a>
153	</li>
154
155
156	<li>
157	<a>How Groups Work</a>
158	</li>
159	</ul>
160	</div>
161
162
163	<div class="footerchild">
164	<h2>Support freenode</h2>
165
166
167	<ul>
168	<li>
169	<a>Host a server</a>
170	</li>
171	</ul>
172	</div>
c85c8f78 SB	173
c85c8f78 SB	174	<div class="footerchild hdn"> </div>
dad998d9 SB	175
dad998d9 SB	176
c85c8f78	177	<div class="footerchild">
dad998d9 SB	178	<h2>Social Media</h2>
	179
	180
	181	<ul>
	182	<li>
	183	<a href="https://plus.google.com/104326727082310562426"
	184	target="_blank"><i class="fa fa-google-plus"></i>
	185	Google+</a>
	186	</li>
	187
	188
	189	<li>
	190	<a href="https://twitter.com/freenodestaff" target=
	191	"_blank"><i class="fa fa-twitter"></i> Twitter</a>
	192	</li>
	193
	194
	195	<li>
	196	<a href="PIA" target="_blank"><img alt="PIA" height="14px"
	197	src="img/logos/pia-robot-original.svg"> Private Internet
	198	Access</a>
	199	</li>
c0b511a7	200	</ul>
cf830f98 SB	201	</div>
cf830f98 SB	202	</footer>
dad998d9 SB	203
dad998d9 SB	204
cf830f98	205	<footer class="copyright">
dad998d9 SB	206	<a class="copyright" href=
	207	"https://creativecommons.org/licenses/by-nc-sa/4.0/" target=
	208	"_blank"><img alt="CC by-nc-sa" height="31px" src=
	209	"img/by-nc-sa.svg"></a>
	210
86c47239	211	<p>© Copyright 2002-2016, freenode</p>
cf830f98	212	</footer>
bf95ca34	213	</body>
dad998d9	214	</html>