From 3fa127445ce7c153b4d114125f12e4995d571f36 Mon Sep 17 00:00:00 2001
From: Demi-Play <chubenkodo@gmail.com>
Date: Fri, 22 Dec 2023 22:12:17 +0300
Subject: [PATCH] eee

---
 src/App.jsx                       |  2 +-
 src/Components/HomePage/index.jsx |  3 +++
 src/components/Home/Home.jsx      | 31 +++++++++++++++++++++++++++++--
 src/components/Home/style.css     | 27 +++++++++++++++++++--------
 4 files changed, 52 insertions(+), 11 deletions(-)

diff --git a/src/App.jsx b/src/App.jsx
index a6aed9d..b7b7dfa 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -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";
diff --git a/src/Components/HomePage/index.jsx b/src/Components/HomePage/index.jsx
index 6d45ad2..993bbc7 100644
--- a/src/Components/HomePage/index.jsx
+++ b/src/Components/HomePage/index.jsx
@@ -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,7 +61,9 @@ const HomePage = () => {
             <div className={styles.cards__container}>
                 <div className={styles.card}></div>
             </div>
+            <Home></Home>
         </section>
+        
 
 
         
diff --git a/src/components/Home/Home.jsx b/src/components/Home/Home.jsx
index 456e9d3..625456b 100644
--- a/src/components/Home/Home.jsx
+++ b/src/components/Home/Home.jsx
@@ -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>
diff --git a/src/components/Home/style.css b/src/components/Home/style.css
index bb832ef..abe2b11 100644
--- a/src/components/Home/style.css
+++ b/src/components/Home/style.css
@@ -1,7 +1,15 @@
 .event_card {
-    width: 342px;
-height: 626px;
-flex-shrink: 0;
+    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;
-height: 340px;
-flex-shrink: 0;
+.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 {