ION_Archive/selmer-bot-website
1
0
Fork 0
mirror of https://github.com/ION606/selmer-bot-website.git synced 2026-05-15 06:26:54 +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;
padding: 0;
box-sizing: border-box;
}
html { width:100%; height:100%; margin:0; padding:0; }
@@ -8,7 +9,7 @@ html { width:100%; height:100%; margin:0; padding:0; }
body {
background-color: rgb(41, 42, 48);
/* background-color: rgb(1, 1, 59); */
width:100%; height:100%; margin:0; padding:0;
height:100%; margin:0; padding:0;
}
.loginbtn {
@@ -131,6 +132,10 @@ body {
top: 0;
}
header{
text-align: center;
}
@@ -189,6 +194,18 @@ nav a{
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>
<div class="box-area">
<header>
<div class="wrapper">
<div class="logo">
@@ -423,13 +425,17 @@
</div>
</section>
<!-- <script type="module" src="./main.js", type="application/json"></script> -->
<footer class="footer-area">
<!-- 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;">
<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>
<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>
</ul>
</footer>
</div>
</body>
</html>