CSS Stopka.

Mógłby ktoś zrobić mi taką stopkę jak na http://csghost.pl/ na ich przedstronie?

<footer id="footer">
        <div class="container">
            <div class="row">

                <div class="col-sm-12">

                    <ul class="social-links">
                        <li><a class="wow fadeInUp animated" style="visibility: visible; animation-name: fadeInUp;" href="https://www.facebook.com/counterstrike.goldenshoot/"><i class="fa fa-facebook"></i></a></li>
                        <li><a class="wow fadeInUp animated" style="visibility: visible; animation-name: fadeInUp; animation-delay: 0.2s;" href="http://steamcommunity.com/groups/goldenshootcs" data-wow-delay=".2s"><i class="fa fa-steam"></i></a></li>
                    </ul>

                   <p class="copyright">
                       © 2015-2016
                        <br>CsGhost.pl &amp; All Rights Reserved
                        <br>Designed by <a href="gg:36494481/">ex0</a>
                    </p>

                </div>

            </div><!-- .row -->
        </div><!-- .container -->
    </footer>

CSS:

#footer {
   background: #222;
   text-align: center;
   padding: 40px 0;
   color: #fff;
}

.container {
   width: 1170px;
}

.row {
   margin-right: -15px;
   margin-left: -15px;
}

.social-links {
   list-style: none;
   padding: 0;
   margin: 0 0 20px;
}

/*media screen*/
.social-links a {
   width: 36px;
   height: 36px;
   display: block;
   line-height: 35px;
   text-align: center;
   border: 1px solid rgba(255, 255, 255, .1);
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   font-size: 14px;
   color: rgba(255, 255, 255, 0.2);
}

/*media screen*/
.copyright {
   margin: 0;
}

A jak rozciagnac to na cala strone? Bo mam cos takiego:



I dac te facebook i steam na srodek? I zmniejszyc szerokosc w pionie?

Zapewne w

.container {
    width: 1170px;
}

Edytuje to i nic sie nie dzieje ;/

Wrzuc kod na jsfiddle. Coś się gryzie pewnie.

Do #footer dodaj "width: liczbapx" za liczbę wstaw liczbę odpowiednią do twojej strony metodą prób i błędów.

Wyszlo mi cos takiego:

Nacisnij save i daj tutaj link.

https://jsfiddle.net/z31ne2xw/

---

Do #footer dodaj width i będzie pykało. Podaj adres forum do tej strony czy coś.

https://jsfiddle.net/71q56ct0/

---

http://n1craft.gameclan.pl/

Tam panuje taki balagan, ze nic sie nie da zobaczyc...

https://jsfiddle.net/71q56ct0/1/ nie jest dokladnie takie samo, bo gdy cos mi zaglusza moją muzykę idącą z komputera to wręcz ciśnienie się podnosi. :p

Wrzuć html nad </body>, a css do twojego pliku z nim lub między znaczniki style w sekcji head.