ION_Archive/selmer-bot-website
1
0
Fork 0
mirror of https://github.com/ION606/selmer-bot-website.git synced 2026-06-06 07:52:59 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fixed Footer

Browse Source 
Last push created an issue with the footer of the page. Layering Error Fixed.
This commit is contained in:
a-box31
2022-11-25 19:08:30 -05:00
parent 0ef0c8e1fe
commit 881e070c87
2 changed files with 238 additions and 215 deletions
Download Patch File Download Diff File Expand all files Collapse all files
CSS/index.css
+19 -2
View File
@@ -1,6 +1,7 @@
*{ *{
margin: 0; margin: 0;
padding: 0; padding: 0;
box-sizing: border-box;
} }
html { width:100%; height:100%; margin:0; padding:0; } html { width:100%; height:100%; margin:0; padding:0; }
@@ -8,7 +9,7 @@ html { width:100%; height:100%; margin:0; padding:0; }
body { body {
background-color: rgb(41, 42, 48); background-color: rgb(41, 42, 48);
/* background-color: rgb(1, 1, 59); */ /* background-color: rgb(1, 1, 59); */
width:100%; height:100%; margin:0; padding:0; height:100%; margin:0; padding:0;
} }
.loginbtn { .loginbtn {
@@ -131,6 +132,10 @@ body {
top: 0; top: 0;
} }
header{ header{
text-align: center; text-align: center;
} }
@@ -189,6 +194,18 @@ nav a{
background-color: rgb(41, 42, 48); background-color: rgb(41, 42, 48);
} }
.content-area h2 { footer{
background-color: rgb(41, 42, 48);
}
.footer-area {
padding-top: 30px;
width: 100%;
position: relative;
top: 450px;
background-color: rgb(41, 42, 48);
}
@media (min-width: 768px) {
} }
HTML/test.html
+7 -1
View File
@@ -174,6 +174,8 @@
<body> <body>
<div class="box-area">
<header> <header>
<div class="wrapper"> <div class="wrapper">
<div class="logo"> <div class="logo">
@@ -423,13 +425,17 @@
</div> </div>
</section> </section>
<!-- <script type="module" src="./main.js", type="application/json"></script> --> <!-- <script type="module" src="./main.js", type="application/json"></script> -->
<footer class="footer-area">
<!-- Footer --> <!-- Footer -->
<ul style="margin-top: 100px; text-align: center;" class="row"> <ul style="text-align: center;" class="row">
<li style="display: inline; vertical-align: text-top;"> <li style="display: inline; vertical-align: text-top;">
<a href="https://github.com/ION606/selmerBot"><i class="fa fa-github" style="font-size:72px; color: #000000;" alt="Github Repository"></i></a> <a href="https://github.com/ION606/selmerBot"><i class="fa fa-github" style="font-size:72px; color: #000000;" alt="Github Repository"></i></a>
<span style="margin-left: 40px;"></span> <span style="margin-left: 40px;"></span>
<a href="https://discord.com/oauth2/authorize?client_id=944046902415093760&scope=applications.commands+bot&permissions=549755289087"><img src="https://cdn-icons-png.flaticon.com/512/5968/5968756.png" style="width: 72px; height: 72px; margin-bottom: 40px;" alt="Discord Invite Link"></a> <a href="https://discord.com/oauth2/authorize?client_id=944046902415093760&scope=applications.commands+bot&permissions=549755289087"><img src="https://cdn-icons-png.flaticon.com/512/5968/5968756.png" style="width: 72px; height: 72px; margin-bottom: 40px;" alt="Discord Invite Link"></a>
</li> </li>
</ul> </ul>
</footer>
</div>
</body> </body>
</html> </html>