This commit is contained in:
2023-12-23 00:50:00 +03:00
parent 41a8372b96
commit 3bfd4533b8
9 changed files with 346 additions and 51 deletions

View File

@ -2,54 +2,36 @@ import React from 'react';
// import Header from '../Header';
import './style.css'
import styled from 'styled-components';
import Grid from '@mui/material/Grid';
import Card from '../Card';
import Box from '@mui/material/Box';
const Taged = styled.div({
borderRadius: 10,
backgroundColor: 'gray',
})
const Home = () => {
return (
<div className='wrapp'>
{/* <Header></Header> */}
<div className='event_card'>
<div className="event-card__photo" />
<div className="taggs">
<div className='tagged'>Психология</div>
<div className="feautures">Предстоящее</div>
</div>
<h4 className="event-card__title">Интерактивная лекция «Управление инжиниринговыми проектами на базе вуза»</h4>
<p className="event-card__date">22 декабря, с 10:00 до 22:00 по Московскому времени</p>
</div>
<div className='event_card'>
<div className="event-card__photo" />
<div className="taggs">
<div className='tagged'>Психология</div>
<div className="feautures">Предстоящее</div>
</div>
<h4 className="event-card__title">Интерактивная лекция «Управление инжиниринговыми проектами на базе вуза»</h4>
<p className="event-card__date">22 декабря, с 10:00 до 22:00 по Московскому времени</p>
</div>
<div className='event_card'>
<div className="event-card__photo" />
<div className="taggs">
<div className='tagged'>Психология</div>
<div className="feautures">Предстоящее</div>
</div>
<h4 className="event-card__title">Интерактивная лекция «Управление инжиниринговыми проектами на базе вуза»</h4>
<p className="event-card__date">22 декабря, с 10:00 до 22:00 по Московскому времени</p>
</div>
<div className='event_card'>
<div className="event-card__photo" />
<div className="taggs">
<div className='tagged'>Психология</div>
<div className="feautures">Предстоящее</div>
</div>
<h4 className="event-card__title">Интерактивная лекция «Управление инжиниринговыми проектами на базе вуза»</h4>
<p className="event-card__date">22 декабря, с 10:00 до 22:00 по Московскому времени</p>
</div>
</div>
<Box sx={{ flexGrow: 1 }}>
<Grid container spacing={1}>
<Grid item xs={6} md={4}>
<Card></Card>
</Grid>
<Grid item xs={6} md={4}>
<Card></Card>
</Grid>
<Grid item xs={6} md={4}>
<Card></Card>
</Grid>
<Grid item xs={6} md={4}>
<Card></Card>
</Grid>
<Grid item xs={6} md={4}>
<Card></Card>
</Grid>
<Grid item xs={6} md={4}>
<Card></Card>
</Grid>
</Grid>
</Box>
);
}