delete
This commit is contained in:
parent
152f22ee27
commit
3fb257e87c
|
@ -1,63 +0,0 @@
|
|||
---
|
||||
import React from "react";
|
||||
import Grid from "dynamic-react-grid";
|
||||
import "./FooterStyles.css";
|
||||
---
|
||||
|
||||
<div class="justify-center bg-[black] list-none items-start pl-[5%];">
|
||||
<div class="flex flex-row;" style={{ padding: 15 }}>
|
||||
<Grid row spacing={1}>
|
||||
<Grid>
|
||||
<h6>
|
||||
<div class="footer-logo"></div>
|
||||
<ul>
|
||||
<li class="footer-li">
|
||||
<span class="footer-email"
|
||||
></span>contact@lumeweb.com
|
||||
</li>
|
||||
<li>
|
||||
<span class="footer-h2"
|
||||
>Freedom, privacy, <br />ownership.</span
|
||||
>
|
||||
</li>
|
||||
</ul>
|
||||
</h6>
|
||||
</Grid>
|
||||
<Grid>
|
||||
<h5 class="footer-padding">General</h5><br /><h6>
|
||||
<li class="footer-li">Home</li>
|
||||
<li class="footer-li">Get Started</li>
|
||||
<li class="footer-li">Documentation</li>
|
||||
<li class="footer-li">Projects</li>
|
||||
</h6>
|
||||
</Grid>
|
||||
<Grid>
|
||||
<h5 class="footer-padding">Community</h5><br /><h6>
|
||||
<li class="footer-li">GitHub</li>
|
||||
<li class="footer-li">Discord</li>
|
||||
<li class="footer-li">Twitter</li>
|
||||
<li class="footer-li">facebook</li>
|
||||
</h6>
|
||||
</Grid>
|
||||
<Grid>
|
||||
<h5 class="footer-padding">Other</h5><br /><h6>
|
||||
<li class="footer-li">BrowserUniversal</li>
|
||||
<li class="footer-li">Storage</li>
|
||||
</h6>
|
||||
</Grid>
|
||||
<Grid>
|
||||
<h5 class="footer-padding">Other</h5><br /><h6>
|
||||
<li class="footer-li">BrowserUniversal</li>
|
||||
<li class="footer-li">Storage</li>
|
||||
</h6>
|
||||
</Grid>
|
||||
<Grid>
|
||||
<h5 class="footer-padding">Support Us</h5><br /><h6>
|
||||
<li class="footer-li">Donate</li>
|
||||
<li class="footer-li">Download App</li>
|
||||
<li class="footer-li">Partnerships</li>
|
||||
</h6>
|
||||
</Grid>
|
||||
</Grid>
|
||||
</div>
|
||||
</div>
|
|
@ -1,68 +0,0 @@
|
|||
.footer-logo {
|
||||
background-image: url('../../../assets/lume-logo.webp');
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
margin-left: 5px;
|
||||
height: 55px;
|
||||
min-width: 150px;
|
||||
display: inline-block;
|
||||
text-align: left;
|
||||
margin-inline: 5px;
|
||||
margin-top: 3vh;
|
||||
z-index: 998 !important;
|
||||
}
|
||||
|
||||
.footer-email {
|
||||
background-image: url('../../../assets/email-icon.webp');
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
background-position: center;
|
||||
padding-inline: 10px;
|
||||
margin-inline: 10px;
|
||||
height: 14px;
|
||||
object-fit: cover;
|
||||
width: 17px;
|
||||
}
|
||||
|
||||
.footer-column {
|
||||
justify-content: center;
|
||||
background-color: black;
|
||||
list-style-type: none;
|
||||
align-items: flex-start;
|
||||
vertical-align: center;
|
||||
padding-inline: 1%;
|
||||
padding-left: 5%;
|
||||
}
|
||||
|
||||
.footer-container {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.footer-padding {
|
||||
display: inline-block;
|
||||
text-align: left;
|
||||
font-family: var(--font-family-jaldi);
|
||||
font-size: calc(15px + (21 - 10) * ((100vw - 300px) / (1600 - 300)));
|
||||
margin-inline: 5px;
|
||||
margin-top: 5vh;
|
||||
}
|
||||
|
||||
.footer-li {
|
||||
color: #808687;
|
||||
font-family: var(--font-family-jaldi);
|
||||
font-size: calc(10px + (21 - 10) * ((100vw - 300px) / (1600 - 300)));
|
||||
font-weight: 100;
|
||||
font-style: normal;
|
||||
padding-left: 0;
|
||||
line-height: 1px;
|
||||
margin-inline: 5px;
|
||||
}
|
||||
|
||||
.footer-h2 {
|
||||
font-size: calc(15px + (25 - 10) * ((100vw - 300px) / (1600 - 300)));
|
||||
color: var(--aquamarine);
|
||||
line-height: 1vh;
|
||||
z-index: 999;
|
||||
|
||||
}
|
Loading…
Reference in New Issue