MediaWiki:Bottom-notice-ns-0: Difference between revisions

Revision as of 12:52, 18 January 2018

   <footer id="myFooter">

<a href="#"> LOGO </a>

Get started

<a href="#">Home</a>
<a href="#">Sign up</a>
<a href="#">Downloads</a>

About us

<a href="#">Company Information</a>
<a href="#">Contact us</a>
<a href="#">Reviews</a>

Support

<a href="#">FAQ</a>
<a href="#">Help desk</a>
<a href="#">Forums</a>

                       <a href="#" class="twitter"></a>
                       <a href="#" class="facebook"></a>
                       <a href="#" class="google"></a>

                   <button type="button" class="btn btn-default">Contact us</button>

   </footer>

@@ Line 1: / Line 1: @@
+    <footer id="myFooter">
+        <div class="container">
+            <div class="row">
+                <div class="col-sm-3">
+                    <h2 class="logo"><a href="#"> LOGO </a></h2>
+                </div>
+                <div class="col-sm-2">
+                    <h5>Get started</h5>
+                    <ul>
+                        <li><a href="#">Home</a></li>
+                        <li><a href="#">Sign up</a></li>
+                        <li><a href="#">Downloads</a></li>
+                    </ul>
+                </div>
+                <div class="col-sm-2">
+                    <h5>About us</h5>
+                    <ul>
+                        <li><a href="#">Company Information</a></li>
+                        <li><a href="#">Contact us</a></li>
+                        <li><a href="#">Reviews</a></li>
+                    </ul>
+                </div>
+                <div class="col-sm-2">
+                    <h5>Support</h5>
+                    <ul>
+                        <li><a href="#">FAQ</a></li>
+                        <li><a href="#">Help desk</a></li>
+                        <li><a href="#">Forums</a></li>
+                    </ul>
+                </div>
+                <div class="col-sm-3">
+                    <div class="social-networks">
+                        <a href="#" class="twitter"><i class="fa fa-twitter"></i></a>
+                        <a href="#" class="facebook"><i class="fa fa-facebook"></i></a>
+                        <a href="#" class="google"><i class="fa fa-google-plus"></i></a>
+                    </div>
+                    <button type="button" class="btn btn-default">Contact us</button>
+                </div>
+            </div>
+        </div>
+        <div class="footer-copyright">
+            <p>© 2016 Copyright Text </p>
+        </div>
+    </footer>