%PDF-1.4
Directory : /var/www/vhosts/lautnusantara.com/httpdocs/web/app/Views/theme/spirit/halaman/ |
<style> .img-hover { border-radius: 3%; } .img-hover:hover { box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; width: 125%; } img { width: 100%; } .artikel ol { font-family: 'roboto', sans-serif; color: #848484; font-size: 14px; line-height: 24px; list-style-type: decimal; margin-left: 30px; } .artikel ul { font-family: 'roboto', sans-serif; color: #848484; font-size: 14px; line-height: 24px; list-style-type: square; margin-left: 30px; } .artikel p, .artikel ol, .artikel ul { font-family: 'Calibri', 'sans-serif'; /* font-style: bold; */ font-size: 20px; color: #000; line-height: 30px; font-weight: 400; } </style> <section> <div style="background:white;height: 60px;margin-bottom:50px;"> </div><br> <div class="container"> <div class="row"> <div class="col-lg-9 col-md-9 col-sm-9"> <?php $data = $dtl_artikel; $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;"> <?= $data[0]['title'] ?> </h3> <small>by. <?= $data[0]['first_name'] . ' ' . $data[0]['last_name'] ?> - <?= $tgl ?> </small> <?php if ($data[0]['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="<?= $data[0]['url_image'] ?>" alt="img" width="100%"> <?php } ?> <div class="about_right section_head"> <div class="artikel"> <?= $data[0]['fulltexts'] ?> </div> </div> </div> <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;">Latest Tips</label> </div> <?php foreach ($list_artikel 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 { ?> <a href="<?= '/detail/artikel/' . $dt_list['id'] . '/' . $dt_list['alias'] ?>"> <img class="img-hover" src="<?= $dt_list['url_image'] ?>" alt="<?= $dt_list['title'] ?>" width="100%"> </a> <?php } ?> <br> <h4 style="padding-top: 10px;"> <a href="<?= '/detail/artikel/' . $dt_list['id'] . '/' . $dt_list['alias'] ?>" style="border: none;padding: 0px;font-size: 16px;line-height: 5px;font-weight: 500;"> <?= $dt_list['title'] ?> </a> </h4> <!--<p style="padding: 20px 0 18px;font-size: 14px;line-height: 24px;max-width: 300px;"> <?= ''; //$dt_list['introtext']?> </p>--> </div> <?php endforeach; ?> </div> </div> </div> <br> </section>