Merge pull request #1 from ElizabethBil/section-about-us

Commit N.K. 30.09.2023 11:49 About us

src/css/about.css

@@ -1,5 +1,50 @@
+/* =======ABOUT US====== */
+.section-about-us{
+    padding: 80px 0;
+    background-image: url(../img/about/about-ornamets-mobile.png);
+   background-position: right 3px  bottom 18px;
+    background-repeat: no-repeat;
+}
+
 @media screen and (min-width: 768px) {
-
+    .section-about-us{
+        padding: 100px 0;
+        background-image: url(../img/about/ornamet-about-tablet.png);
+        background-position: right bottom 50px;
+    }
+}
+
+.about-us-title{
+    color: var(--white, rgb(252, 249, 249));
+    font-size: 32px;
+    font-style: normal;
+    font-weight: 500;
+    line-height: 1.375;
+    letter-spacing: -0.03em;
+    margin-bottom: 40px;
+}
+@media screen and (min-width: 768px){
+    .about-us-title{
+    font-size: 44px;
+    line-height:1.45;
+    }
+}
+.about-us-list{
+    display: flex;
+    flex-direction: column;
+    gap: 20px;
+    margin-bottom: 50px;
+}
+.about-us-text{
+    font-size: 14px;
+    letter-spacing: -0.04em;
+    width: 335px;
+}
+@media screen and (min-width: 768px) {
+    .about-us-text{
+    font-size: 16px;
+    width: 704px;
+    }
 }
 
 @media screen and (min-width: 1280px) {

src/partials/about.html

@@ -0,0 +1,32 @@
+<section class="section-about-us container">
+  <h2 class="about-us-title">About Us</h2>
+  <ul class="about-us-list">
+    <li class="about-us-iteam">
+      <p class="about-us-text">
+        The store "Vyshyvanka Vibes" is a place where traditional Ukrainian
+        vyshyvanka comes to life with new zest and style. Our store offers a
+        wide selection of high-quality and authentic embroidery, which combines
+        the elegance of traditional needlework and modern design.
+      </p>
+    </li>
+    <li class="about-us-iteam">
+      <p class="about-us-text">
+        In "Vyshyvanka Vibes" you will find various models of embroidery, from
+        classic to modern, corresponding to the latest fashion trends. Our
+        embroidery is made using natural fabrics and is embroidered by highly
+        qualified craftsmen who convey the beauty of Ukrainian culture in every
+        detail.We believe that vyshyvanka is not just clothing, but a symbol of
+        national pride, the heritage of our ancestors and a way of expressing
+        one's individuality. Each embroidery from "Vyshyvanka Vibes" has its own
+        unique history and symbolism, which gives it a special meaning.
+      </p>
+    </li>
+  </ul>
+  <img
+    srcset="../img/about/[email protected] 2x"
+    src="../img/about/girl-and-boy-mobile.jpg"
+    alt="pictures vyszyvanka for girll and boy"
+    width="335px"
+    height="499px"
+  />
+</section>