Как правильно повесить шторы на шторной ленте?

Как правильно повесить шторы на шторной ленте?

<div class="topic-wrapper"> <div class="for_h3"> <p>Содержание статьи:</p> </div> <div class="list-content"> <ul> <li><a href="#part1">6 простых шагов идеальной шторной ленты</a></li> <li><a href="#part2">Видео-инструкция, как правильно повесить штору на шторной ленте</a></li> </ul> </div> <div id="part1" class="topic-title"> 6 простых шагов идеальной шторной ленты </div> <style type="text/css"> .pa-grid { display:grid; grid-template-columns:1fr 1fr 1fr; grid-gap:40px 30px; align-items:stretch; } .pa-grid .in { padding:50px; display:flex; flex-direction:column; position:relative; z-index:1; } .pa-grid .in1 { background-size:100% auto; background-color: #fbf6ed; } .pa-grid .in2 { background-size:100% auto; background-color: #fbf6ed; } .pa-grid-text { font-family: "MabryPro",sans-serif; flex-grow:1; display:grid; grid-template-columns:60px 1fr; align-items:start; font-size:22px; line-height:125%; margin-bottom:1.25em; } .pa-grid .bg-elem{ background: url(https://pasionaria.ru/local/templates/pasionaria/build/img/de-3-1.jpeg) no-repeat; background-size: cover; } .pa-grid .in1 .pa-grid-text:after { background-color: #fbf6edc0; } .pa-grid .in2 .pa-grid-text:after, .pa-grid .in3 .pa-grid-text:after { background-color: #fbf6ed80; } .pa-grid-text:after { content:''; position:absolute; z-index:-1; top:0; right:0; left:0; bottom:0; } .pa-grid-head { font-family: 'RocaOne'; font-style: normal; font-weight: 100; font-size: 64px; line-height: 100%; color: #74563b; } .pa-grid-img { overflow:hidden; box-shadow: 0 2px 8px #74563b40; } .pa-grid-img img { display:block; max-width:100%; height:auto; margin:0; box-shadow:0 0 0 2px #ebebeb80; transition: transform .3s cubic-bezier(.7,.72,.71,.72),-webkit-transform .3s cubic-bezier(.7,.72,.71,.72); } .pa-grid-img img:hover { transform: scale(1.035); } @media(max-width:1550px) { .pa-grid .in { padding:40px; } } @media(max-width:1350px) { .pa-grid { grid-template-columns:1fr 1fr; grid-gap:32px 24px; } .pa-grid .in { padding:32px; } } @media(max-width:950px) { .pa-grid-text { font-size:18px; grid-template-columns:42px 1fr; } .pa-grid-head { font-size:42px; } } @media(max-width:750px) { .pa-grid { grid-template-columns:1fr; grid-gap:24px; } .pa-grid .in { padding:20px 15px; } } </style> <div class="pa-grid"> <div class="in in1 bg-elem"> <div class="pa-grid-text"><div class="pa-grid-head">1</div>Измерьте длину карниза, чтобы понять необходимую ширину собранной портьеры</div> <div class="pa-grid-img"><img src="https://pasionaria.ru/upload/medialibrary/19a/khpq30szxd64b0yvy2gm927w9653grn1.jpg"></div> </div> <div class="in in2"> <div class="pa-grid-text"><div class="pa-grid-head">2</div>Найдите край шторной ленты и шнуры для сборки</div> <div class="pa-grid-img"><img src="https://pasionaria.ru/upload/medialibrary/5cd/n725r6jq65lm5mskhenqe6gifvggnato.jpg"></div> </div> <div class="in in1"> <div class="pa-grid-text"><div class="pa-grid-head">3</div>Начинайте стягивать одновременно все шнуры с одного края до необходимой вам ширины</div> <div class="pa-grid-img"><img src="https://pasionaria.ru/upload/medialibrary/5b5/bp73wfzxcn2rt9jm0mfxq5i3g4rk4rl7.jpg"></div> </div> <div class="in in3"> <div class="pa-grid-text"><div class="pa-grid-head">4</div>Измерьте рулеткой полученную ширину шторы на предмет соответствия длине карниза</div> <div class="pa-grid-img"><img src="https://pasionaria.ru/upload/medialibrary/c73/y119oxtgosizyv47sa52glmbkpbxahaf.jpg"></div> </div> <div class="in in1 bg-elem"> <div class="pa-grid-text"><div class="pa-grid-head">5</div>Завяжите узел и спрячьте его в карман (если он предусмотрен), после чего равномерно распределите складки на ленте по всей ширине портьеры</div> <div class="pa-grid-img"><img src="https://pasionaria.ru/upload/medialibrary/26b/t3krymbjjqdmuan1q6surx2s3o9c13db.jpg"></div> </div> <div class="in in3"> <div class="pa-grid-text"><div class="pa-grid-head">6</div>Крючки карниза крепятся к ленте через каждые 8-10 см за специальные карманы</div> <div class="pa-grid-img"><img src="https://pasionaria.ru/upload/medialibrary/2f9/iulkdsowmaakbgcpu53nh7qfmhq0cncv.jpg"></div> </div> </div> <div id="part2" class="topic-title"> Видео-инструкция, как правильно повесить штору на шторной ленте </div> <p>Короткое видео на 2 минуты, где рассказали обо всех нюансах сборки шторы на шторной ленте. </p> <video style="width: 100%;height: auto;max-height: 100%;" preload="metadata" width="1440" height="720" controls="controls" poster="/upload/medialibrary/8c2/ueeqwz9t0hrql0i4m0vosinqk16sfy67.png"> <source src="/local/templates/pasionaria/include/blog/videos/kak-povesit-shtory-na-shtornoy-lente.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'> </video> </div>

Статья

2022-01-12