158 lines
4.8 KiB
PHP
158 lines
4.8 KiB
PHP
<body class="loading-overlay-showing" data-plugin-page-transition data-loading-overlay data-plugin-options="{'hideDelay': 500}">
|
|
|
|
<div class="loading-overlay">
|
|
|
|
<div class="bounce-loader">
|
|
|
|
<div class="bounce1"></div>
|
|
|
|
<div class="bounce2"></div>
|
|
|
|
<div class="bounce3"></div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="body">
|
|
|
|
|
|
<header id="header" class="header-transparent header-transparent-dark-bottom-border header-transparent-dark-bottom-border-1 header-effect-shrink" data-plugin-options="{'stickyEnabled': true, 'stickyEffect': 'shrink', 'stickyEnableOnBoxed': true, 'stickyEnableOnMobile': true, 'stickyChangeLogo': true, 'stickyStartAt': 30, 'stickyHeaderContainerHeight': 70}">
|
|
|
|
<div class="header-body box-shadow">
|
|
|
|
<div class="header-container container">
|
|
|
|
<div class="header-row">
|
|
|
|
<div class="header-column">
|
|
|
|
<div class="header-row">
|
|
|
|
<div class="header-logo">
|
|
|
|
<a href="index" class="logo_w">
|
|
<img src="image/logo_white.png" width="120">
|
|
</a>
|
|
|
|
<a href="index" class="logo_b">
|
|
<img src="image/logo_white.png" width="120">
|
|
</a>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="header-column justify-content-end">
|
|
|
|
<div class="header-row">
|
|
|
|
<div class="header-nav header-nav-links header-nav-dropdowns-dark header-nav-light-text order-2 order-lg-1">
|
|
|
|
<div class="header-nav-main header-nav-main-mobile-dark header-nav-main-square header-nav-main-dropdown-no-borders header-nav-main-effect-2 header-nav-main-sub-effect-1">
|
|
|
|
<nav class="collapse">
|
|
|
|
<ul class="nav nav-pills" id="mainNav">
|
|
|
|
<li class="dropdown">
|
|
<a class="dropdown-item dropdown-toggle <? if(preg_match("/about/",$_SERVER["PHP_SELF"])) { ?>active<? } ?>">
|
|
About
|
|
</a>
|
|
<hr class="nav--line <? if(preg_match("/about/",$_SERVER["PHP_SELF"])) { ?>line--active<? } ?> d-none">
|
|
<ul class="dropdown-menu">
|
|
<li>
|
|
<a class="dropdown-item" href="about1">Introduction</a>
|
|
</li>
|
|
<li>
|
|
<a class="dropdown-item" href="about2">History</a>
|
|
</li>
|
|
<li>
|
|
<a class="dropdown-item" href="about3">Certification</a>
|
|
</li>
|
|
|
|
</ul>
|
|
</li>
|
|
|
|
|
|
<li class="dropdown">
|
|
<a class="dropdown-item <? if(preg_match("/product/",$_SERVER["PHP_SELF"])) { ?>active<? } ?>" href="product">Products</a>
|
|
<hr class="nav--line <? if(preg_match("/product/",$_SERVER["PHP_SELF"])) { ?>line--active<? } ?> d-none">
|
|
</li>
|
|
|
|
<li class="dropdown">
|
|
<a class="dropdown-item <? if(preg_match("/solution/",$_SERVER["PHP_SELF"])) { ?>active<? } ?>" href="solution">
|
|
Solutions
|
|
</a>
|
|
<hr class="nav--line <? if(preg_match("/solution/",$_SERVER["PHP_SELF"])) { ?>line--active<? } ?> d-none">
|
|
</li>
|
|
|
|
<li class="dropdown">
|
|
<a class="dropdown-item <? if(preg_match("/career/",$_SERVER["PHP_SELF"])) { ?>active<? } ?>" href="career">Careers</a>
|
|
<hr class="nav--line <? if(preg_match("/career/",$_SERVER["PHP_SELF"])) { ?>line--active<? } ?> d-none">
|
|
</li>
|
|
|
|
<li class="dropdown">
|
|
<a class="dropdown-item <? if(preg_match("/contact/",$_SERVER["PHP_SELF"])) { ?>active<? } ?>" href="contact">Contact us</a>
|
|
<hr class="nav--line <? if(preg_match("/contact/",$_SERVER["PHP_SELF"])) { ?>line--active<? } ?> d-none">
|
|
</li>
|
|
|
|
<li class="dropdown">
|
|
<a class="dropdown-item dropdown-toggle" href="#">
|
|
<?if($language != "ko"){?>
|
|
ENGLISH
|
|
<?}else{?>
|
|
한국어
|
|
<?}?>
|
|
<i class="fas fa-angle-down"></i>
|
|
</a>
|
|
|
|
<ul class="dropdown-menu">
|
|
<li>
|
|
<a class="dropdown-item" href="<?=$_SERVER["PHP_SELF"]?>?lang=ko"> KOREAN</a>
|
|
</li>
|
|
<li>
|
|
<a class="dropdown-item" href="<?=$_SERVER["PHP_SELF"]?>?lang=en"> ENGLISH</a>
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
</ul>
|
|
|
|
</nav>
|
|
|
|
</div>
|
|
|
|
<button class="btn header-btn-collapse-nav" data-toggle="collapse" data-target=".header-nav-main nav">
|
|
|
|
<i class="fas fa-bars"></i>
|
|
|
|
</button>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</header>
|
|
|
|
|
|
<div role="main" class="main">
|