Sponsored Post Learn from the experts: Create a successful blog with our brand new courseThe WordPress.com Blog

WordPress.com is excited to announce our newest offering: a course just for beginning bloggers where you’ll learn everything you need to know about blogging from the most trusted experts in the industry. We have helped millions of blogs get up and running, we know what works, and we want you to to know everything we know. This course provides all the fundamental skills and inspiration you need to get your blog started, an interactive community forum, and content updated annually.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="style/style.css" />
<link rel="stylesheet" type="text/css" href="style/nivo-slider.css" />
<link rel="stylesheet" type="text/css" href="style/default.css"/>
<link rel="stylesheet" type="text/css" href="js/fancy-box/jquery.fancybox.css" />
<link rel="stylesheet" type="text/css" href="style/jquery.capty.css" />
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/jquery.nivo.slider.pack.js"></script>
<script type="text/javascript" src="js/jquery.capty.js"></script>
<script type="text/javascript" src="js/fancy-box/jquery.fancybox.js"></script>
<!----This is script for fancy box------------->
<script type="text/javascript">
	$(document).ready(function() {
		$(".fancybox").fancybox();
	});
</script>
<!----This is script for nivo-slider---->
<script type="text/javascript">
    /*$(window).load(function() {
        $('#slider').nivoSlider();		
    });*/
	$(window).load(function() {
		$('#slider').nivoSlider({
	afterChange: function(){ $('#slider').css('border-radius', '10px')}
	}
	);
	});
</script>
<!---This is script for caption hover image----->
<script type="text/javascript">
		$(function() {
			$('#content-1').capty({
				height:		66,
				opacity:	0.9
			});
			
			$('#content-2').capty({
				height:		66,
				opacity:	0.9
			});
			
			$('#content-3').capty({
				height:		66,
				opacity:	0.9
			});
		});
	</script>
<title>KC Food</title>
</head>

