From 72b6dcff33a48f8d06e1f0e1e485cdce120bded9 Mon Sep 17 00:00:00 2001 From: BedPFS <163081335+BedPFS@users.noreply.github.com> Date: Wed, 20 Mar 2024 20:44:10 +1300 Subject: [PATCH] Add files via upload --- Home.css | 444 +++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 444 insertions(+) create mode 100644 Home.css diff --git a/Home.css b/Home.css new file mode 100644 index 0000000..e3a32b8 --- /dev/null +++ b/Home.css @@ -0,0 +1,444 @@ + .u-section-1 { + background-image: url("images/2024-03-11_16.01.27.png"); + background-position: 50% 50%; +} + +.u-section-1 .u-sheet-1 { + min-height: 800px; +} + +.u-section-1 .u-group-1 { + width: 800px; + min-height: 450px; + background-image: none; + --radius: 50px; + margin: 60px auto; +} + +.u-section-1 .u-container-layout-1 { + padding: 30px 60px; +} + +.u-section-1 .u-text-1 { + font-weight: 700; + margin: 20px 0 0; +} + +.u-section-1 .u-text-2 { + font-size: 1.5rem; + margin: 20px 0 0; +} + +.u-section-1 .u-btn-1 { + --radius: 11px; + background-image: none; + margin: 40px auto 0; +} + +@media (max-width: 1199px) { + .u-section-1 .u-sheet-1 { + min-height: 660px; + } +} + +@media (max-width: 991px) { + .u-section-1 .u-sheet-1 { + min-height: 506px; + } + + .u-section-1 .u-group-1 { + width: 720px; + } + + .u-section-1 .u-container-layout-1 { + padding-left: 30px; + padding-right: 30px; + } +} + +@media (max-width: 767px) { + .u-section-1 .u-sheet-1 { + min-height: 570px; + } + + .u-section-1 .u-group-1 { + min-height: 385px; + margin-right: initial; + margin-left: initial; + width: auto; + } + + .u-section-1 .u-container-layout-1 { + padding-left: 20px; + padding-right: 20px; + } + + .u-section-1 .u-text-2 { + width: auto; + font-size: 1.25rem; + } + + .u-section-1 .u-btn-1 { + margin-top: 38px; + } +} + +@media (max-width: 575px) { + .u-section-1 .u-sheet-1 { + min-height: 505px; + } +}.u-section-2 .u-sheet-1 { + min-height: 560px; +} + +.u-section-2 .u-layout-wrap-1 { + margin-top: 52px; + margin-bottom: 52px; +} + +.u-section-2 .u-layout-cell-1 { + min-height: 466px; +} + +.u-section-2 .u-container-layout-1 { + padding: 30px; +} + +.u-section-2 .u-text-1 { + margin: 41px auto 0 0; +} + +.u-section-2 .u-text-2 { + margin: 34px 0 0; +} + +.u-section-2 .u-btn-1 { + --radius: 11px; + background-image: none; + box-shadow: 0px 0px 8px 0px rgba(26,26,26,1); + margin: 30px auto 0 0; +} + +.u-section-2 .u-image-1 { + min-height: 466px; + background-image: url("images/BedPfs.png"); + background-position: 50% 50%; +} + +.u-section-2 .u-container-layout-2 { + padding: 30px 60px; +} + +@media (max-width: 1199px) { + .u-section-2 .u-sheet-1 { + min-height: 493px; + } + + .u-section-2 .u-layout-cell-1 { + min-height: 384px; + } + + .u-section-2 .u-image-1 { + min-height: 384px; + } +} + +@media (max-width: 991px) { + .u-section-2 .u-sheet-1 { + min-height: 402px; + } + + .u-section-2 .u-layout-wrap-1 { + width: 756px; + margin-right: -36px; + margin-bottom: 0; + margin-left: auto; + } + + .u-section-2 .u-layout-cell-1 { + min-height: 360px; + } + + .u-section-2 .u-image-1 { + min-height: 360px; + } + + .u-section-2 .u-container-layout-2 { + padding-left: 30px; + padding-right: 30px; + } +} + +@media (max-width: 767px) { + .u-section-2 .u-sheet-1 { + min-height: 622px; + } + + .u-section-2 .u-layout-wrap-1 { + width: 540px; + margin-right: 0; + } + + .u-section-2 .u-layout-cell-1 { + min-height: 100px; + } + + .u-section-2 .u-container-layout-1 { + padding-left: 10px; + padding-right: 10px; + } + + .u-section-2 .u-image-1 { + min-height: 441px; + } + + .u-section-2 .u-container-layout-2 { + padding-left: 10px; + padding-right: 10px; + } +} + +@media (max-width: 575px) { + .u-section-2 .u-sheet-1 { + min-height: 670px; + } + + .u-section-2 .u-layout-wrap-1 { + width: 340px; + margin-bottom: 20px; + } + + .u-section-2 .u-image-1 { + min-height: 278px; + } +} .u-section-3 { + background-image: none; +} + +.u-section-3 .u-sheet-1 { + min-height: 530px; +} + +.u-section-3 .u-text-1 { + margin: 74px auto 0; +} + +.u-section-3 .u-list-1 { + grid-template-rows: repeat(1, auto); + margin-top: 22px; + margin-bottom: 60px; +} + +.u-section-3 .u-repeater-1 { + grid-template-columns: repeat(3, calc(33.3333% - 13.3333px)); + min-height: 315px; + grid-gap: 20px; +} + +.u-section-3 .u-list-item-1 { + background-image: none; + --radius: 28px; +} + +.u-section-3 .u-container-layout-1 { + padding: 30px; +} + +.u-section-3 .u-icon-1 { + height: 64px; + width: 64px; + background-image: none; + margin: 0 auto; + padding: 13px; +} + +.u-section-3 .u-text-2 { + margin: 30px auto 0; +} + +.u-section-3 .u-text-3 { + margin: 20px auto 0 0; +} + +.u-section-3 .u-list-item-2 { + background-image: none; + --radius: 28px; +} + +.u-section-3 .u-container-layout-2 { + padding: 30px; +} + +.u-section-3 .u-icon-2 { + height: 64px; + width: 64px; + background-image: none; + margin: 0 auto; + padding: 13px; +} + +.u-section-3 .u-text-4 { + margin: 30px auto 0; +} + +.u-section-3 .u-text-5 { + margin: 20px auto 0 0; +} + +.u-section-3 .u-list-item-3 { + background-image: none; + --radius: 28px; +} + +.u-section-3 .u-container-layout-3 { + padding: 30px; +} + +.u-section-3 .u-icon-3 { + height: 64px; + width: 64px; + background-image: none; + margin: 0 auto; + padding: 13px; +} + +.u-section-3 .u-text-6 { + margin: 30px auto 0; +} + +.u-section-3 .u-text-7 { + margin: 20px auto 0 0; +} + +@media (max-width: 1199px) { + .u-section-3 .u-sheet-1 { + min-height: 484px; + } + + .u-section-3 .u-list-1 { + height: auto; + } +} + +@media (max-width: 991px) { + .u-section-3 .u-sheet-1 { + min-height: 820px; + } + + .u-section-3 .u-repeater-1 { + grid-template-columns: repeat(2, calc(50% - 9.99997px)); + margin-top: 0; + } +} + +@media (max-width: 767px) { + .u-section-3 .u-repeater-1 { + grid-template-columns: 100%; + } + + .u-section-3 .u-container-layout-1 { + padding-left: 10px; + padding-right: 10px; + } + + .u-section-3 .u-container-layout-2 { + padding-left: 10px; + padding-right: 10px; + } + + .u-section-3 .u-container-layout-3 { + padding-left: 10px; + padding-right: 10px; + } +}.u-section-4 .u-sheet-1 { + min-height: 428px; +} + +.u-section-4 .u-list-1 { + grid-template-rows: repeat(1, auto); + width: 494px; + margin: 37px auto; +} + +.u-section-4 .u-repeater-1 { + grid-template-columns: repeat(1, 100%); + min-height: 355px; + grid-auto-columns: 100%; + grid-gap: 10px; +} + +.u-section-4 .u-list-item-1 { + --radius: 28px; +} + +.u-section-4 .u-container-layout-1 { + padding: 30px; +} + +.u-section-4 .u-text-1 { + margin: 0; +} + +.u-section-4 .u-image-1 { + width: 77px; + height: 77px; + margin: 30px auto 0; +} + +.u-section-4 .u-text-2 { + width: 222px; + margin: 30px auto 0; +} + +.u-section-4 .u-text-3 { + width: 227px; + font-style: italic; + margin: 10px auto 0; +} + +@media (max-width: 1199px) { + .u-section-4 .u-sheet-1 { + min-height: 431px; + } + + .u-section-4 .u-list-1 { + height: auto; + } + + .u-section-4 .u-repeater-1 { + grid-template-columns: 100%; + min-height: 377px; + } + + .u-section-4 .u-image-1 { + background-position: 50% 50%; + } +} + +@media (max-width: 991px) { + .u-section-4 .u-sheet-1 { + min-height: 528px; + } + + .u-section-4 .u-list-1 { + width: 526px; + } + + .u-section-4 .u-repeater-1 { + grid-template-columns: repeat(1, 100%); + min-height: 454px; + } +} + +@media (max-width: 767px) { + .u-section-4 .u-container-layout-1 { + padding-left: 10px; + padding-right: 10px; + } +} + +@media (max-width: 575px) { + .u-section-4 .u-list-1 { + width: 340px; + } +} \ No newline at end of file