diff --git a/static/css/components/header.css b/static/css/components/header.css
index 7714370..be6dbe8 100644
--- a/static/css/components/header.css
+++ b/static/css/components/header.css
@@ -222,12 +222,18 @@
.header_btn:hover {
background: #834c05;
}
-/* выпадашка в регистрации */
+/* контент */
+.contacts__schedule_mod {
+ padding: 14px 0;
+}
.drop:hover .dropdown_mod {
- left: -80px;
+ left: -25px;
}
.triangle_mod {
- left: 81%;
- bottom: 88%;
+ left: 73%;
+ bottom: 81%;
+}
+.header_btn_mod {
+ margin: 0 40px;
}
\ No newline at end of file
diff --git a/static/css/main.css b/static/css/main.css
index 99290c4..5b5934a 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -4,8 +4,6 @@
@import "components/footer.css";
@import "components/header.css";
-
-
/* главная */
.hero_con {
@@ -233,18 +231,34 @@
transform: rotate(720deg);
}
}
-/*
-* Отзывы
-*/
+/*
+* контент
+*/
+.form_content {
+ display: flex;
+}
+/* условия */
+.condition {
+ width: 35%;
+ margin-right: 20px;
+}
+.events {
+ width: 45%;
+ margin-right: 20px;
+}
+.telegram {
+ width: 20%;
+}
+
.form {
- width: 700px;
+
background: #f5f5f5;
border-radius: 3px;
- padding: 45px 70px;
+ padding: 45px 20px;
margin: 0 auto;
margin-top: 35px;
margin-bottom: 35px;
@@ -252,7 +266,7 @@
.form__title {
color: #221f1f;
- font-size: 35px;
+ font-size: 23px;
font-weight: bold;
margin-bottom: 25px;
}
@@ -263,7 +277,7 @@
}
.form__log {
display: block;
- width: 560px;
+ width: 100%;
}
/* только в списках к первому элементу добавить справа 20р */
.form__cell:first-child {
@@ -382,4 +396,54 @@
.form__submit:hover {
background: #f89513;
}
-
\ No newline at end of file
+ /* евенты
+ */
+
+ .events_item {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ }
+ /* крест */
+
+ .cl-btn-7 {
+ width: 40px;
+ height: 40px;
+ border-radius: 40px;
+ position: relative;
+ z-index: 1;
+ cursor: pointer;
+ }
+ .cl-btn-7:before {
+ content: '+';
+ color: #535557;
+ position: absolute;
+ z-index: 2;
+ transform: rotate(45deg);
+ font-size: 50px;
+ line-height: 1;
+ top: -5px;
+ left: 6px;
+ transition: all 0.3s cubic-bezier(0.77, 0, 0.2, 0.85);
+ }
+ .cl-btn-7:after {
+ content: '';
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ border-radius: 100%;
+ background: #535557;
+ z-index: 1;
+ transition: all 0.3s cubic-bezier(0.77, 0, 0.2, 0.85);
+ transform: scale(0.01);
+ }
+ .cl-btn-7:hover:after {
+ transform: scale(1);
+ }
+ .cl-btn-7:hover:before {
+ transform: scale(0.8) rotate(45deg);
+ color: #fff;
+ }
+
diff --git a/templates/content.html b/templates/content.html
index eb6aa68..abdaa1f 100644
--- a/templates/content.html
+++ b/templates/content.html
@@ -19,82 +19,123 @@
J.a.r.v.i.s
-
-
-