Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Empty file added src/components/FAQ.astro
Empty file.
174 changes: 87 additions & 87 deletions src/components/Footer/FooterTemplateTest.jsx
Original file line number Diff line number Diff line change
@@ -1,101 +1,101 @@
import * as React from 'react';
import { MDBFooter, MDBContainer, MDBRow, MDBCol, MDBIcon } from 'mdb-react-ui-kit';
import Link from '@mui/material/Link';
// import * as React from 'react';
// import { MDBFooter, MDBContainer, MDBRow, MDBCol, MDBIcon } from 'mdb-react-ui-kit';
// import Link from '@mui/material/Link';



//TODO: testen wie ich das einbinden kann, oder was davon benutzen
// //TODO: testen wie ich das einbinden kann, oder was davon benutzen

export default function FooterTemplateTest() {
return (
<MDBFooter bgColor='light' className='text-center text-lg-start text-muted'>
<section className='d-flex justify-content-center justify-content-lg-between p-4 border-bottom'>
// export default function FooterTemplateTest() {
// return (
// <MDBFooter bgColor='light' className='text-center text-lg-start text-muted'>
// <section className='d-flex justify-content-center justify-content-lg-between p-4 border-bottom'>

<div>
// <div>

</div>
// </div>

<div className='me-5 d-none d-lg-block'>
<a href='' className='me-4 text-reset'>
<MDBIcon fab icon="github" />
</a>
</div>
</section>
// <div className='me-5 d-none d-lg-block'>
// <a href='' className='me-4 text-reset'>
// <MDBIcon fab icon="github" />
// </a>
// </div>
// </section>

<section className=''>
<MDBContainer className='text-center text-md-start mt-5'>
<MDBRow className='mt-3'>
<MDBCol md="3" lg="4" xl="3" className='mx-auto mb-4'>
<h6 className='text-uppercase fw-bold mb-4'>
<MDBIcon icon="gem" className="me-3" />
FormsWizard
</h6>
// <section className=''>
// <MDBContainer className='text-center text-md-start mt-5'>
// <MDBRow className='mt-3'>
// <MDBCol md="3" lg="4" xl="3" className='mx-auto mb-4'>
// <h6 className='text-uppercase fw-bold mb-4'>
// <MDBIcon icon="gem" className="me-3" />
// FormsWizard
// </h6>

</MDBCol>
<MDBCol md="2" lg="2" xl="2" className='mx-auto mb-4'>
<h6 className='text-uppercase fw-bold mb-4'>Products</h6>
<p>
<a href='#!' className='text-reset'>
Laravel
</a>
</p>
</MDBCol>
// </MDBCol>
// <MDBCol md="2" lg="2" xl="2" className='mx-auto mb-4'>
// <h6 className='text-uppercase fw-bold mb-4'>Products</h6>
// <p>
// <a href='#!' className='text-reset'>
// Laravel
// </a>
// </p>
// </MDBCol>

<MDBCol md="3" lg="2" xl="2" className='mx-auto mb-4'>
<h6 className='text-uppercase fw-bold mb-4'>Useful links</h6>
<div>
<p>
<a href='#!' className='text-reset'>
Components
</a>
</p>
<p>
<a href='#!' className='text-reset'>
Blog
</a>
</p>
<p>
<a href='#!' className='text-reset'>
About Us
</a>
</p>
<p>
<a href='#!' className='text-reset'>
FAQ
</a>
</p>
</div>
</MDBCol>
// <MDBCol md="3" lg="2" xl="2" className='mx-auto mb-4'>
// <h6 className='text-uppercase fw-bold mb-4'>Useful links</h6>
// <div>
// <p>
// <a href='#!' className='text-reset'>
// Components
// </a>
// </p>
// <p>
// <a href='#!' className='text-reset'>
// Blog
// </a>
// </p>
// <p>
// <a href='#!' className='text-reset'>
// About Us
// </a>
// </p>
// <p>
// <a href='#!' className='text-reset'>
// FAQ
// </a>
// </p>
// </div>
// </MDBCol>

<MDBCol md="4" lg="3" xl="3" className='mx-auto mb-md-0 mb-4'>
<h6 className='text-uppercase fw-bold mb-4'>Contact</h6>
<p>
<MDBIcon icon="envelope" className="me-3" />
info@example.com
</p>
</MDBCol>
</MDBRow>
</MDBContainer>
</section>
// <MDBCol md="4" lg="3" xl="3" className='mx-auto mb-md-0 mb-4'>
// <h6 className='text-uppercase fw-bold mb-4'>Contact</h6>
// <p>
// <MDBIcon icon="envelope" className="me-3" />
// info@example.com
// </p>
// </MDBCol>
// </MDBRow>
// </MDBContainer>
// </section>

<MDBRow>
</MDBRow>
// <MDBRow>
// </MDBRow>

<div>
<p>Made possible through the funding of:</p>
<Link color="inherit" href="https://prototypefund.de/">
<img src="/src/images/PrototypeLogo/PrototypeFundLogo.png" width="54rem" height="54rem" alt="Logo"></img>
Prototype Fund
</Link>
</div>
<div class="flex align-center">
<p>
<Link color="inherit" href="https://www.bmbf.de/bmbf/de/home/home_node.html">
<img src="/src/images/BundesministeriumLogo/BundesministeriumLogo.png" width="150rem" height="150rem" alt="Logo_Bundesministerium" ></img>
</Link>{' '}
</p>
</div>
// <div>
// <p>Made possible through the funding of:</p>
// <Link color="inherit" href="https://prototypefund.de/">
// <img src="/src/images/PrototypeLogo/PrototypeFundLogo.png" width="54rem" height="54rem" alt="Logo"></img>
// Prototype Fund
// </Link>
// </div>
// <div class="flex align-center">
// <p>
// <Link color="inherit" href="https://www.bmbf.de/bmbf/de/home/home_node.html">
// <img src="/src/images/BundesministeriumLogo/BundesministeriumLogo.png" width="150rem" height="150rem" alt="Logo_Bundesministerium" ></img>
// </Link>{' '}
// </p>
// </div>

</MDBFooter>
);
}
// </MDBFooter>
// );
// }
106 changes: 53 additions & 53 deletions src/components/Footer/StickyFooter.jsx
Original file line number Diff line number Diff line change
@@ -1,56 +1,56 @@
import * as React from 'react';
import CssBaseline from '@mui/material/CssBaseline';
import Box from '@mui/material/Box';
import Typography from '@mui/material/Typography';
import Container from '@mui/material/Container';
import Link from '@mui/material/Link';
// import * as React from 'react';
// import CssBaseline from '@mui/material/CssBaseline';
// import Box from '@mui/material/Box';
// import Typography from '@mui/material/Typography';
// import Container from '@mui/material/Container';
// import Link from '@mui/material/Link';

