| Server IP : 104.21.37.246 / Your IP : 172.71.28.146 [ 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;
}
/*.circle::before{
content: "";
width: 20rem;
height: 20rem;
position: absolute;
border: 3px solid #95cee1;
background-color: #95cee1;
left: -6%;
border-radius: 100%;
top: 0%;
z-index: 1;
}
.circle::after{
content: "";
width: 5rem;
height: 5rem;
position: absolute;
border: 3px solid #95cee1;
background-color: #95cee1;
left: 21%;
border-radius: 100%;
top: 15%;
z-index: 1;
}
.circle2::before{
content: "";
width: 27rem;
height: 27rem;
position: absolute;
border: 3px solid #95cee1;
background-color: #95cee1;
top: 40%;
z-index: 1;
right: -11%;
border-radius: 100%;
}*/
.img-filter-mj1{filter: drop-shadow(0px 0px 2px white);}
.carousel-indicators [data-bs-target]{width: 20px;height: 20px;border-radius: 100%;}
.border-circle{
border: 2rem solid #014da1;
z-index: 99;
border-radius: 100%;
margin-top: -10%;
text-align: center;
position: relative;
min-height: 800px;
height: 100%;
}
</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 position-relative" data-bs-ride="carousel" style="margin-top: 6rem;z-index: -1;">
<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">
<h5>First slide label</h5>
<p>Some representative placeholder content for the first slide.</p>
</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">
<h5>Second slide label</h5>
<p>Some representative placeholder content for the second slide.</p>
</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">
<h5>Third slide label</h5>
<p>Some representative placeholder content for the third slide.</p>
</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="">
<div class="border-circle mb-5">
<div class=" pt-5">
<div class="container 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 class="container pt-3">
<div class="row justify-content-between">
<div class="col-12 col-md-2 text-center text-mj1 text-wrap">
<img src="redbag/icon/i-1.png" alt="" width="100%" class="mb-3">
<p><?php echo $body[3]; ?></p>
</div>
<div class="col-12 col-md-2 text-center text-mj1 text-wrap">
<img src="redbag/icon/i-2.png" alt="" width="100%" class="mb-3">
<p><?php echo $body[4]; ?></p>
</div>
<div class="col-12 col-md-2 text-center text-mj1 text-wrap">
<img src="redbag/icon/i-3.png" alt="" width="100%" class="mb-3">
<p><?php echo $body[5]; ?></p>
</div>
</div>
</div>
<div class="row justify-content-center">
<div class="text-center text-mj1 w-75 bg-mj1 ">
<div class="text-white" style="z-index: -1;">
<h2 class="pb-md-2"><?php echo $body[6]; ?></h2>
</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>