HTML CSS'de en aşağı kısma ekteki resimin aynısını yapmak

Sadece HTML olarak aşağıdaki şekilde olur.
HTML:
<footer>
        <div class="copyright">
            <div class="container">
                <div class="row">
                    <div class="col-md-4">
                        <ul class="shortcut">
                            <li><a href="xxx">xxx</a></li>
                            <li><a href="xxx">xxx</a></li>
                            <li><a href="xxx">xxx</a></li>
                            <li><a href="xxx">xxx</a></li>
                        </ul>
                    </div>
                    <div class="col-md-4">
                        <ul class="shortcut">
                            <li><a href="xxx">xxx</a></li>
                            <li><a href="xxx">xxx</a></li>
                            <li><a href="xxx">xxx</a></li>
                            <li><a href="xxx">xxx</a></li>
                            <li><a href="xxx">xxx</a></li>
                            <li><a href="xxx">xxx</a></li>
                        </ul>
                    </div>
                    <div class="col-md-4">
                        <address>
                            <p>xxx</p>
                            <p><a href="xxx">xxx</a></p>
                            <p><a href="xxx">xxx</a></p>
                            <p><a href="xxx">xxx</a></p>
                            <p><a href="xxx">xxx</a></p>
                        </address>
                    </div>

                </div>
                <div class="row row-line">
                    <div class="col-sm-12 col-md-6">
                        <p class="rights">© 2024 Her Hakkı Saklıdır.</p>
                    </div>
                </div>
            </div>
        </div>
    </footer>

Projene bootstrap eklersen aynı şekli alır.
1704181696695.png
 

Technopat Haberler

Yeni konular

Geri
Yukarı