| Server IP : 172.67.216.113 / Your IP : 104.23.243.32 [ Web Server : Apache System : Linux cpanel01wh.bkk1.cloud.z.com 2.6.32-954.3.5.lve1.4.59.el6.x86_64 #1 SMP Thu Dec 6 05:11:00 EST 2018 x86_64 User : cp648411 ( 1354) PHP Version : 7.2.34 Disable Function : NONE Domains : 0 Domains MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home2/cp648411/public_html/mjproduct.co.th/ |
Upload File : |
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="MJ">
<meta name="generator" content="Onnud">
<title>MJ</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- Favicons -->
<link rel="apple-touch-icon" href="redbag/icon/logo_1.png" sizes="180x180">
<link rel="icon" href="redbag/icon/logo_1.png" sizes="32x32" type="image/png">
<link rel="icon" href="redbag/icon/logo_1.png" sizes="16x16" type="image/png">
<link rel="manifest" href="redbag/icon/manifest.json">
<link rel="mask-icon" href="redbag/icon/logo_1.png" color="#7952b3">
<link rel="icon" href="redbag/icon/logo_1.png">
</head>
<body style="overflow-x: hidden;">
<?php include('include/lang_check.php') ?>
<?php include('lang_check.php') ?>
<style media="screen">
.btn-mj1{
color: #ffffff;
background-color: #014da1;
border-color: #014da1;
}
.btn-mj1:hover{
color: #014da1;
background-color: #ffffff;
}
.bg-mj1{background-color: #014da1;}
.border-mj1::after{
content: "";
width: 29%;
height: 37%;
position: absolute;
border-bottom: 3px solid #014da1;
left: 36%;
margin-top: -39px;
}
.text-mj1{
color: #014da1;
}
.img-filter-mj1{filter: drop-shadow(0px 0px 2px white);}
.carousel-indicators [data-bs-target]{width: 20px;height: 20px;border-radius: 100%;}
@media (min-width:1023.99px) {
.border-circle{
border: 3rem solid #014da1;
position: relative;
border-radius: 100%;
margin-top: -11%;
text-align: center;
min-height: 1000px;
}
.bg-c-mj1{
border-end-end-radius: 434px;
border-end-start-radius: 434px;
min-height: 435px;
/* min-height: 365px; */
background-image: url(redbag/background/1.png);
background-position: bottom;
z-index: -1;
margin-top: -85px;
}
}
@media (max-width:1023.99px) {
.bg-c-mj1{
min-height: 435px;
background-image: url(redbag/background/1.png);
background-position: bottom;
}
}
</style>
<nav class="navbar navbar-expand-lg navbar-light bg-white px-md-5 fixed-top pe-5">
<div class="container-fluid">
<a class="navbar-brand" href="#" class="position-relative">
<img src="redbag/icon/logo_1.png" alt="" width="70" class="position-absolute;">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item">
<a class="nav-link" aria-current="page" href="history/"><?php echo $header[0]; ?></a>
</li>
<li class="nav-item">
<a class="nav-link" href="product-service/"><?php echo $header[1]; ?></a>
</li>
<li class="nav-item">
<a class="nav-link" href="workings/"><?php echo $header[2]; ?></a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact/"><?php echo $header[3]; ?></a>
</li>
</ul>
</div>
</div>
</nav>
<div id="carouselExampleCaptions" class="carousel slide " data-bs-ride="carousel">
<div class="carousel-indicators">
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="1" aria-label="Slide 2"></button>
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="2" aria-label="Slide 3"></button>
</div>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="redbag/background/1.png" class="d-block w-100" alt="...">
<div class="carousel-caption d-none d-md-block">
</div>
</div>
<div class="carousel-item">
<img src="redbag/background/2.png" class="d-block w-100" alt="...">
<div class="carousel-caption d-none d-md-block">
</div>
</div>
<div class="carousel-item">
<img src="redbag/background/3.png" class="d-block w-100" alt="...">
<div class="carousel-caption d-none d-md-block">
</div>
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
<div class=" container mb-5">
<div class="border-circle pt-5">
<div class="row justify-content-center">
<div class="col-12 col-md-10 px-md-5">
<div class="text-center position-relative mt-3 mb-5 text-mj1 pt-5 ">
<h2 class="pt-5"><?php echo $body[0]; ?></h2>
<p ><?php echo $body[1]; ?></p>
<a href="history/" class="btn btn-mj1 border-mj1 rounded-pill"><?php echo $body[2]; ?></a>
</div>
</div>
</div>
<div class="py-3 px-md-5">
<div class="row justify-content-between px-5">
<div class="col-12 col-md-3 text-center text-mj1 text-wrap rounded p-3 mb-3" style="border:2px solid #014da1;border-radius: 2.25rem!important;">
<img src="redbag/icon/i-1.png" alt="" width="100%" class="mb-3 px-4 pt-4">
<p class="mb-0 pb-0"><?php echo $body[3]; ?></p>
</div>
<div class="col-12 col-md-3 text-center text-mj1 text-wrap rounded p-3 mb-3" style="border:2px solid #014da1;border-radius: 2.25rem!important;">
<img src="redbag/icon/i-2.png" alt="" width="100%" class="mb-3 px-4 pt-4">
<p class="mb-0 pb-0"><?php echo $body[4]; ?></p>
</div>
<div class="col-12 col-md-3 text-center text-mj1 text-wrap rounded p-3 mb-3" style="border:2px solid #014da1;border-radius: 2.25rem!important;">
<img src="redbag/icon/i-3.png" alt="" width="100%" class="mb-3 px-4 pt-4">
<p class="mb-0 pb-0"><?php echo $body[5]; ?></p>
</div>
</div>
</div>
<div class="row justify-content-center mx-md-0">
<div class="col-12 col-md-12 text-center text-mj1 w-100 bg-mj1 py-3" style="">
<div class="text-white" style="z-index: -1;">
<h2 class="pb-md-2"><?php echo $body[6]; ?></h2>
</div>
</div>
</div>
<div class="row justify-content-center px-md-2 mx-md-2">
<div class="mx-md-5 bg-c-mj1" >
<div class="col-12 col-md-12 px-5">
<div class="">
</div>
</div>
</div>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" ></script>
<footer>
<div class="bg-mj1 position-relative" style="z-index: 99;">
<div class="container py-md-5">
<div class="row justify-content-center">
<div class="col-12 col-md-1">
<img src="redbag/icon/logo_1.png" alt="" class="img-filter-mj1" width="100%">
</div>
</div>
<div class="row justify-content-center text-center text-white mt-3">
<div class="col-12 col-md-8">
<p><?php echo $footer[0]; ?></p>
</div>
</div>
</div>
</div>
</footer>
</body>
</html>