import React from 'react'
import classe from '../assets/AllStyleComponents.module.css'
import classeHome from '../assets/Home.module.css'
import logo from '../assets/logo or.png'
import { Box } from '@mui/material'
import classeAdd from '../assets/AddStudent.module.css'

const Apropos = () => {
  return (
    <div className={classe.mainHome}>
      <div className={classeHome.header}>
        <div className={classe.h1style}>
          <div className={classeHome.blockTitle}>
            <h1>A propos</h1>

            {/* contenu */}
            <div className={classeHome.contenaire}>
              <div className={classeAdd.boxEtudiantsCard}>
                <Box
                  sx={{
                    position: 'absolute',
                    top: '50%',
                    left: '50%',
                    transform: 'translate(-50%, -50%)',
                    width: 700,
                    borderRadius: '3%',
                    bgcolor: 'background.paper',
                    boxShadow: 24,
                    p: 4
                  }}
                >
                  <Box
                    sx={{
                      marginTop: '5%',
                      display: 'flex',
                      gap: '10px',
                      alignItems: 'start',
                      flexDirection: 'column',
                      fontSize: 16,
                      fontFamily: 'sans-serif',
                      justifyContent: 'flex-end'
                    }}
                  >
                    <span style={{ display: 'flex', marginLeft: '30%' }}>
                      <img src={logo} alt="" height={250} width={250} />
                    </span>

                    <p style={{ color: 'black' }}>
                      Nom du Logiciel: CUniversity <br />
                      <br /> Description : logiciel de gestion d'espt <br /> <br />
                      Createur: CPAY COMPANY FOR MADAGASCAR <br />
                      <br /> Licence: A vie <br />
                      <br /> Contact: 0348415301
                      <br /> <br />
                      E-mail: director@c4m.mg
                    </p>
                  </Box>
                </Box>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  )
}

export default Apropos