<body>
	<div id="wrapper">
    	<div id="header">
       		<div id="header-wrapper">
            	<div id="header-left">
                	<div class="logo">
                    	<a href="#"><img src="images/logo.png" /></a>
                    </div>
                </div> 
                <div id="header-right">
                	<div id="menu">
                    	<ul>
                        	<li><a href="#"><span class="home-logo"></span><span class="home icon">HOME</span></a></li>
                            <li><a href="#"><span class="about-logo"></span><span class="about icon">ABOUT</span></a></li>
                            <li><a href="#"><span class="product-logo"></span><span class="product icon">PRODUCT</span></a></li>                         
                            <li><a href="#"><span class="career-logo"></span><span class="career icon">CAREER</span></a></li>
                            <li><a href="#"><span class="contact-logo"></span><span class="contact icon">CONTACT</span></a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div id="container-wrapper">
        	<div id="container">
            	<div id="social-box">
                	<p class="social-link">
                    	<a href="#"><img src="images/fb.png" title=""/></a>
                        <a href="#"><img src="images/tw.png" title=""/></a>
                        <a href="#"><img src="images/youtube.png" title=""/></a>
                        <a href="#"><img src="images/rss.png" title=""/></a>
                        <a href="#"><img src="images/in.png" title=""/></a>
                    </p>
                </div>
              	<div class="slider-wrapper theme-default">
            		<div id="slider" class="nivoSlider">
                        <a href="#"><img src="images/slider.jpg" alt="" title=""/></a>
                        <a href="#"><img src="images/slider.jpg" alt="" title=""/></a>
                        <a href="#"><img src="images/slider.jpg" alt="" title=""/></a>
                	</div>
       			</div>
                <div id="sub-content">
                	<p>As a family-run business, we strongly believe inproviding the same quality health-conscious products to our                       valued customers that we serve at our own table dinner.<br /><br />
                         Carefully selecting raw materials, technically crafting the meat with uniquely traditional Khmer                         spices,beautifully packing the products with eco-friendly materials, and properly storing finished                         products at standard temperature make our dried meat truly premium and highly safe products. Our packed                          productsare available at supermarkets, food retailers, convenient stores and petrol stations, while our                          bulk productsare further combined and processed at bakeries, restaurants, entertainment clubs, hospitals                          and medical clinics. Direct order can also be done here.
                    </p>
                </div>
                <div id="main-content">
                	<h3>Product Categories</h3>
                    	<div class="box">
                        	<h4>Meat Floss</h4>
                            <img id="content-1" class="border-yellow" src="images/meat-floos.jpg" alt="" name="#content-target-1"/>

                            <div id="content-target-1">
                                <span style="color: #F00; float:left; font-size:20px; margin: 20px 0px 0 10px;">Meat Floss</span> 
                                <a href="#" title="#" class="go-button"></a>
                            </div>      
                            <p class="orange">lectus and all of the lam tricies nascetur ridiculus.
                               lectus and all of the lam tricies nascetur ridiculus.
                            </p>
                        </div>
                        <div class="box">
                        	<h4>Dried Meat</h4>
                            <img id="content-2" class="border-red" src="images/box-2.jpg" alt="" name="#content-target-2"/>

                            <div id="content-target-2">
                                <span style="color: #F00; float:left; font-size:20px; margin: 20px 0px 0 10px;">Dried Meat</span> 
                               <a href="#" title="#" class="go-button"></a>
                            </div>      
                            <p class="red">lectus and all of the lam tricies nascetur ridiculus.
                               lectus and all of the lam tricies nascetur ridiculus.
                            </p>
                        </div>
                       
                        <div class="box">
                        	<h4>Sausages</h4>
                            <img id="content-3" class="border-green" src="images/box-3.jpg" alt="" name="#content-target-3"/>

                            <div id="content-target-3">
                                <span style="color: #F00; float:left; font-size:20px; margin: 20px 0px 0 10px;">Sausages</span> 
                                <a href="#" title="#" class="go-button"></a>
                            </div>              
                            <p class="green">lectus and all of the lam tricies nascetur ridiculus.
                               lectus and all of the lam tricies nascetur ridiculus.
                            </p>
                        </div>
                </div>
            </div>
            <div id="sidebar">
            	<div id="change-lang">
                	<ul>
                    	<li><a href="#">ភាសាខ្មែរ</a></li>
                    	<li><img src="images/kh.png" alt="" title=""/></li>
                        <li><a href="#">English</a></li>
                    	<li><img src="images/en.png" alt="" title="" /></li>
                    </ul>
                </div>
                <div id="box-1">
                	<h1>Get Start Today!</h1>
                    <p><strong>Ask us anything. We are here to help.</strong> If you would like to discuss what the possibilities 	                       are, please feel free to contact us with no obligations!</p>
                    <a class="button" href="#">Contact Us</a>
                </div>
                <div id="box-2">
                	<h2>Our History</h2>
                    <a href="#"><img src="images/img-1.png" class="default" alt="This is alt" title=""/></a>
                    <p>As a family-run business, we strongly believe in providing the same quality thealth-conscious products to                       our valued customers that we serve at our own table dinner. </p>   
                    <h2>Our social work</h2>
                    <a href="#"><img src="images/img-2.png" class="default" alt="This is alt" title=""/></a>
                    <p>As a family-run business, we strongly believe in providing the same quality thealth-conscious products to                       our valued customers that we serve at our own table dinner. </p> 
                </div>
            </div>
        </div>
        <div id="footer-wrapper">
        	<div id="footer">
            	<div id="footer-content">
                	<div class="main-content">
                    	<h3>LASTEST NEWS</h3>
                        <div class="footer-box">
                        	<a href="#"><img src="images/footer-img-1.jpg" /></a>
                            <h5>Finibus Bonorum et Malorum</h5>
                            <p class="date">Date: 06 July 2012</p>
                            <p>Wow, this is seriously awesome. I was about to create my own plugin after trying many...</p>
                            <a class="read-more" href="#">Read More</a>
                        </div>
                    </div>
                    <div class="main-content">
                    	<h3>LASTEST NEWS</h3>
                        <div class="footer-box">
                        	<a href="#"><img src="images/footer-img-2.jpg" /></a>
                            <h5>Finibus Bonorum et Malorum</h5>
                            <p class="date">Date: 06 July 2012</p>
                            <p>Wow, this is seriously awesome. I was about to create my own plugin after trying many...</p>
                            <a class="read-more" href="#">Read More</a>
                        </div>
                    </div>
                </div>
            </div>
            <div id="sub-footer">
            	<div id="sub-footer-content">
                	<p>© 2012 Copyright 2012 KC Food Co.,Ltd.</p>
                </div>
            </div> 
        </div>
    </div>
</body>
</html>