сделал адаптивность для projects
This commit is contained in:
Kirill Pet committed
1 parent
6bc4c7213c
commit
b155852f9c
4 files changed
+279
-155
No files matched your search
+112
-102
@@ -297,120 +297,130 @@
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
</div> -->
|
||||
|
||||
<div class="main__item">
|
||||
<p class="title-1">
|
||||
Разработанные проекты
|
||||
</p>
|
||||
|
||||
<article class="projects">
|
||||
<div class="projects__item">
|
||||
<img src="/assets/img/photo/projects-1.png" alt="" class="projects-item__img">
|
||||
|
||||
<div class="projects-item__content">
|
||||
<div class="projects-item__tags">
|
||||
<div class="projects-item__tag">
|
||||
<img src="/assets/img/icon/pin.svg" alt="" class="projects-item-tag__icon">
|
||||
<article class="projects projects-swiper">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="projects__item swiper-slide">
|
||||
<img src="/assets/img/photo/projects-1.png" alt="" class="projects-item__img">
|
||||
|
||||
<p class="projects-item-tag__name text-2">Локация</p>
|
||||
<div class="projects-item__content">
|
||||
<div class="projects-item__tags">
|
||||
<div class="projects-item__tag">
|
||||
<img src="/assets/img/icon/pin.svg" alt="" class="projects-item-tag__icon">
|
||||
|
||||
<p class="projects-item-tag__name text-2">Локация</p>
|
||||
</div>
|
||||
|
||||
<div class="projects-item__tag">
|
||||
<img src="/assets/img/icon/square.svg" alt="" class="projects-item-tag__icon">
|
||||
|
||||
<p class="projects-item-tag__name text-2">Площадь</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="projects-item__tag">
|
||||
<img src="/assets/img/icon/square.svg" alt="" class="projects-item-tag__icon">
|
||||
|
||||
<p class="projects-item-tag__name text-2">Площадь</p>
|
||||
<div class="projects-item__text">
|
||||
<p class="text-1">Название проекта</p>
|
||||
<p class="text-2">
|
||||
Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="projects-item__text">
|
||||
<p class="text-1">Название проекта</p>
|
||||
<p class="text-2">
|
||||
Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="projects__item swiper-slide">
|
||||
<img src="/assets/img/photo/projects-2.png" alt="" class="projects-item__img">
|
||||
|
||||
<div class="projects-item__content">
|
||||
<div class="projects-item__tags">
|
||||
<div class="projects-item__tag">
|
||||
<img src="/assets/img/icon/pin.svg" alt="" class="projects-item-tag__icon">
|
||||
|
||||
<p class="projects-item-tag__name text-2">Локация</p>
|
||||
</div>
|
||||
|
||||
<div class="projects-item__tag">
|
||||
<img src="/assets/img/icon/square.svg" alt="" class="projects-item-tag__icon">
|
||||
|
||||
<p class="projects-item-tag__name text-2">Площадь</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="projects-item__text">
|
||||
<p class="text-1">Название проекта</p>
|
||||
<p class="text-2">
|
||||
Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="projects__item swiper-slide">
|
||||
<img src="/assets/img/photo/projects-3.png" alt="" class="projects-item__img">
|
||||
|
||||
<div class="projects-item__content">
|
||||
<div class="projects-item__tags">
|
||||
<div class="projects-item__tag">
|
||||
<img src="/assets/img/icon/pin.svg" alt="" class="projects-item-tag__icon">
|
||||
|
||||
<p class="projects-item-tag__name text-2">Локация</p>
|
||||
</div>
|
||||
|
||||
<div class="projects-item__tag">
|
||||
<img src="/assets/img/icon/square.svg" alt="" class="projects-item-tag__icon">
|
||||
|
||||
<p class="projects-item-tag__name text-2">Площадь</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="projects-item__text">
|
||||
<p class="text-1">Название проекта</p>
|
||||
<p class="text-2">
|
||||
Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="projects__item swiper-slide">
|
||||
<img src="/assets/img/photo/projects-4.png" alt="" class="projects-item__img">
|
||||
|
||||
<div class="projects-item__content">
|
||||
<div class="projects-item__tags">
|
||||
<div class="projects-item__tag">
|
||||
<img src="/assets/img/icon/pin.svg" alt="" class="projects-item-tag__icon">
|
||||
|
||||
<p class="projects-item-tag__name text-2">Локация</p>
|
||||
</div>
|
||||
|
||||
<div class="projects-item__tag">
|
||||
<img src="/assets/img/icon/square.svg" alt="" class="projects-item-tag__icon">
|
||||
|
||||
<p class="projects-item-tag__name text-2">Площадь</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="projects-item__text">
|
||||
<p class="text-1">Название проекта</p>
|
||||
<p class="text-2">
|
||||
Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="projects__item">
|
||||
<img src="/assets/img/photo/projects-2.png" alt="" class="projects-item__img">
|
||||
<div class="swiper-pagination"></div>
|
||||
|
||||
<div class="projects-item__content">
|
||||
<div class="projects-item__tags">
|
||||
<div class="projects-item__tag">
|
||||
<img src="/assets/img/icon/pin.svg" alt="" class="projects-item-tag__icon">
|
||||
|
||||
<p class="projects-item-tag__name text-2">Локация</p>
|
||||
</div>
|
||||
|
||||
<div class="projects-item__tag">
|
||||
<img src="/assets/img/icon/square.svg" alt="" class="projects-item-tag__icon">
|
||||
|
||||
<p class="projects-item-tag__name text-2">Площадь</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="projects-item__text">
|
||||
<p class="text-1">Название проекта</p>
|
||||
<p class="text-2">
|
||||
Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="projects__item">
|
||||
<img src="/assets/img/photo/projects-3.png" alt="" class="projects-item__img">
|
||||
|
||||
<div class="projects-item__content">
|
||||
<div class="projects-item__tags">
|
||||
<div class="projects-item__tag">
|
||||
<img src="/assets/img/icon/pin.svg" alt="" class="projects-item-tag__icon">
|
||||
|
||||
<p class="projects-item-tag__name text-2">Локация</p>
|
||||
</div>
|
||||
|
||||
<div class="projects-item__tag">
|
||||
<img src="/assets/img/icon/square.svg" alt="" class="projects-item-tag__icon">
|
||||
|
||||
<p class="projects-item-tag__name text-2">Площадь</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="projects-item__text">
|
||||
<p class="text-1">Название проекта</p>
|
||||
<p class="text-2">
|
||||
Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="projects__item">
|
||||
<img src="/assets/img/photo/projects-4.png" alt="" class="projects-item__img">
|
||||
|
||||
<div class="projects-item__content">
|
||||
<div class="projects-item__tags">
|
||||
<div class="projects-item__tag">
|
||||
<img src="/assets/img/icon/pin.svg" alt="" class="projects-item-tag__icon">
|
||||
|
||||
<p class="projects-item-tag__name text-2">Локация</p>
|
||||
</div>
|
||||
|
||||
<div class="projects-item__tag">
|
||||
<img src="/assets/img/icon/square.svg" alt="" class="projects-item-tag__icon">
|
||||
|
||||
<p class="projects-item-tag__name text-2">Площадь</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="projects-item__text">
|
||||
<p class="text-1">Название проекта</p>
|
||||
<p class="text-2">
|
||||
Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект Описание про проект
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="projects__counter">
|
||||
<div class="swiper-button-prev"></div>
|
||||
<span id="numberProjects">1</span>/<span class="reviews__counter--grey">4</span>
|
||||
<div class="swiper-button-next"></div>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
@@ -419,14 +429,14 @@
|
||||
все проекты
|
||||
</a>
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
|
||||
<div class="main__item">
|
||||
<!-- <div class="main__item">
|
||||
<p class="title-1">
|
||||
Как мы это делаем? Не так просто, как кажется!
|
||||
</p>
|
||||
|
||||
<article class="how">
|
||||
<article class="how pc">
|
||||
<div class="how__control">
|
||||
<div class="how-control__item active" data-num="1">
|
||||
<div class="how-control-item__number title-3">
|
||||
@@ -539,7 +549,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
</div> -->
|
||||
|
||||
<!-- <div class="main__item">
|
||||
<article class="free">
|
||||
|
||||
Reference in new issue
Block a user