Initial commit
This commit is contained in:
Ivan Petrov
169
playarea/templates/pages/product.php
Normal file
169
playarea/templates/pages/product.php
Normal file
@@ -0,0 +1,169 @@
|
||||
<?php $page = $b->ls_get_key("page"); ?>
|
||||
<?php $this->template_load("head.php"); ?>
|
||||
<?php $this->template_load("header.php"); ?>
|
||||
|
||||
<main class="main">
|
||||
<div class="product-card">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12 position-relative">
|
||||
<a href="/" class="back-home position-relative">główna</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-12 d-flex justify-content-center justify-content-lg-between flex-wrap flex-lg-nowrap">
|
||||
<div class="card-slider d-flex flex-column">
|
||||
<div class="position-relative">
|
||||
<div class="swiper big-card position-relative">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide">
|
||||
<div class="card-item">
|
||||
<img src="<?= $b->pa_get_assets_dir() ?>main/img/png/landshaft.png" class="card-photo">
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<div class="card-item">
|
||||
<img src="<?= $b->pa_get_assets_dir() ?>main/img/png/landshaft.png" class="card-photo">
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<div class="card-item">
|
||||
<img src="<?= $b->pa_get_assets_dir() ?>main/img/png/landshaft.png" class="card-photo">
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<div class="card-item">
|
||||
<img src="<?= $b->pa_get_assets_dir() ?>main/img/png/landshaft.png" class="card-photo">
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<div class="card-item">
|
||||
<img src="<?= $b->pa_get_assets_dir() ?>main/img/png/landshaft.png" class="card-photo">
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<div class="card-item">
|
||||
<img src="<?= $b->pa_get_assets_dir() ?>main/img/png/landshaft.png" class="card-photo">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-product-prev">
|
||||
<svg width="28" height="54" viewBox="0 0 28 54" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M27 53L1 27L27 1" stroke="#717171" stroke-linecap="round"/>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="swiper-product-next">
|
||||
<svg width="28" height="54" viewBox="0 0 28 54" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M1 1L27 27L1 53" stroke="#717171" stroke-linecap="round"/>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper small-card">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide">
|
||||
<div class="card-item">
|
||||
<img src="<?= $b->pa_get_assets_dir() ?>main/img/png/landshaft.png" class="card-photo">
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<div class="card-item">
|
||||
<img src="<?= $b->pa_get_assets_dir() ?>main/img/png/landshaft.png" class="card-photo">
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<div class="card-item">
|
||||
<img src="<?= $b->pa_get_assets_dir() ?>main/img/png/landshaft.png" class="card-photo">
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<div class="card-item">
|
||||
<img src="<?= $b->pa_get_assets_dir() ?>main/img/png/landshaft.png" class="card-photo">
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<div class="card-item">
|
||||
<img src="<?= $b->pa_get_assets_dir() ?>main/img/png/landshaft.png" class="card-photo">
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<div class="card-item">
|
||||
<img src="<?= $b->pa_get_assets_dir() ?>main/img/png/landshaft.png" class="card-photo">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-info">
|
||||
<h1 class="info-title text-center text-lg-start">Kuweta 50x50</h1>
|
||||
<h3 class="info-subtitle">Wybierz rozmiar trawy</h3>
|
||||
|
||||
<div class="info-variants">
|
||||
<div class="info-variant">
|
||||
<div class="info-variant__top">
|
||||
<div class="info-variant__title">Mała</div>
|
||||
<div class="info-variant__desc">Idealny dla zwierząt o wadze do 15 kg</div>
|
||||
<div class="info-variant__sizes">50 x 50 cm</div>
|
||||
</div>
|
||||
<div class="info-variant__down">
|
||||
<div class="info-variant__price">69.99 zł</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info-variant">
|
||||
<div class="info-variant__top">
|
||||
<div class="info-variant__title">Mała</div>
|
||||
<div class="info-variant__desc">Idealny dla zwierząt o wadze do 15 kg</div>
|
||||
<div class="info-variant__sizes">50 x 50 cm</div>
|
||||
</div>
|
||||
<div class="info-variant__down">
|
||||
<div class="info-variant__price">69.99 zł</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="">
|
||||
<div class="info-item">
|
||||
<div class="d-flex justify-content-between align-items-center">
|
||||
<h3 class="item-title">Jednorazowy zakup</h3>
|
||||
<span class="item-price">$26</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info-item">
|
||||
<div class="d-flex justify-content-between align-items-center">
|
||||
<h3 class="item-title">Zapisz się i otrzymaj 5% zniżki</h3>
|
||||
<span class="item-price">$28</span>
|
||||
</div>
|
||||
<div class="check-data d-flex justify-content-between align-items-center">
|
||||
<p class="">Wybierz termin:</p>
|
||||
<div class="select">
|
||||
<div class="select-head d-flex align-items-center justify-content-between">
|
||||
<span class="active">Co 1 tydzień</span>
|
||||
<img src="<?= $b->pa_get_assets_dir() ?>main/img/svg/down.svg" alt="">
|
||||
</div>
|
||||
<ul class="select-options">
|
||||
<li class="option">Co 2 tydzień</li>
|
||||
<li class="option">Co 3 tydzień</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="description d-lg-none">
|
||||
<p class="description-title">Opis</p>
|
||||
<p class="description-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus lacinia, orci non fermentum facilisis, magna purus vestibulum odio, ac consequat erat urna non lectus. Nulla facilisi. Cras ullamcorper, ligula sit amet congue consectetur, ipsum urna hendrerit risus, id pulvinar orci purus eget ligula. Integer fringilla urna vel sapien malesuada, sit amet fermentum purus aliquam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Curabitur ac turpis a nunc aliquet sodales. Donec vitae ex vehicula, mollis liber</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="d-flex justify-content-center justify-content-lg-end">
|
||||
<div class="card-addBasket d-flex">
|
||||
<P class="product-price">$4046.21</P>
|
||||
<button class="addBasket-btn">Do koszyka</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<?php $this->template_load("footer.php"); ?>
|
||||
Reference in New Issue
Block a user