]> jfr.im git - irc/freenode/web-7.0.git/blobdiff - index_mock1.html
Merging m1 and m2 in a way
[irc/freenode/web-7.0.git] / index_mock1.html
index 2bce219e6849df4943fa79f3964e7063eed47eb9..f2f09a2d6bcc11127a7be848689f36d8cd7f3037 100644 (file)
 </head>
 <body>
     <nav class="navbar">
-        <img src="img/logos/coloured-alphabg.svg" class="nlogo" alt="Freenode" />
-        <ul class="navlinks">
-            <li href="" >Chat</li>
-            <li href="" >Collaborate</li>
-            <li href="" >Support&nbsp;</li>
-        </ul>
+        <a href="index"><img src="img/logos/coloured-alphabg.svg" class="nlogo" alt="freenode" /></a>
+        <!--navkinks-->
+        <a href="PIA" target="_blank"><img src="img/logos/PIALogo_black.svg" alt="Private internet access" class="nlogo" /></a>
     </nav>
+    
     <div class="container">
-        <div class="welcome-big">
-            <h1>Welcome to the new home of your projects.</h1>
-            <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>
-            <button type="button" class="welcome-learnmore">Learn More &gt;&gt;</button>
-        </div>
         <div class="jumbotron">
-                <div href="" class="box">
+            <h2 class="child"> welcomr to fn, I want to...</h2>
+            <div class="box-container">
+                <a href="about" class="box">
                     <img src="" alt="chat" height="60px" width="60px" /><br />
-                    Join a community
-                </div>
-                <div href="" class="box">
-                    <img src="" alt="group" height="60px" width="60px" /><br />
-                    Get my project on freenode
-                </div>
-                <div href="" class="box">
+                    Chat
+                </a>
+                <a href="help" class="box">
                     <img src="" alt="support" height="60px" width="60px" /><br />
-                    Support freenode
-                </div>
+                    Get help
+                </a>
+                <a href="contribute" class="box">
+                    <img src="" alt="gms" height="60px" width="60px" /><br />
+                    Register a group
+                </a>
+                <!--<a href="PIA" class="box">
+                    <img src="img/logos/newPIA.png" alt="Private internet access" height="60px" class="box-center"/><br />
+                </a>-->
+            </div>
         </div>
+        
         <div class="main">
             <h1>News</h1>
             <div class="art">
             </div>
         </div>
     </div>
-    <!--I do not even know why footer was put in the container-->
-        <div class="footer">
-                &nbsp;&copy; freenode 1995?-2016. All rights reserved.
-            <span class="footer-links">
-                <a href="/sitemap.xml">Sitemap</a> - <a href="/anotherlink.html">Another Link</a>
-            </span>
-        </div>
+    
+        <footer class="footer">
+            <div class="footerchild">
+            <h2>Freenode</h2>
+            <ul>
+              <li><a>About freenode</a></li>
+              <ul>
+                <li><a>Vision</a></li>
+                <li><a>Mission</a></li>
+                <li><a>Philosophy</a></li>
+                <li><a>Policies</a></li>
+              </ul>
+              <li><a>Using freenode</a></li>
+              <ul>
+                <li><a>Clients</a></li>
+                <li><a>Webchat</a></li>
+                <li><a>SASL</a></li>
+              </ul>
+              <li><a>Groups/Projects</a></li>
+              <ul>
+                <li><a></a></li>
+              </ul>
+            </ul>
+            </div>
+
+            <div class="footerchild">
+            <h2>Our sponsors</h2>
+            <p><a href="PIA" target="_blank"><img src="img/logos/pia-robot-original.svg" alt="PIA" height="20px" /> Private Internet Access</a></p>
+            </div>
+
+            <div class="footerchild">
+            <h2>Social Media</h2>
+            <p><a>Some other links</a></p>
+            <p><a>Some other links</a></p>
+            <p><a>Some other links</a></p>
+            <p><a>Some other links</a></p>
+            </div>
+        </footer>
+        <footer class="copyright">
+            <img alt="CC-0 Logo" />
+        </footer>
+    </div>
+</body>
+</html>