add some code

static/css/moover.css

@@ -0,0 +1,162 @@
+/*.container {*/
+/*  margin: 0 auto;*/
+/*  width: 1260px*/
+/*}*/
+
+/*@media (max-width: 1339.98px) {*/
+/*  .container {*/
+/*    width: 992px*/
+/*  }*/
+/*}*/
+
+/*@media (max-width: 1019.98px) {*/
+/*  .container {*/
+/*    width: 720px*/
+/*  }*/
+/*}*/
+
+/*@media (max-width: 767.98px) {*/
+/*  .container {*/
+/*    margin: 0 15px;*/
+/*    width: auto*/
+/*  }*/
+/*}*/
+:root {
+  --color-primary: #FF613A;
+  --color-white: #FFFFFF;
+  --color-black: #000000;
+}
+
+
+.btn {
+  display: inline-flex;
+  text-decoration: none;
+  color: black;
+  line-height: 22px;
+  border-radius: 10px;
+  padding: 20px 76px;
+  justify-content: center;
+  align-items: center;
+  margin: 0px 3px;
+  letter-spacing: 0.2px;
+  
+  font-size: 18px;
+}
+
+.btn--primary {
+  background: var(--color-primary);
+  color: var(--color-white);
+}
+
+/***********************presentation******************************************/
+.presentation {
+  text-align: center;
+  margin: 0 -65px 20px;
+  
+}
+
+.presentation__top {
+  position: relative;
+  min-height: 270px;
+  margin: 0 auto 116px;
+  padding: 29px 0 40px;
+  background-image: url(/static/img/webp/Box9.webp),
+  url(/static/img/webp/Box10.webp),
+  url(/static/img/webp/Box11.webp),
+  url(/static/img/webp/Box12.webp);
+  background-position: top -6px left 27px,
+  top -29px right -37px,
+  bottom 70px left 258px,
+  bottom 67px right 252px;
+  background-repeat: no-repeat,
+  no-repeat,
+  no-repeat,
+  no-repeat;
+}
+
+.presentation__title {
+  font-size: 44px;
+  font-style: normal;
+  font-weight: 700;
+  line-height: 52px;
+  margin-bottom: 20px;
+}
+
+.presentation__subtitle {
+  text-align: center;
+  padding-left: 5px;
+  margin-bottom: 40px;
+  font-size: 18px;
+  font-weight: 600;
+  line-height: 26px;
+}
+
+.presentation__btn {
+  margin-bottom: 38px;
+}
+
+.presentation__next {
+  font-weight: 500;
+  line-height: 22px;
+}
+
+.presentation__arrows {
+  padding-top: 2px;
+  animation: jump 2s ease-in-out infinite;
+}
+
+.presentation__desc {
+  margin-bottom: 50px;
+}
+
+@keyframes jump {
+  0% {
+    transform: translateY(0px);
+  }
+  50% {
+    /*transform: translateY(20px);*/
+    transform: translateY(-5px);
+  }
+  60% {
+    transform: translateY(20px);
+  }
+  70% {
+    transform: translateY(0px);
+  }
+  80% {
+    transform: translateY(20px);
+  }
+  100% {
+    transform: translateY(0px);
+  }
+}
+
+/***********************cards*********************/
+
+.cards {
+}
+
+.cards__list {
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  gap: 5px;
+}
+
+.cards__item {
+  position: relative;
+}
+
+.cards__img {
+}
+
+.cards__desc {
+}
+
+.cards__arrow {
+  width: 62px;
+  height: 20px;
+  position: absolute;
+  right: -30px;
+  top: -13px;
+  background-image: url("/static/img/svg/Arrow23.svg");
+}

static/img/svg/Arrow23.svg

@@ -0,0 +1,3 @@
+<svg width="62" height="20" viewBox="0 0 62 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M31.2431 4.90696C27.074 4.72772 20.6916 5.46692 17.9124 6.45061C16.4661 6.96259 2.08303 11.0406 1.39753 11.9377C-0.140762 13.9508 1.29118 14.408 3.1617 13.1727C5.89172 11.37 27.1619 8.69633 35.062 10.0591C39.9082 10.8948 47.4586 13.1603 47.564 13.8104C47.5892 13.9643 46.8851 14.2956 46.0002 14.5464C43.7152 15.1933 40.1182 17.1925 39.6148 18.0955C39.308 18.6451 39.3898 18.9582 39.9052 19.2102C41.3022 19.8922 46.7352 20.1339 50.668 19.6888C52.8608 19.4402 55.7454 19.2598 57.0782 19.2876C60.8168 19.3653 62.6554 17.5634 61.518 14.9368C60.4219 12.4061 53.0751 3.8059 50.2101 1.69982C48.7444 0.62243 48.2982 0.471218 47.3165 0.719869C46.1556 1.01364 45.5481 1.89888 45.6075 3.20956C45.6224 3.54513 46.1962 4.82242 46.8823 6.04822L48.1296 8.27667L45.3967 7.42798C41.3929 6.18448 35.1664 5.07533 31.2431 4.90696Z" fill="#FF613A" fill-opacity="0.8"/>
+</svg>