Good-Production/template-for-verstka
16
2 Fork 0
Code Pull Requests Releases Wiki Activity

Task 2 | feat add page about and fix styles

Browse Source
This commit is contained in:
Andrei-10 committed 2024-09-10 08:30:14 +03:00
1 parent 8c51488478
commit 8af2afc108
8 files changed
+170 -87
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

index.html
+12 -9
View File
@@ -51,7 +51,7 @@
<section class="hero">
<div class="cont">
<div class="hero_block">
<h1 class="hero_title">Сила E-protein – инновационного компонента для супер-питомцев</h1>
<h1 class="hero_title">Сила E-protein – инновацион&shy;ного компонента для супер-питомцев</h1>
<a href="#production_steps" class="home_link main_link">Узнать больше</a>
</div>
</div>
@@ -66,7 +66,7 @@
<img src="assets/img/about_top_image2.png" alt="" class="about_top_image2">
<div class="block_title">E-protein – гипоаллергенный и легкоусвояемый белок, полученный из личинок насекомого Чёрная львинКА</div>
</div>
<div class="section_title">ПРЕИМУЩЕ&shyСТВА E-PROTEIN</div>
<h2 class="section_title2">ПРЕИМУЩЕ&shyСТВА E-PROTEIN</h2>
<p class="description">Благодаря особенностям строения белка энтопротеин не склонен вызывать аллергию. А за счёт того, что в процессе эволюции животные не сталкивались с этим видом белка, он не вызывает у питомцев аллергии</p>
<div class="advantage_row">
<div class="advantage_item">
@@ -101,13 +101,16 @@
<p class="description">но более концентрированный, чем мясо. Его питательная ценность выше, чем у классических белков</p>
</div>
</div>
<h1 class="section_title">ЭКОЛОГИЧЕСКИ ЧИСТЫЙ БЕЛОК</h1>
<h2 class="section_title">ЭКОЛОГИЧЕСКИ ЧИСТЫЙ БЕЛОК</h2>
<div class="description">Одну тонну насекомых можно вырастить за 2 недели, используя земельный участок 20 м². В производстве энтобелка не используются антибиотики и гормоны.  Кроме того, энтоферма производит на 96% меньше углерода, чем традиционное животноводческое хозяйство</div>
<div class="protein">
<img src="assets/img/protein.png" alt="" class="mobile_none">
<img src="assets/img/protein_mobile.png" alt="" class="desctop_none">
<p class="description">Гипоаллергенный продукт</p>
<p class="description">Экологичное производство</p>
<p class="description">Высокая усвояемость</p>
<p class="description">Без антибиотиков</p>
<img src="assets/img/protein.png" alt="">
</div>
<div class="block_title">ВОЗДЕЙСТВИЕ НА ОКРУЖАЮЩУЮ СРЕДУ ДЛЯ ПРОИЗВОДСТВА 1 КГ E-PROTEIN</div>
<h3 class="block_title">ВОЗДЕЙСТВИЕ НА ОКРУЖАЮЩУЮ СРЕДУ ДЛЯ ПРОИЗВОДСТВА 1 КГ E-PROTEIN</h3>
<div class="diagram">
<div class="diagram_texts">
<p class="description">10x <br> меньше земли</p>
@@ -116,7 +119,7 @@
</div>
<img src="assets/img/diagram.svg" alt="">
</div>
<h1 class="section_title">ЧТО ТАКОЕ <br> E-PROTEIN</h1>
<h2 class="section_title2">ЧТО ТАКОЕ <br> E-PROTEIN</h2>
<div class="etaps_row">
<div class="etaps_col">
@@ -150,7 +153,7 @@
</div>
</div>
<svg class="etap_right_anim" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="eVNRo53SL8h1" viewBox="0 0 330 740"><style> #eVNRo53SL8h2_to {animation: eVNRo53SL8h2_to__to 20000ms linear infinite normal forwards}@keyframes eVNRo53SL8h2_to__to { 0% {transform: translate(166.482498px,625.605499px)} 50% {transform: translate(166.482498px,342.525499px)} 100% {transform: translate(166.482498px,625.605499px)}} #eVNRo53SL8h3_to {animation: eVNRo53SL8h3_to__to 20000ms linear infinite normal forwards}@keyframes eVNRo53SL8h3_to__to { 0% {transform: translate(166.482498px,553.609985px)} 50% {transform: translate(166.482498px,342.035985px)} 100% {transform: translate(166.482498px,553.609985px)}} #eVNRo53SL8h4_to {animation: eVNRo53SL8h4_to__to 20000ms linear infinite normal forwards}@keyframes eVNRo53SL8h4_to__to { 0% {transform: translate(166.482498px,483.573486px)} 50% {transform: translate(166.482498px,341.546486px)} 100% {transform: translate(166.482498px,483.573486px)}} #eVNRo53SL8h5_to {animation: eVNRo53SL8h5_to__to 20000ms linear infinite normal forwards}@keyframes eVNRo53SL8h5_to__to { 0% {transform: translate(166.482498px,411.578491px)} 50% {transform: translate(166.482498px,342.036491px)} 100% {transform: translate(166.482498px,411.578491px)}} #eVNRo53SL8h7_to {animation: eVNRo53SL8h7_to__to 20000ms linear infinite normal forwards}@keyframes eVNRo53SL8h7_to__to { 0% {transform: translate(166.482498px,268.565994px)} 50% {transform: translate(166.482498px,342.035994px)} 100% {transform: translate(166.482498px,268.565994px)}} #eVNRo53SL8h8_to {animation: eVNRo53SL8h8_to__to 20000ms linear infinite normal forwards}@keyframes eVNRo53SL8h8_to__to { 0% {transform: translate(166.482498px,201.039505px)} 50% {transform: translate(166.482498px,343.015505px)} 100% {transform: translate(166.482498px,201.039505px)}} #eVNRo53SL8h9_to {animation: eVNRo53SL8h9_to__to 20000ms linear infinite normal forwards}@keyframes eVNRo53SL8h9_to__to { 0% {transform: translate(166.482498px,127.043991px)} 50% {transform: translate(166.482498px,342.525991px)} 100% {transform: translate(166.482498px,127.043991px)}} </style><defs><linearGradient id="eVNRo53SL8h2-stroke" x1="10.6555" y1="811.946" x2="29.1399" y2="730.411" spreadMethod="pad" gradientUnits="userSpaceOnUse" gradientTransform="translate(0 0)"><stop id="eVNRo53SL8h2-stroke-0" offset="0%" stop-color="#f44242"></stop><stop id="eVNRo53SL8h2-stroke-1" offset="100%" stop-color="#569ef0"></stop></linearGradient><linearGradient id="eVNRo53SL8h3-stroke" x1="10.6555" y1="739.77" x2="28.8997" y2="658.74" spreadMethod="pad" gradientUnits="userSpaceOnUse" gradientTransform="translate(0 0)"><stop id="eVNRo53SL8h3-stroke-0" offset="0%" stop-color="#f44242"></stop><stop id="eVNRo53SL8h3-stroke-1" offset="100%" stop-color="#569ef0"></stop></linearGradient><linearGradient id="eVNRo53SL8h4-stroke" x1="10.6555" y1="669.553" x2="28.6609" y2="589.028" spreadMethod="pad" gradientUnits="userSpaceOnUse" gradientTransform="translate(0 0)"><stop id="eVNRo53SL8h4-stroke-0" offset="0%" stop-color="#f44242"></stop><stop id="eVNRo53SL8h4-stroke-1" offset="100%" stop-color="#569ef0"></stop></linearGradient><linearGradient id="eVNRo53SL8h5-stroke" x1="10.6555" y1="597.739" x2="28.8997" y2="516.709" spreadMethod="pad" gradientUnits="userSpaceOnUse" gradientTransform="translate(0 0)"><stop id="eVNRo53SL8h5-stroke-0" offset="0%" stop-color="#f44242"></stop><stop id="eVNRo53SL8h5-stroke-1" offset="100%" stop-color="#569ef0"></stop></linearGradient><linearGradient id="eVNRo53SL8h6-stroke" x1="10.6555" y1="528.192" x2="28.8997" y2="447.162" spreadMethod="pad" gradientUnits="userSpaceOnUse" gradientTransform="translate(0 0)"><stop id="eVNRo53SL8h6-stroke-0" offset="0%" stop-color="#f44242"></stop><stop id="eVNRo53SL8h6-stroke-1" offset="100%" stop-color="#569ef0"></stop></linearGradient><linearGradient id="eVNRo53SL8h7-stroke" x1="10.6555" y1="454.726" x2="28.8997" y2="373.696" spreadMethod="pad" gradientUnits="userSpaceOnUse" gradientTransform="translate(0 0)"><stop id="eVNRo53SL8h7-stroke-0" offset="0%" stop-color="#f44242"></stop><stop id="eVNRo53SL8h7-stroke-1" offset="100%" stop-color="#569ef0"></stop></linearGradient><linearGradient id="eVNRo53SL8h8-stroke" x1="10.6555" y1="384.561" x2="29.3814" y2="302.523" spreadMethod="pad" gradientUnits="userSpaceOnUse" gradientTransform="translate(0 0)"><stop id="eVNRo53SL8h8-stroke-0" offset="0%" stop-color="#f44242"></stop><stop id="eVNRo53SL8h8-stroke-1" offset="100%" stop-color="#569ef0"></stop></linearGradient><linearGradient id="eVNRo53SL8h9-stroke" x1="10.6555" y1="312.385" x2="29.1399" y2="230.85" spreadMethod="pad" gradientUnits="userSpaceOnUse" gradientTransform="translate(0 0)"><stop id="eVNRo53SL8h9-stroke-0" offset="0%" stop-color="#f44242"></stop><stop id="eVNRo53SL8h9-stroke-1" offset="100%" stop-color="#569ef0"></stop></linearGradient></defs><g id="eVNRo53SL8h2_to" transform="translate(166.482498,625.605Line truncated
<img class="etaps_anim" src="assets/img/etaps_right.svg" alt="">
</div>
<div class="w-100 d-flex justify-content-center mobile_none2">
<a href="#" class="main_link main_link_black">К продукции</a>
@@ -159,7 +162,7 @@
</section>
<section class="faq_section">
<div class="cont">
<h1 class="section_title2">FAQ</h1>
<div class="section_title2">FAQ</div>
<div class="faq_block">
<div class="faq_item">
<div class="faq_top">