<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> </head> <style> footer { display: flex; justify-content: space-around; background-color: #ffe2e5; font-weight: bold; width:100%; } footer a { text-decoration: none; padding: 0 5px; color: rgb(238, 60, 77); position:relative !important; } .part2 { display: flex; align-items: center; gap: 10px; } @media (max-width: 768px) { footer { flex-direction: column-reverse; justify-content: center; align-items: center; gap: 10px; } } @media (max-width: 590px) { .part2 { flex-direction: column; } } .container{ min-height: calc(100vh - 100px); width:100%; display: flex; flex-direction: column; } </style> <body> <footer id="footer_mulitligule" class="py-3 footer toBottom" > <div> <p class="my-auto">©2023 My Next Film PVT LTD</p> </div> <div class="my-auto part2"> <a href="{%url 'agreement_base'%}" target="_blank">Agreement</a> <a href="{%url 'tnc_base'%}" target="_blank">Terms & Conditions</a> {% comment %} <a href="https://mynextfilm.com/static/homepage/PrivacyPolicy.html" target="_blank">Privacy Policy</a> {% endcomment %} <a href="{%url 'PrivacyPolicy_base'%}" target="_blank">Privacy Policy</a> <a href="{%url 'Refunds_base' %}#refunds" target="_blank">Refund & Cancellation Policy</a> <a href="{%url 'NDA_base'%}" target="_blank">N.D.A</a> </div> </footer> </body> </html>