From c996433d9430042988b6e4d77b86620ca8180eaf Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=D0=94=D0=BC=D0=B8=D1=82=D1=80=D0=B8=D0=B9=20=D0=9C=D0=B0?= =?UTF-8?q?=D0=BA=D0=B0=D1=80=D0=BE=D0=B2?= Date: Tue, 5 Sep 2023 15:54:10 +0300 Subject: [PATCH] first section landing --- dist/output.css | 134 ++++++++++++++++++++++++++++++++++++++++++++++++ index.html | 3 +- 2 files changed, 136 insertions(+), 1 deletion(-) diff --git a/dist/output.css b/dist/output.css index 32b05cd..3f8a70e 100644 --- a/dist/output.css +++ b/dist/output.css @@ -1,3 +1,6 @@ + + + @import url('https://fonts.googleapis.com/css2?family=Montserrat+Alternates:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); /* @@ -536,11 +539,25 @@ video { --tw-backdrop-sepia: ; } +.m-5{ + margin: 1.25rem; +} + .mx-auto{ margin-left: auto; margin-right: auto; } +.mx-32{ + margin-left: 8rem; + margin-right: 8rem; +} + +.my-36{ + margin-top: 9rem; + margin-bottom: 9rem; +} + .ml-1{ margin-left: 0.25rem; } @@ -553,10 +570,46 @@ video { margin-top: 9rem; } +.-mt-8{ + margin-top: -2rem; +} + +.-mt-20{ + margin-top: -5rem; +} + +.inline{ + display: inline; +} + .flex{ display: flex; } +.h-auto{ + height: auto; +} + +.h-full{ + height: 100%; +} + +.h-96{ + height: 24rem; +} + +.h-3{ + height: 0.75rem; +} + +.h-6{ + height: 1.5rem; +} + +.max-h-96{ + max-height: 24rem; +} + .w-1\/2{ width: 50%; } @@ -573,6 +626,10 @@ video { max-width: 72rem; } +.max-w-sm{ + max-width: 24rem; +} + .flex-col{ flex-direction: column; } @@ -597,6 +654,10 @@ video { justify-content: space-around; } +.justify-evenly{ + justify-content: space-evenly; +} + .space-x-2 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(0.5rem * var(--tw-space-x-reverse)); @@ -619,15 +680,34 @@ video { border-radius: 0.5rem; } +.rounded-xl{ + border-radius: 0.75rem; +} + .border-2{ border-width: 2px; } +.border-y-2{ + border-top-width: 2px; + border-bottom-width: 2px; +} + .border-black{ --tw-border-opacity: 1; border-color: rgb(0 0 0 / var(--tw-border-opacity)); } +.border-gray-600{ + --tw-border-opacity: 1; + border-color: rgb(75 85 99 / var(--tw-border-opacity)); +} + +.border-gray-400{ + --tw-border-opacity: 1; + border-color: rgb(156 163 175 / var(--tw-border-opacity)); +} + .bg-Champagne-0{ --tw-bg-opacity: 1; background-color: rgb(247 237 232 / var(--tw-bg-opacity)); @@ -638,14 +718,26 @@ video { background-color: rgb(0 0 0 / var(--tw-bg-opacity)); } +.bg-\[url\(\'https\:\/\/ya\.ru\/images\/search\?img_url\=https\%3A\%2F\%2Ffunart\.pro\%2Fuploads\%2Fposts\%2F2021-04\%2F1617468367_11-p-oboi-rassvet-zimoi-11\.jpg\&lr\=43\&nl\=1\&pos\=0\&rpt\=simage\&source\=morda\&text\=\417\438\43C\43D\438\439\%20\420\430\441\441\432\435\442\'\)\]{ + background-image: url('https://ya.ru/images/search?img_url=https%3A%2F%2Ffunart.pro%2Fuploads%2Fposts%2F2021-04%2F1617468367_11-p-oboi-rassvet-zimoi-11.jpg&lr=43&nl=1&pos=0&rpt=simage&source=morda&text=Зимний%20Рассвет'); +} + .bg-cover{ background-size: cover; } +.bg-center{ + background-position: center; +} + .bg-no-repeat{ background-repeat: no-repeat; } +.p-5{ + padding: 1.25rem; +} + .px-12{ padding-left: 3rem; padding-right: 3rem; @@ -671,6 +763,19 @@ video { padding-bottom: 1.5rem; } +.py-11{ + padding-top: 2.75rem; + padding-bottom: 2.75rem; +} + +.pb-36{ + padding-bottom: 9rem; +} + +.pb-32{ + padding-bottom: 8rem; +} + .font-main{ font-family: Montserrat; } @@ -690,6 +795,16 @@ video { line-height: 1.25rem; } +.text-4xl{ + font-size: 2.25rem; + line-height: 2.5rem; +} + +.text-2xl{ + font-size: 1.5rem; + line-height: 2rem; +} + .font-bold{ font-weight: 700; } @@ -718,6 +833,21 @@ video { color: rgb(255 255 255 / var(--tw-text-opacity)); } +.text-teal-700{ + --tw-text-opacity: 1; + color: rgb(15 118 110 / var(--tw-text-opacity)); +} + +.text-teal-400{ + --tw-text-opacity: 1; + color: rgb(45 212 191 / var(--tw-text-opacity)); +} + +.text-blue-400{ + --tw-text-opacity: 1; + color: rgb(96 165 250 / var(--tw-text-opacity)); +} + .shadow-firm{ --tw-shadow: box-shadow: 3px 3px 2px 0px rgba(34, 60, 80, 0.25); --tw-shadow-colored: 3px 3px 2px 0px var(--tw-shadow-color); @@ -728,3 +858,7 @@ video { --tw-shadow-color: #475569; --tw-shadow: var(--tw-shadow-colored); } + + + + diff --git a/index.html b/index.html index 2f97c6d..9e04f06 100644 --- a/index.html +++ b/index.html @@ -116,4 +116,5 @@ - \ No newline at end of file + +