You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
155 lines
6.2 KiB
155 lines
6.2 KiB
<!doctype html> |
|
<html lang="en"> |
|
<head> |
|
<meta charset="utf-8"> |
|
<meta name="viewport" content="width=device-width, initial-scale=1"> |
|
<link rel="icon" href="{{asset('hse/assets/img/logo/logoHSE.png')}}"> |
|
<title>About HSE | Geonet Infomedia</title> |
|
|
|
<!-- Bootstrap CSS --> |
|
<link href="{{asset('hse/assets/css/bootstrap.min.css')}}" rel="stylesheet" > |
|
|
|
<!-- CSS --> |
|
<link rel="stylesheet" href="{{asset('hse/assets/css/style.css')}}"> |
|
|
|
<!-- Icons --> |
|
@include('include.icons') |
|
|
|
</head> |
|
<body> |
|
<!-- Navbar Start --> |
|
@include('include.navbar') |
|
<!-- Navbar Finish --> |
|
|
|
<!-- Thumbnail Start --> |
|
<div class="card text-bg-light"> |
|
<img src="{{asset('hse/assets/img/carousel/Untitled-4.png')}}" class="card-img"> |
|
<div class="card-img-overlay"> |
|
<div class="container"> |
|
<div class="container-row"> |
|
<div class="row"> |
|
<div class="col-sm-6"></div> |
|
<div class="col-sm-6"> |
|
<div class="card w-80"> |
|
<div class="card-body"> |
|
<h3 class="card-title"><b>HEALTH, SAFETY, & ENVIRONTMENT</b></h3> |
|
<p class="card-text">HSE (Health, Safety, Environment) is the main aspect we carry out in realizing the company's goals. HSE is consistently implemented in all of the company's business activities and is promoted as a culture in the company. All of our project are planned and carried out to a high standard to ensure the health and safety of workers and the environment.</p> |
|
<a href="/contact" class="btn btn-primary" id="btnContact">Contact Us</a> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
<!-- Thumbnail Finish --> |
|
|
|
<!-- Embedded Youtube Start --> |
|
<div class="container text-left"> |
|
<div class="container-youtube"> |
|
<div class="row" id="embedded"> |
|
<div class="col-lg-4"> |
|
<h3 class="card-title text-left mb-3"><b>SAFETY<br>INDUCTION</b></h3> |
|
<div class="card"> |
|
<div class="card-body" id="secondCard"> |
|
|
|
<p class="card-text">We reinforce our daily activities thinking about the safety of our employees and our businesses. Our focus on safety works is an ongoing job. To prevent accidents, we comply with standards and adopt strict operating standards and procedures.</p> |
|
<a href="contact.html" class="btn btn-primary" id="secondButton">Online</a> |
|
<a href="#" class="btn btn-primary" id="secondButton">Offline</a> |
|
</div> |
|
</div> |
|
</div> |
|
<div class="col-lg-7"> |
|
<div class="card"> |
|
<div class="card-body"> |
|
<video controls width="610px"> |
|
<source src="{{asset('hse/assets/vid/Induction.mp4')}}"> |
|
</video> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
<!-- Embedded Youtube Finish --> |
|
|
|
<!-- Highlight Start --> |
|
<div class="title-highlight"> |
|
<h3 class="underline-text"><span>Highlight of The Month</span></h3> |
|
</div> |
|
<div class="highlight-container"> |
|
<div class="container-box"> |
|
<div class="box"> |
|
<!-- --> |
|
</div> |
|
<div class="highlight-card"> |
|
<div class="highlight-content"> |
|
<div class="card" style="width: 18rem;"> |
|
<img src="{{asset('hse/assets/img/exam.png')}}" class="card-img-top" alt="..."> |
|
<div class="card-body"> |
|
<h3 class="card-title">Card title</h3> |
|
<a class="button-detail" data-bs-toggle="modal" data-bs-target="#staticBackdrop"><i class="fa-solid fa-eye"></i> Detail</a> |
|
</div> |
|
</div> |
|
<div class="card" style="width: 18rem;"> |
|
<img src="{{asset('hse/assets/img/exam.png')}}" class="card-img-top" alt="..."> |
|
<div class="card-body"> |
|
<h3 class="card-title">Card title</h3> |
|
<a class="button-detail" data-bs-toggle="modal" data-bs-target="#staticBackdrop"><i class="fa-solid fa-eye"></i> Detail</a> |
|
</div> |
|
</div> |
|
<div class="card" style="width: 18rem;"> |
|
<img src="{{asset('hse/assets/img/exam.png')}}" class="card-img-top" alt="..."> |
|
<div class="card-body"> |
|
<h3 class="card-title">Card title</h3> |
|
<a class="button-detail" data-bs-toggle="modal" data-bs-target="#staticBackdrop"><i class="fa-solid fa-eye"></i> Detail</a> |
|
</div> |
|
</div> |
|
<div class="card" style="width: 18rem;"> |
|
<img src="{{asset('hse/assets/img/exam.png')}}" class="card-img-top" alt="..."> |
|
<div class="card-body"> |
|
<h3 class="card-title">Card title</h3> |
|
<a class="button-detail" data-bs-toggle="modal" data-bs-target="#staticBackdrop"><i class="fa-solid fa-eye"></i> Detail</a> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
<!-- Highlight Finish --> |
|
|
|
|
|
|
|
|
|
<!-- Modal View--> |
|
<div class="modal fade" id="staticBackdrop" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true"> |
|
<div class="modal-dialog"> |
|
<div class="modal-content"> |
|
<div class="modal-header"> |
|
<h1 class="modal-title fs-5" id="staticBackdropLabel">Judul Materi</h1> |
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> |
|
</div> |
|
<div class="modal-body"> |
|
... |
|
</div> |
|
<div class="modal-footer"> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
<!-- Modal View--> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- Bootstrap JS --> |
|
<script src="{{asset('hse/assets/js/bootstrap.bundle.min.js')}}"></script> |
|
|
|
|
|
</body> |
|
</html> |