// function Copyright() {
// // function Copyright() {
// // return (
// // <div class="flex items-center">
// // <div>
// // <p>FormsWizard</p>
// // {new Date().getFullYear()}
// // {'.'}
// // </div>
// // <div class="flex items-center">
// // <Link color="inherit" href="https://prototypefund.de/">
// // <img src="/formswizzardblog/src/images/PrototypeLogo/PrototypeFundLogo.png" width="1rem" height="1rem" alt="Logo" ></img>
// // PrototypeFund
// // </Link>{' '}
// // </div>
// // </div>
// // );
// // }

// export default function StickyFooter() {
// return (
// <div class="flex items-center">
// <div>
// <p>FormsWizard</p>
// {new Date().getFullYear()}
// {'.'}
// </div>
// <div class="flex items-center">
// <Link color="inherit" href="https://prototypefund.de/">
// <img src="/formswizzardblog/src/images/PrototypeLogo/PrototypeFundLogo.png" width="1rem" height="1rem" alt="Logo" ></img>
// PrototypeFund
// </Link>{' '}
// </div>
// </div>
// // <Box
// // sx={{
// // display: 'flex',
// // flexDirection: 'column',
// // width: '100%',
// // bottom: 0,
// // position: 'fixed',
// // }}
// // >
// // <CssBaseline />
// // <Box
// // component="footer"
// // sx={{
// // py: 3,
// // px: 2,
// // mt: 'auto',
// // backgroundColor: (theme) =>
// // theme.palette.mode === 'light'
// // ? theme.palette.grey[200]
// // : theme.palette.grey[800],
// // }}
// // >
// <Container>
// <Copyright />
// </Container>
// // </Box>
// // </Box>
// );
// }

export default function StickyFooter() {
return (
// <Box
// sx={{
// display: 'flex',
// flexDirection: 'column',
// width: '100%',
// bottom: 0,
// position: 'fixed',
// }}
// >
// <CssBaseline />
// <Box
// component="footer"
// sx={{
// py: 3,
// px: 2,
// mt: 'auto',
// backgroundColor: (theme) =>
// theme.palette.mode === 'light'
// ? theme.palette.grey[200]
// : theme.palette.grey[800],
// }}
// >
<Container>
<Copyright />
</Container>
// </Box>
// </Box>
);
}
// }
18 changes: 9 additions & 9 deletions src/components/Footer/_StickyFooterCopy.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -101,12 +101,12 @@ import Link from '@mui/material/Link';
// }


export default function StickyFooterTS() {
return (
<Box>
<Container >
<div></div>
</Container>
</Box>
);
}
// export default function StickyFooterTS() {
// return (
// <Box>
// <Container >
// <div></div>
// </Container>
// </Box>
// );
// }
Loading