Initial commit

2024-03-01 17:47:03 +03:00
commit 10722da013
227 changed files with 13356 additions and 0 deletions
--- a/frontend/src/styles/components/about.css
+++ b/frontend/src/styles/components/about.css
@@ -0,0 +1,88 @@
+.about {
+  padding: 2rem 2.5rem 2.5rem 2.5rem;
+}
+
+.about-text {
+  font-weight: 500;
+  font-size: 1.3rem;
+  line-height: 2rem;
+  margin-bottom: 2rem;
+}
+
+.about-title {
+  font-weight: 700;
+  font-size: 1.8rem;
+  line-height: 2.2rem;
+  margin-top: 4.5rem;
+  margin-bottom: 2rem;
+}
+
+.about-items {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
+  column-gap: 1.6rem;
+  row-gap: 2.5rem;
+}
+
+.about-item {
+  display: flex;
+  align-items: center;
+  gap: 1.6rem;
+}
+
+.about-item__img {
+  display: flex;
+  flex-shrink: 0;
+  width: 8rem;
+  height: 8rem;
+  border-radius: 50%;
+  overflow: hidden;
+  position: relative;
+}
+
+.about-item__img img {
+  position: absolute;
+  flex-shrink: 0;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+.about-item__name {
+  font-weight: 700;
+  font-size: 1.3rem;
+  line-height: 1.6rem;
+  margin-bottom: 0.5rem;
+  max-width: 19rem;
+}
+
+.about-item__position {
+  font-weight: 500;
+  font-size: 13px;
+  line-height: 2rem;
+  color: #2f2f2f;
+}
+
+@media (max-width: 767px) {
+  .about {
+    padding: 1.5rem 0.5rem;
+  }
+
+  .about-title {
+    font-size: 1.6rem;
+    line-height: 2rem;
+    margin-top: 1rem;
+  }
+
+  .about-items {
+    row-gap: 1rem;
+  }
+
+  .about-item__img {
+    min-width: 8rem;
+  }
+
+  .about-section-title {
+    border-top: 1px solid var(--gray);
+  }
+}