|
Directory : /var/www/vhosts/lautnusantara.com/httpdocs/web/app/Views/theme/spirit/halaman/ |
<style>
.jarak {
padding-top: 30px;
}
@media screen and (max-width: 600px) {
.jarak {
padding-top: 40px;
}
}
@media screen and (max-width: 600px) {
.jarak {
padding-top: 40px;
}
}
</style>
<section>
<div style="background:white;height: 60px;margin-bottom:10px;">
</div>
<div class="container jarak">
<div class="row">
<div class="col-lg-9 col-md-9 col-sm-9">
<?php
$data = $dtl_layanan;
$date = date_create($data[0]['publish_up']);
$tgl = date_format($date, "d M Y");
?>
<br>
<h3 style="font-size: 30px;font-weight: 600;padding-bottom: 5px;">
<i class="<?= $data[0]['icon'] ?>"
style="font-size: 30px;border: 1px solid;height: 50px;width: 50px;text-align: center;line-height: 50px;border-radius: 5%;margin: 15px 0;color: #0f79e7;"></i>
 
<?= $data[0]['title'] ?>
</h3>
<small>By.
<?= $data[0]['first_name'] . ' ' . $data[0]['last_name'] ?> - <i class="fa fa-calendar"></i>
<?= $tgl ?>
</small>
<br><br>
<?php if ($data[0]['url_image'] == '') { ?>
<img id="output_image" alt="100%x140" style="padding: 10px; width=" 100%" display: block;"
src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9InllcyI/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjQ4IiBoZWlnaHQ9IjE0MCIgdmlld0JveD0iMCAwIDI0OCAxNDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxkZWZzLz48cmVjdCB3aWR0aD0iMjQ4IiBoZWlnaHQ9IjE0MCIgZmlsbD0iI0VFRUVFRSIvPjxnPjx0ZXh0IHg9IjkxLjg0OTk5ODQ3NDEyMTEiIHk9IjcwIiBzdHlsZT0iZmlsbDojQUFBQUFBO2ZvbnQtd2VpZ2h0OmJvbGQ7Zm9udC1mYW1pbHk6QXJpYWwsIEhlbHZldGljYSwgT3BlbiBTYW5zLCBzYW5zLXNlcmlmLCBtb25vc3BhY2U7Zm9udC1zaXplOjEycHQ7ZG9taW5hbnQtYmFzZWxpbmU6Y2VudHJhbCI+MjQ4eDE0MDwvdGV4dD48L2c+PC9zdmc+"
data-holder-rendered="true">
<?php } else { ?>
<img src="<?= $data[0]['url_image'] ?>" alt="img" width="100%">
<?php } ?>
<br><br>
<p>
<?= $data[0]['fulltexts'] ?>
</p>
</div><br>
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"
style="padding: 10px 10px 10px 10px; border: 1px solid #f8f8f8; border-top: 0;">
<label style="font-size: 18px;">More Product</label>
</div>
<?php
foreach ($list_layanan as $dt_list):
// $date= date_create($dt_list['publish_up']);
// $tgl = date_format($dt_list,"d");
// $bln = date_format($dt_list,"M");
?>
<div style="padding: 10px 10px 10px 10px;border: 1px solid #f8f8f8;border-top: 0;">
<?php if ($dt_list['url_image'] == '') { ?>
<img id="output_image" alt="100%x140" style="padding: 10px; display: block;" width=" 100%"
src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9InllcyI/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjQ4IiBoZWlnaHQ9IjE0MCIgdmlld0JveD0iMCAwIDI0OCAxNDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxkZWZzLz48cmVjdCB3aWR0aD0iMjQ4IiBoZWlnaHQ9IjE0MCIgZmlsbD0iI0VFRUVFRSIvPjxnPjx0ZXh0IHg9IjkxLjg0OTk5ODQ3NDEyMTEiIHk9IjcwIiBzdHlsZT0iZmlsbDojQUFBQUFBO2ZvbnQtd2VpZ2h0OmJvbGQ7Zm9udC1mYW1pbHk6QXJpYWwsIEhlbHZldGljYSwgT3BlbiBTYW5zLCBzYW5zLXNlcmlmLCBtb25vc3BhY2U7Zm9udC1zaXplOjEycHQ7ZG9taW5hbnQtYmFzZWxpbmU6Y2VudHJhbCI+MjQ4eDE0MDwvdGV4dD48L2c+PC9zdmc+"
data-holder-rendered="true">
<?php } else { ?>
<img src="<?= $dt_list['url_image'] ?>" alt="img" width="100%">
<?php } ?>
<br>
<h4 style="padding-top: 10px;">
<a href="<?= '/detail/produk/' . $dt_list['id'] ?>"
style="border: none;padding: 0px;font-size: 16px;line-height: 5px;font-weight: 500;">
<?= $dt_list['title'] ?>
</a>
</h4>
</div>
<?php
endforeach;
?>
</div>
</div>
</div>
<br>
</section>