CyberBloom/OgeetoCaseCyberGarden
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

eee

Browse Source
This commit is contained in:
Demi-Play 2023-12-22 22:12:17 +03:00
parent f508d170e0
commit 3fa127445c
4 changed files with 52 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/App.jsx
View File

@ -1,7 +1,7 @@
import './App.css'
import FetchUtils from './components/fetchUtils/FetchUtils'
import TableMeets from './components/fetchUtils/TableMeets.jsx'
// import TableMeets from './components/fetchUtils/TableMeets.jsx'
import { BrowserRouter, Routes, Route } from "react-router-dom";
import BeingPage from "./Components/BeingPage/index.jsx";
import HomePage from "./Components/HomePage/index.jsx";

3
src/Components/HomePage/index.jsx
View File

@ -1,6 +1,7 @@
import Header from "../Header";
import styles from "./style.module.scss";
import TableMeets from '../TableMeets/TableMeets'
import Home from "../Home/Home";
const events = [
{
@ -60,10 +61,12 @@ const HomePage = () => {
<div className={styles.cards__container}>
<div className={styles.card}></div>
</div>
<Home></Home>
</section>
</>

31
src/components/Home/Home.jsx
View File

@ -11,10 +11,37 @@ const Taged = styled.div({
const Home = () => {
return (
<div>
<div className='wrapp'>
{/* <Header></Header> */}
<div className='event_card'>
<div className="event-card__photo"></div>
<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>

19
src/components/Home/style.css
View File

@ -1,7 +1,15 @@
.event_card {
width: 342px;
width: 292px;
height: 626px;
flex-shrink: 0;
margin-top: 100px;
margin-right: 31px;
}
.wrapp {
display: flex;
justify-content: flex-start;
/* max-width: 1521px; */
}
:root {
@ -19,11 +27,12 @@ font-weight: 400;
line-height: normal;
}
.event-card_photo {
width: 342px;
.event-card__photo {
width: 292px;
height: 340px;
flex-shrink: 0;
background: #D9D9D9;
margin-bottom: 26px;
}
.event-card_title {
@ -41,12 +50,14 @@ display: flex;
justify-content: center;
font-family: Montserrat;
align-items: center;
font-size: 14px;
font-size: 8px;
font-style: normal;
font-weight: 400;
line-height: normal;
border-radius: 10px;
background: #E7FFD2;
height: 15px;
padding: 10px;
}
.tagged {