/var/www/hkosl.com/kelvin/en/index.php


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!--[if !IE]>
<html class="no-js non-ie"> <![endif]-->
<!--[if IE 7 ]>
<html class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]>
<html class="no-js ie8"> <![endif]-->
<!--[if IE 9 ]>
<html class="no-js ie9"> <![endif]-->
<!--[if gt IE 9]><!-->
<html class="no-js"> <!--<![endif]-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Forleda Industrial Company Limited</title>
<meta name="keywords" content="">
<meta name="description" content="">
<link rel="stylesheet" type="text/css" href="../css/style.css">
<script type='text/javascript' src='../js/jquery.min.1.10.2.js'></script>
<script type='text/javascript' src='../js/jquery-migrate.min.1.2.1.js'></script>
<script type='text/javascript' src='../js/responsive-modernizr.2.6.1.js'></script>
<script type='text/javascript' src='../js/responsive-scripts.1.2.4.js'></script>
<!--Slide Show-->
<link rel="stylesheet" type="text/css" href="../css/smooth_slider.css">
<script type="text/javascript" src="../js/smooth_slider.js"></script>
<script type="text/javascript">jQuery("html").addClass("smooth_slider_fouc");jQuery(document).ready(function() {   jQuery(".smooth_slider_fouc #smooth_slider_1").css({"display" : "block"}); });jQuery(document).ready(function() {
        jQuery("#smooth_slider_1").cycle({ 
            fx: "scrollHorz",
            speed:"300",
            timeout: "5000",
            pager: "#smooth_slider_1_nav", 
            pagerAnchorBuilder: function(idx, slide) { 
                    return '<a class="sldr'+(idx+1)+' smooth_slider_nnav" href="#">&nbsp;</a>'; 
                },pause: 1
            ,slideExpr: "div.smooth_slideri"
        });});
</script>
<!--End of Slide Show-->
</head>

<body class="front-page">

<div id="container">

    <div id="header">
        <div id="logo">
            <a href="#"><img src="../images/logo.png" width="300" height="100" alt="Theme Preview"></a>
        </div><!-- end of #logo -->        
    
        <div class="main-nav">
            <ul class="menu">
            <li class="current_page_item"><a href="#">Home</a></li>
            <li><a href="#">About</a></li>
            <li><a href="#">Parent Page</a>
                <ul>
                <li><a href="#">Sub-page</a>
                    <ul>
                    <li><a href="#">Sub-page 2.1</a></li>
                    <li><a href="#">Sub-page 2.2</a></li>
                    <li><a href="#">Sub-page 2.3</a></li>
                    </ul>
                    </li>
                <li><a href="#">Sub-page</a></li>
                </ul></li>
            </ul>
        </div>
    </div><!-- end of #header -->

    <div id="wrapper" class="clearfix">

        <div id="featured" class="grid col-940">
            <div id="smooth_slider_1" class="smooth_slider" style="display:none;">
                <div class="smooth_sliderb">
                    <div class='smooth_slideri'><a href='#'><img src='../images/slide/slide_01.png' width='940' height='300' alt=""></a></div>
                    <div class='smooth_slideri'><a href='#'><img src='../images/slide/slide_02.png' width='940' height='300' alt=""></a></div>
                    <div class='smooth_slideri'><a href='#'><img src='../images/slide/slide_03.png' width='940' height='300' alt=""></a></div>
                    <div id="smooth_slider_1_nav" class="smooth_nav"></div>
                </div>
            </div>
        </div><!-- end of #featured -->

        <div id="widgets">
            <div class="grid col-300">
                <div class="widget-wrapper">
                    <div class="widget-title-home">
                        <h4>Home Widget 1</h4>
                    </div>
                    <div class="textwidget" style="height:107px;">
                        <img src='../images/highlight.png' width='100' height='100' alt="">
                    This is your first home widget box. To edit please go to Appearance > .
                    </div>
                </div><!-- end of .widget-wrapper -->
            </div><!-- end of .col-300 -->

            <div class="grid col-300">
                <div class="widget-wrapper">
                    <div class="widget-title-home">
                        <h4>Home Widget 2</h4>
                    </div>
                    <div class="textwidget" style="height:107px;">
                        <img src='../images/highlight.png' width='100' height='100' alt="">
                    This is your first home widget box. To edit please go to Appearance > Widgets and choose.
                    </div>
                </div><!-- end of .widget-wrapper -->
            </div><!-- end of .col-300 -->

            <div class="grid col-300 fit">
                <div class="widget-wrapper">
                    <iframe id="ytplayer" type="text/html" width="265" height="149.0625" src="https://www.youtube.com/embed/wlcyCLr_JNk?showinfo=0" frameborder="0" allowfullscreen></iframe>
                </div><!-- end of .widget-wrapper -->
            </div><!-- end of .col-300 fit -->
        </div><!-- end of #widgets -->
    
    </div><!-- end of #wrapper -->
    
</div><!-- end of #container -->

<div id="footer" class="clearfix">

    <div id="footer-wrapper">

        <div class="grid col-940">
            <div class="grid col-540"></div><!-- end of col-540 -->

            <div class="grid col-380 fit">
                <ul class="social-icons"></ul><!-- end of .social-icons -->
            </div><!-- end of col-380 fit -->
        </div><!-- end of col-940 -->
        
        <div class="grid col-300 copyright">
            &copy; 2013&nbsp;<a href="http://wp-themes.com/" title="Forleda Industrial Company Limited">Forleda Industrial Company Limited</a>
        </div><!-- end of .copyright -->

        <div class="grid col-300 scroll-top">
            <a href="#scroll-top" title="scroll to top">Back To Top</a>
        </div>

        <div class="grid col-300 fit powered">
            Powered by <a href="http://www.onesolution.com.hk/" title="One Solution Limited.">One Solution Limited.</a>
        </div><!-- end .powered -->

    </div><!-- end #footer-wrapper -->

</div><!-- end #footer -->
</body>
</html>