Compare commits
2 Commits
e41051a932
...
af0af0e15c
| Author | SHA1 | Date |
|---|---|---|
|
|
af0af0e15c | |
|
|
3ab4d53051 |
|
|
@ -14,17 +14,21 @@
|
|||
@php $car = $carsValues[$j]; @endphp
|
||||
<div class="col-md-4">
|
||||
<div class="car-card">
|
||||
<img class="img-fluid" src="{{ $car['photo'] }}" alt="Car Image">
|
||||
<img class="img-fluid" src="{{ $car['photo'] ?? asset('img/default.png') }}" alt="Car Image">
|
||||
<div class="title">{{ $car['brand'] . ' ' . $car['mark'] . ' - ' . $car['year'] }}</div>
|
||||
<div class="card-car-chars">
|
||||
<div class="add-li"><i class="material-symbols-outlined"></i> Кондиционер</div>
|
||||
<div class="add-li"><i class="material-symbols-outlined"></i> {{ $car['fuel_type'] }}</div>
|
||||
<div class="add-li"><i class="material-symbols-outlined"></i>{{ $car['people'] }}</div>
|
||||
<div class="add-li"><i class="material-symbols-outlined">ac_unit</i><p> Кондиционер</p></div>
|
||||
<div class="add-li"><i class="material-symbols-outlined">auto_transmission</i><p> {{ $car['fuel_type'] }}</p></div>
|
||||
<div class="add-li"> <i class="material-symbols-outlined">groups</i><p> {{ $car['people'] }} мест</p></div>
|
||||
</div>
|
||||
<div class="car-card-footer">
|
||||
<div class="cost">
|
||||
<small>Базовая ставка</small>
|
||||
<p>{{ $car['tariffs'][0]['price'] ?? ''}}</p>
|
||||
<p>
|
||||
@isset($car['tariffs'][0]['price'])
|
||||
{{ $car['tariffs'][0]['price'] }} ₸
|
||||
@endisset
|
||||
</p>
|
||||
</div>
|
||||
<a href="#" class="btn btn-primary">Арендовать</a>
|
||||
</div>
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Binary file not shown.
|
After Width: | Height: | Size: 6.7 KiB |
|
|
@ -105,6 +105,7 @@
|
|||
"/img/avatar.png": "/img/avatar.png",
|
||||
"/img/bg-log-reg.png": "/img/bg-log-reg.png",
|
||||
"/img/bg-log.jpg": "/img/bg-log.jpg",
|
||||
"/img/default.png": "/img/default.png",
|
||||
"/img/en.png": "/img/en.png",
|
||||
"/img/kz.png": "/img/kz.png",
|
||||
"/img/logo-codeless.svg": "/img/logo-codeless.svg",
|
||||
|
|
|
|||
Binary file not shown.
|
After Width: | Height: | Size: 6.7 KiB |
|
|
@ -91,7 +91,10 @@ iframe {
|
|||
color: #a8a8a8;
|
||||
margin-bottom: 5px;
|
||||
font-size: 16px;
|
||||
transition: .2s all ease;
|
||||
transition: .3s all ease;
|
||||
p {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
.car-card-footer {
|
||||
display: flex;
|
||||
|
|
@ -100,11 +103,25 @@ iframe {
|
|||
border-top: 1px solid #ddd;
|
||||
padding-top: 10px;
|
||||
margin-top: 10px;
|
||||
.cost p {
|
||||
margin: 0;
|
||||
font-size: 24px;
|
||||
font-weight: 800;
|
||||
line-height: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
.car-card:hover {
|
||||
box-shadow: #0000001a 0 20px 25px -5px, #0000000a 0 10px 10px -5px;
|
||||
border-bottom: 2px solid #01B0E8;
|
||||
.add-li {
|
||||
p {
|
||||
color: #1e1e1e;
|
||||
}
|
||||
i {
|
||||
color: $primary-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
|
|
|||
|
|
@ -22,6 +22,8 @@ $nav = \A7kz\Platform\Modules\Platform\Navigation\Facades\Nav::config();
|
|||
<!-- Fonts -->
|
||||
<link rel="dns-prefetch" href="//fonts.gstatic.com">
|
||||
<link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined" rel="stylesheet" />
|
||||
|
||||
|
||||
<!-- Styles -->
|
||||
<link href="{{ asset('css/app.css') }}?{{env("CSSJSVERSION")}}" rel="stylesheet">
|
||||
|
|
|
|||
Loading…
Reference in New Issue