я прописал отдельный блок tools, так дозволительно делать? Или это крайность, к которой лучше не прибегать?
а что вы скажете по поводу контентных и декоративных изображений?
$data['icon'] это input type="file", name="icon", ее положил в переменную $data = $_POST;
<input type="file" name="icon">basename($_FILES['icon']['name']);var_dump($_FILES); пробовал, вывод bool(false)
<form enctype="multipart/form-data" ... >
<section class="expertise">
<div class="expertise__container container">
<div class="expertise__title title">our expertise</div>
<div class="expertise__item skills">
<div class="skill">
<div class="skill__value">
<h3 class="skill__title">branding</h3>
<span class="skill__percent">90%</span>
</div>
</div>
<div class="skill">
<div class="skill__value">
<h3 class="skill__title">design</h3>
<span class="skill__percent">80%</span>
</div>
</div>
<div class="skill">
<div class="skill__value">
<h3 class="skill__title">development</h3>
<span class="skill__percent">85%</span>
</div>
</div>
</div>
<div class="expertise__item expertise__text">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima porro, rem eveniet vero veniam quibusdam
dolores, nostrum perferendis laborum laudantium pariatur repellat possimus, tempore fugit necessitatibus
cupiditate obcaecati nisi distinctio.
</div>
<div class="expertise__item card">
<img class="card__icon" src="" alt="">
<div class="card__box">
<div class="card__title">graphic design</div>
<div class="card__text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Sed quo eos
dolore ea facere reprehenderit, fugit error consequatur reiciendis cupiditate saepe iste asperiores
aliquid consectetur quae explicabo beatae magnam praesentium?
</div>
</div>
</div>
<div class="expertise__item card">
<img class="card__icon" src="" alt="">
<div class="card__box">
<div class="card__title">web development</div>
<div class="card__text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Sed quo eos
dolore ea facere reprehenderit, fugit error consequatur reiciendis cupiditate saepe iste asperiores
aliquid consectetur quae explicabo beatae magnam praesentium?
</div>
</div>
</div>
<div class="expertise__item card">
<img class="card__icon" src="" alt="">
<div class="card__box">
<div class="card__title">marketing</div>
<div class="card__text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Sed quo eos
dolore ea facere reprehenderit, fugit error consequatur reiciendis cupiditate saepe iste asperiores
aliquid consectetur quae explicabo beatae magnam praesentium?
</div>
</div>
</div>
</div>
</section>document.querySelectorAll('.table-responsive').forEach(tableContainer => {
tableContainer.addEventListener('wheel', function(e) {
if (e.deltaY !== 0) {
tableContainer.scrollLeft += e.deltaY;
e.preventDefault();
}
});
});img-centered, sm-img-centred, md-img-centered, lg-img-centered.img-centered { display:block; margin:auto; }
@media (min-width: 567px) { .sm-img-centred { display:block; margin:auto; } }
@media (min-width: 768px) { .md-img-centered { display:block; margin:auto; } }
@media (min-width: 992px) { .lg-img-centered { display:block; margin:auto; } }