diff --git a/src/components/Second/Second.js b/src/components/Second/Second.js index 700f8ad..acd2e84 100644 --- a/src/components/Second/Second.js +++ b/src/components/Second/Second.js @@ -1,9 +1,27 @@ -import React from "react" +import React, { useEffect, useState } from "react" +import './style.css' +import Icon from './images/Vector.svg' + const Second = (props) => { + const [windowWidth, setWindowWidth] = useState(window.innerWidth) + const [windowHeight, setWindowHeight] = useState(window.innerHeight) + + const handleResize = () => { + setWindowWidth(window.innerWidth) + setWindowHeight(window.innerHeight) + } + const route = props.getValue + useEffect(() => { + window.addEventListener('resize', handleResize); + return () => { + window.removeEventListener('resize', handleResize); + } + }, []) + return (
{ alignContent: 'center', flexWrap: 'wrap', justifyContent: 'space-between', - height: '95vh', + height:{windowHeight} , + background: 'linear-gradient(180deg, #7EAFE7 0.27%, rgba(41, 134, 242, 0.38) 27.08%, rgba(41, 134, 242, 0.35) 31.77%, rgba(152, 198, 253, 0.28) 46.35%, rgba(41, 134, 242, 0.00) 100%)', + filter: 'blur 2', + paddingBottom:10, + }}> - Пройти опрос - + # +
+

Давайте знакомиться!

+

Пройдите небольшой тест,
чтобы мы подобрали интересные
+ для вас мероприятия

+
+ +
+ + +
+ + +
) } diff --git a/src/components/Second/fonts/Raleway-Italic.ttf b/src/components/Second/fonts/Raleway-Italic.ttf new file mode 100644 index 0000000..62d9e84 Binary files /dev/null and b/src/components/Second/fonts/Raleway-Italic.ttf differ diff --git a/src/components/Second/fonts/Raleway.ttf b/src/components/Second/fonts/Raleway.ttf new file mode 100644 index 0000000..d81d42f Binary files /dev/null and b/src/components/Second/fonts/Raleway.ttf differ diff --git a/src/components/Second/images/Vector-1.png b/src/components/Second/images/Vector-1.png new file mode 100644 index 0000000..acaa4c3 Binary files /dev/null and b/src/components/Second/images/Vector-1.png differ diff --git a/src/components/Second/images/Vector.svg b/src/components/Second/images/Vector.svg new file mode 100644 index 0000000..5333357 --- /dev/null +++ b/src/components/Second/images/Vector.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/src/components/Second/images/image 2.png b/src/components/Second/images/image 2.png new file mode 100644 index 0000000..e8e7471 Binary files /dev/null and b/src/components/Second/images/image 2.png differ diff --git a/src/components/Second/images/like-dislike-svgrepo-com 1.png b/src/components/Second/images/like-dislike-svgrepo-com 1.png new file mode 100644 index 0000000..928cf41 Binary files /dev/null and b/src/components/Second/images/like-dislike-svgrepo-com 1.png differ diff --git a/src/components/Second/images/photo_2023-08-24_21-16-47 1.png b/src/components/Second/images/photo_2023-08-24_21-16-47 1.png new file mode 100644 index 0000000..04cc712 Binary files /dev/null and b/src/components/Second/images/photo_2023-08-24_21-16-47 1.png differ diff --git a/src/components/Second/images/pngegg (7) 1.png b/src/components/Second/images/pngegg (7) 1.png new file mode 100644 index 0000000..8435b0d Binary files /dev/null and b/src/components/Second/images/pngegg (7) 1.png differ diff --git a/src/components/Second/style.css b/src/components/Second/style.css new file mode 100644 index 0000000..e4f2945 --- /dev/null +++ b/src/components/Second/style.css @@ -0,0 +1,46 @@ +@font-face { + font-family: "Raleway"; + src: url("../Second/fonts/Raleway.ttf"); + } + + + +.main_text{ + font-size: 40px; + text-align: center; + font-family: "Raleway"; + +} +.text{ + font-size: 20px; + color: #6C6C6C; + text-align: center; + width: 332px; + font-family: "Raleway"; +} +.btn_first{ + width: 231px; + height: 61px; + background: #0094FF; + border: #0094FF; + color: #fff; + font-size: 24px; + text-align: center; + border-radius: 53px; + font-weight: bold; + box-shadow: 0px 4px 4px 0px #0094FF; + + +} +.btn_second{ + width: 169px; + height: 49px; + background: rgb(126, 175, 231,100); + border: #0094FF; + color: #fff; + font-size: 15px; + text-align: center; + border-radius: 53px; + box-shadow: 0px 4px 4px 0px #C6C6C6; + +} \ No newline at end of file