| Server IP : 210.245.233.93 / Your IP : 216.73.216.226 Web Server : Apache/2.2.15 (CentOS) System : Linux webserver2.onesolution.com.hk 2.6.32-754.35.1.el6.x86_64 #1 SMP Sat Nov 7 12:42:14 UTC 2020 x86_64 User : apache ( 48) PHP Version : 5.3.3 Disable Function : exec, shell_exec, system, passthru, popen, proc_open, pcntl_exec MySQL : ON | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /var/www/hkosl.com/npl2/en/ |
Upload File : |
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>NPL</title>
<link rel="shortcut icon" href="../img/np_ico.png">
<!--stylesheets / link tags loaded here-->
<link rel="stylesheet" href="../css/bootstrap.css">
<link rel="stylesheet" href="../css/bootstrap.min.css">
<link rel="stylesheet" href="../css/full-slider.css">
<link rel="stylesheet" href="../css/style.css?v=2.1">
<link rel="stylesheet" href="../css/responsive.css">
</head>
<body>
<header>
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel" data-interval="false">
<div class="carousel-inner" role="listbox">
<!-- Slide One - Set the background image for this slide in the line below -->
<div class="carousel-item active" style="background-image: url('../img/slideshow-1.jpg')">
<div></div>
</div>
<!-- Slide Two - Set the background image for this slide in the line below -->
<div class="carousel-item" style="background-image: url('../img/slideshow-1.jpg')"> </div>
<!-- Slide Three - Set the background image for this slide in the line below -->
<div class="carousel-item" style="background-image: url('../img/slideshow-1.jpg')"> </div>
</div>
<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a>
<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="sr-only">Next</span> </a>
</div>
<div class="Header" style="background-image: url('../img/header-bg.jpg');">
<nav class="navbar navbar-default" role="navigation">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
</div>
<div class="navbar-brand">
<a class="" href="#"><img src="../img/logo-border.png" class="navbarLogo"> </div>
</a>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="container">
<div class="collapse navbar-collapse" id="navbar-collapse-1">
<ul class="nav navbar-nav navbar-left">
<li class="active"><a href="index.html">HOME</a> </li>
<li><a href="aboutus.html">ABOUT US</a> </li>
<li><a href="news.html">NEWS</a> </li>
<li><a href="products.html">PRODUCTS</a> </li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="download.html">DOWNLOAD</a> </li>
<li><a href="contact.html">CONTACT US</a> </li>
<li><a href="links.html">LINKS</a> </li>
<li>
<a href="#"></a>
</li>
</ul>
</div>
</div>
<!-- /.navbar-collapse -->
</nav>
</div>
</header>
<div class="flexContent">
<div class="left">
<div class="homegrid-lg">
<div class="videocontainer">
<iframe id="video1" class="Home-lg-Video" src="https://www.youtube.com/embed/s-ogYwqfYNQ" frameborder="0" allowfullscreen></iframe>
</div>
<img src="../img/videoimg.jpg" class="videoplay1">
</div>
</div>
<div class="right">
<div class="homegrid-sm">
<div class="videocontainer">
<iframe id="video2" class="Home-sm-Video" src="https://www.youtube.com/embed/s-ogYwqfYNQ" frameborder="0" allowfullscreen></iframe>
</div>
<img src="../img/product-01.jpg" class="videoplay2">
</div>
<div class="homegrid-sm-img">
<img src="../img/service-01.jpg">
</div>
</div>
</div>
<div class="clear"></div>
<div class="Intro">
<h4>National Products</h4>
<h2>ALL THE BEST FOR YOUR CHILD</h2>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
<a href="#" class="styleBTN BTN-HoverRed">About Us</a>
</div>
<div class="PhotoGrid">
<div class="container">
<div class="col-35">
<img src="../img/photo-01.jpg">
</div>
<div class="col-65">
<img src="../img/photo-02.jpg">
</div>
<div class="col-65">
<img src="../img/photo-03.jpg">
</div>
<div class="col-35">
<img src="../img/photo-04.jpg">
</div>
<div class="col-100 MarginTB50 TextAlign-center">
<a href="#" class="styleBTN BTN-HoverRed">View All Products</a>
</div>
</div>
</div>
<div class="news" style="background-image: url('../img/pattern-bg.jpg')">
<div class="container">
<h2>NEWS AND EVENTS</h2>
<div class="col-33Padding">
<div class="newsContent">
<img src="../img/news-01.jpg">
<h3>News Title</h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type </p>
<a href="#" class="borderBTN">Read More</a>
</div>
</div>
<div class="col-33Padding">
<div class="newsContent">
<img src="../img/news-02.jpg">
<h3>News Title</h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type </p>
<a href="#" class="borderBTN">Read More</a>
</div>
</div>
<div class="col-33Padding">
<div class="newsContent">
<img src="../img/news-03.jpg">
<h3>News Title</h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type </p>
<a href="#" class="borderBTN">Read More</a>
</div>
</div>
</div>
</div>
<a href="#" class="scrollToTop"><img src="../img/scrollTop-01.png"></a>
<div class="footer">
<img src="../img/logo-sm.png">
<div class="footerLink">
<a href="#">HOME</a>
<a href="#">ABOUT US</a>
<a href="#">NEWS</a>
<a href="#">PRODUCTS</a>
<a href="#">DOWNLOAD</a>
<a href="#">CONTACT US</a>
<a href="#">LINKS</a>
</div>
<div class="socialMedia">
<a href="#"><img src="../img/facebook-sm.png"></a>
<a href="#"><img src="../img/instagrem-sm.png"></a>
<a href="#"><img src="../img/twitter-sm.png"></a>
<a href="#"><img src="../img/pinterest-sm.png"></a>
</div>
<div class="copyright">
© 2017 National Products Ltd., All rights reserved.
</div>
</div>
<script src="../js/jquery.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/script.js"></script>
</body>
</html>