CostaPyTemplates/kiddy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fixing the footer position

Browse Source
This commit is contained in:
Dita Aji Pratama 2024-07-28 06:14:28 +07:00
parent 17b447606c
commit 6b61d72608
3 changed files with 6 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
costapy-template/kiddy/html/footer.html
View File

@ -1,7 +1,7 @@
<!-- Footer --> <!-- Footer -->
<div class="footer"> <footer class="footer mt-auto">
<div class="container"> <div class="container">
<p>${copyright}</p> <p>${copyright}</p>
<p><a href="${privacy_policy}">Privacy Policy</a> | <a href="${terms_of_service}">Terms of Service</a></p> <p><a href="${privacy_policy}">Privacy Policy</a> | <a href="${terms_of_service}">Terms of Service</a></p>
</div> </div>
</div> </footer>

2
costapy-template/kiddy/html/index.html
View File

@ -7,7 +7,7 @@
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet"> <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
<link href="/templates/kiddy/css/style.css" rel="stylesheet"> <link href="/templates/kiddy/css/style.css" rel="stylesheet">
</head> </head>
<body> <body class="d-flex flex-column" style="min-height:100vh;">
${navbar} ${navbar}

8
index.html
View File

@ -100,7 +100,6 @@
.price-plan { .price-plan {
padding: 50px 0; padding: 50px 0;
text-align: center; text-align: center;
/*background-color: #fff;*/
} }
.price-plan h2 { .price-plan h2 {
font-size: 2.5em; font-size: 2.5em;
@ -188,7 +187,7 @@
} }
</style> </style>
</head> </head>
<body> <body class="d-flex flex-column" style="min-height:100vh;">
<!-- Navbar --> <!-- Navbar -->
<nav class="navbar navbar-expand-lg navbar-light bg-light"> <nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container"> <div class="container">
@ -303,16 +302,15 @@
</div> </div>
<!-- Footer --> <!-- Footer -->
<div class="footer"> <footer class="footer mt-auto">
<div class="container"> <div class="container">
<p>&copy; 2024 Kids Private Courses. All rights reserved.</p> <p>&copy; 2024 Kids Private Courses. All rights reserved.</p>
<p><a href="#">Privacy Policy</a> | <a href="#">Terms of Service</a></p> <p><a href="#">Privacy Policy</a> | <a href="#">Terms of Service</a></p>
</div> </div>
</div> </footer>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script> <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.4/dist/umd/popper.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.4/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</body> </body>
</html> </html>