65 lines
4.9 KiB
PHP
65 lines
4.9 KiB
PHP
@include('partials.homepage.head')
|
|
<body data-mobile-nav-style="full-screen-menu" data-mobile-nav-bg-color="">
|
|
@include('partials.homepage.header')
|
|
<!-- start page title -->
|
|
<section class="half-section page-title-center-alignment cover-background top-space-margin">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-12 text-center position-relative page-title-large">
|
|
<h1 class="d-inline-block fw-600 ls-minus-1px text-dark-gray mb-15px">Tentang Kami</h1>
|
|
</div>
|
|
<div class="col-12 breadcrumb breadcrumb-style-01 d-flex justify-content-center">
|
|
<ul>
|
|
<li><a href="{{route('homepage.landing')}}">Beranda</a></li>
|
|
<li><a href="{{route('homepage.about.us.index')}}">Tentang Kami</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- end page title -->
|
|
<!-- start section -->
|
|
<section class="pt-5 sm-pt-50px">
|
|
<div class="container">
|
|
<div class="row mb-5 align-items-center">
|
|
<div class="col-lg-5 position-relative md-mb-20">
|
|
<div class="w-70 xs-w-80" data-animation-delay="50" data-shadow-animation="true">
|
|
<img src="{{asset('assets/defaults/diskominfo-building.jpg')}}" alt="" class="border-radius-8px w-100">
|
|
</div>
|
|
<div class="w-60 overflow-hidden position-absolute right-minus-15px xs-right-15px xs-w-60 bottom-minus-50px" data-shadow-animation="true" data-animation-delay="250" data-bottom-top="transform: translateY(50px)" data-top-bottom="transform: translateY(-50px)">
|
|
<img src="{{asset('assets/defaults/simedkom-logo-circle.png')}}" alt="" class="border-radius-8px w-100 box-shadow-quadruple-large custom-glass-effect" />
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-5 col-lg-6 offset-lg-1" data-anime='{ "el": "childs", "translateY": [30, 0], "opacity": [0,1], "duration": 600, "delay":0, "staggervalue": 300, "easing": "easeOutQuad" }'>
|
|
<h3 class="text-dark-gray fs-50 fw-700 ls-minus-2px">Simedkom</h3>
|
|
<p class="mb-40px sm-mb-25px fs-19" style="text-align: justify !important;">{{strip_tags($app->about_us)}}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- end section -->
|
|
<!-- start section -->
|
|
<section class="half-section pt-0">
|
|
<div class="container">
|
|
<div class="row justify-content-center">
|
|
<div class="col-lg-10">
|
|
<div class="row justify-content-center">
|
|
<div class="col-12 text-center elements-social social-icon-style-04">
|
|
<ul class="large-icon dark">
|
|
<li><a class="facebook" href="{{filled($app->contact_facebook) ? $app->contact_facebook : 'javascript:void(0);'}}" {{filled($app->contact_facebook) ? 'target="_blank"' : ''}}><i class="fa-brands fa-facebook-f"></i><span></span></a></li>
|
|
<li><a class="twitter" href="{{filled($app->contact_twitter) ? $app->contact_twitter : 'javascript:void(0);'}}" {{filled($app->contact_twitter) ? 'target="_blank"' : ''}}><i class="fa-brands fa-twitter"></i><span></span></a></li>
|
|
<li><a class="instagram" href="{{filled($app->contact_instagram) ? $app->contact_instagram : 'javascript:void(0);'}}" {{filled($app->contact_instagram) ? 'target="_blank"' : ''}}><i class="fa-brands fa-instagram"></i><span></span></a></li>
|
|
<li><a class="youtube" href="{{filled($app->contact_youtube) ? $app->contact_youtube : 'javascript:void(0);'}}" {{filled($app->contact_youtube) ? 'target="_blank"' : ''}}><i class="fa-brands fa-youtube"></i><span></span></a></li>
|
|
<li><a class="whatsapp" href="{{filled($app->contact_whatsapp) ? $app->contact_whatsapp : 'javascript:void(0);'}}" {{filled($app->contact_whatsapp) ? 'target="_blank"' : ''}}><i class="fa-brands fa-whatsapp"></i><span></span></a></li>
|
|
<li><a class="telegram" href="{{filled($app->contact_telegram) ? $app->contact_telegram : 'javascript:void(0);'}}" {{filled($app->contact_telegram) ? 'target="_blank"' : ''}}><i class="fa-brands fa-telegram"></i><span></span></a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- end section -->
|
|
<!-- start footer -->
|
|
@include('partials.homepage.footer')
|