I have arranged two columns within the container, but I am looking to position the .company and .copyright text at the bottom left of the footer column. The Follow Us heading should be on the right side with the .justify-text below it, followed by social media icons. Thank you!
.footer {
background-color: $pink;
padding-top: 20px;
text-align: left;
color: $white;
}
<link href="https://cdn.jsdelivr.net/npm/<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="7f1d10100b0c0b">[email protected]</a>/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
<div class="footer">
<div class="container">
<div class="row justify-content-between">
<div class="col-sm-7">
<h5>Programme</h5>
<p class="company">This is a sample text.</p>
<p class="copyright">© 2023 Example Company</p>
</div>
<div class="col-sm-4">
<h5>Follow Us</h5>
<p class="justify-text">Connect with us on social media for updates.</p>
</div>
</div>
</div>
</div>