@extends('layouts.master-voyo')

@section('header')

<link rel="stylesheet" href="{{ URL::asset('voyo/inc/font-awesome/css/font-awesome.min.css') }}">
<link rel="stylesheet" href="{{ URL::asset('site/css/product.css') }}">
<link rel="stylesheet" href="{{ URL::asset('site/css/test.css') }}">
<link rel="stylesheet" href="{{ URL::asset('site/css/style.css') }}">


@stop

@section('content')

 	<!-- Page Header -->
	<header class="titlebar titlebar1">
		<div class="container">
			<div class="row">
				<div class="col-sm-12">
					<h1 class="page-title pull-left">Events</h1>
					<ol class="breadcrumb pull-right">
						<li><a href="#">Home</a></li>
						<li class="active">Events</li>
					</ol>
				</div>
			</div>
		</div>
	</header> <!-- END Page Header -->

	<section class="page-sidebar-left events section-4">
		<div class="container">
			<div class="row">
				<div class="col-sm-5 col-md-3">
					<ul class="nav nav-tabs vertical">
                    	<li class="active"><a href="#jan" data-toggle="tab">January</a></li>
                    	<li><a href="#feb" data-toggle="tab">February</a></li>
                    	<li><a href="#march" data-toggle="tab">March</a></li>
                    	<li><a href="#april" data-toggle="tab">April</a></li>
                    	<li><a href="#may" data-toggle="tab">May</a></li>
                    	<li><a href="#june" data-toggle="tab">June</a></li>
                    	<li><a href="#july" data-toggle="tab">July</a></li>
                    	<li><a href="#aug" data-toggle="tab">August</a></li>
                    	<li><a href="#sep" data-toggle="tab">September</a></li>
                    	<li><a href="#oct" data-toggle="tab">October</a></li>
                    	<li><a href="#nov" data-toggle="tab">November</a></li>
                    	<li><a href="#dec" data-toggle="tab">December</a></li>
					</ul>
				</div>
				<div class="col-sm-7 col-md-9 space-left">
					<div class="tab-content">
    					<div class="tab-pane fade in active" id="jan">
	    					<div class="col-sm-12">
								<h2 id="jan" class="section-title-2">January <i class="fa fa-calendar" data-unicode="f073"></i></h2>
								<div class="event-title">
									<a href="{{ URL::asset('partners')}}">OSIM</a>
									<small>January 12, 2014</small>
								</div>
								<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rerum, porro, dignissimos eum quod aliquid dolor quos iste sequi eaque minima fugit iure quidem atque ipsa ut quaerat necessitatibus sed veritatis velit dolore nihil repellat enim pariatur cupiditate ab est omnis deleniti quis culpa qui earum dolorum assumenda optio. Accusantium, commodi.</p>
							</div>
    					</div>
					    <div class="tab-pane fade" id="feb">
					    	<div class="col-sm-12">
								<h2 id="feb" class="section-title-2">February <i class="fa fa-calendar" data-unicode="f073"></i></h2>
								<div class="event-title">
									<a href="{{ URL::asset('partners')}}">Canon</a>
									<small>February 12, 2014</small>
								</div>
								<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rerum, porro, dignissimos eum quod aliquid dolor quos iste sequi eaque minima fugit iure quidem atque ipsa ut quaerat necessitatibus sed veritatis velit dolore nihil repellat enim pariatur cupiditate ab est omnis deleniti quis culpa qui earum dolorum assumenda optio. Accusantium, commodi.</p>
							</div>
					    </div>
					    <div class="tab-pane fade" id="march">
					    	<div class="col-sm-12">
								<h2 id="mar" class="section-title-2">March <i class="fa fa-calendar" data-unicode="f073"></i></h2>
								<div class="event-title">
									<a href="#">Stand a chance to win $500 OSIM Cash Voucher!</a>
									<small>March 1, 2012</small>
								</div>
								<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rerum, porro, dignissimos eum quod aliquid dolor quos iste sequi eaque minima fugit iure quidem atque ipsa ut quaerat necessitatibus sed veritatis velit dolore nihil repellat enim pariatur cupiditate ab est omnis deleniti quis culpa qui earum dolorum assumenda optio. Accusantium, commodi.</p>
							</div>
					    </div>
					    <div class="tab-pane fade" id="april">
					    	<div class="col-sm-12">
								<h2 id="apr" class="section-title-2">April <i class="fa fa-calendar" data-unicode="f073"></i></h2>
								<div class="event-title">
									<a href="{{ URL::asset('partners')}}">OSIM</a>
									<small>April 08, 2014</small>
								</div>
								<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rerum, porro, dignissimos eum quod aliquid dolor quos iste sequi eaque minima fugit iure quidem atque ipsa ut quaerat necessitatibus sed veritatis velit dolore nihil repellat enim pariatur cupiditate ab est omnis deleniti quis culpa qui earum dolorum assumenda optio. Accusantium, commodi.</p>
								<div class="event-title ev2">
									<a href="{{ URL::asset('partners')}}">Canon</a>
									<small>April 20, 2014</small>
								</div>
								<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rerum, porro, dignissimos eum quod aliquid dolor quos iste sequi eaque minima fugit iure quidem atque ipsa ut quaerat necessitatibus sed veritatis velit dolore nihil repellat enim pariatur cupiditate ab est omnis deleniti quis culpa qui earum dolorum assumenda optio. Accusantium, commodi.</p>	
							</div>
					    </div>
					    <div class="tab-pane fade" id="may">
					    	<div class="col-sm-12">
								<h2 id="may" class="section-title-2">May <i class="fa fa-calendar" data-unicode="f073"></i></h2>
								<div class="event-title">
									<a href="#">Meet the new Web</a>
									<small>May 25, 2014</small>
								</div>
								<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rerum, porro, dignissimos eum quod aliquid dolor quos iste sequi eaque minima fugit iure quidem atque ipsa ut quaerat necessitatibus sed veritatis velit dolore nihil repellat enim pariatur cupiditate ab est omnis deleniti quis culpa qui earum dolorum assumenda optio. Accusantium, commodi.</p>
							</div>
					    </div>
					    <div class="tab-pane fade" id="june">
					    	<div class="col-sm-12">
								<h2 id="jun" class="section-title-2">June <i class="fa fa-calendar" data-unicode="f073"></i></h2>
								<div class="event-title">
									<a href="#">OSIM Badminton Clinic</a>
									<small>June 25, 2012</small>
								</div>
								<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rerum, porro, dignissimos eum quod aliquid dolor quos iste sequi eaque minima fugit iure quidem atque ipsa ut quaerat necessitatibus sed veritatis velit dolore nihil repellat enim pariatur cupiditate ab est omnis deleniti quis culpa qui earum dolorum assumenda optio. Accusantium, commodi.</p>
							</div>
					    </div>
					    <div class="tab-pane fade" id="july">
					    	<div class="col-sm-12">
								<h2 id="jul" class="section-title-2">July <i class="fa fa-calendar" data-unicode="f073"></i></h2>
								<div class="event-title">
									<a href="#">Behind the scenes of National Day TVC</a>
									<small>July 9, 2013</small>
								</div>
								<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rerum, porro, dignissimos eum quod aliquid dolor quos iste sequi eaque minima fugit iure quidem atque ipsa ut quaerat necessitatibus sed veritatis velit dolore nihil repellat enim pariatur cupiditate ab est omnis deleniti quis culpa qui earum dolorum assumenda optio. Accusantium, commodi.</p>
							</div>
					    </div>
					    <div class="tab-pane fade" id="aug">
					    	<div class="col-sm-12">
								<h2 id="aug" class="section-title-2">August <i class="fa fa-calendar" data-unicode="f073"></i></h2>
								<div class="event-title">
									<a href="{{ URL::asset('partners')}}">Canon</a>
									<small>August 22, 2014</small>
								</div>
								<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rerum, porro, dignissimos eum quod aliquid dolor quos iste sequi eaque minima fugit iure quidem atque ipsa ut quaerat necessitatibus sed veritatis velit dolore nihil repellat enim pariatur cupiditate ab est omnis deleniti quis culpa qui earum dolorum assumenda optio. Accusantium, commodi.</p>
							</div>
					    </div>
					    <div class="tab-pane fade" id="sep">
					    	<div class="col-sm-12">
								<h2 id="sep" class="section-title-2">September <i class="fa fa-calendar" data-unicode="f073"></i></h2>
								<div class="event-title">
									<a href="#">Meet the new Web</a>
									<small>September 15, 2014</small>
								</div>
								<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rerum, porro, dignissimos eum quod aliquid dolor quos iste sequi eaque minima fugit iure quidem atque ipsa ut quaerat necessitatibus sed veritatis velit dolore nihil repellat enim pariatur cupiditate ab est omnis deleniti quis culpa qui earum dolorum assumenda optio. Accusantium, commodi.</p>
							</div>
					    </div>
					    <div class="tab-pane fade" id="oct">
					    	<div class="col-sm-12">
								<h2 id="oct" class="section-title-2">Octomber <i class="fa fa-calendar" data-unicode="f073"></i></h2>
								<div class="event-title">
									<a href="#">OSIM uDivine Party 天王派对(8th October 2011) – It hasn’t ended just yet!</a>
									<small>October 7, 2011</small>
								</div>
								<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rerum, porro, dignissimos eum quod aliquid dolor quos iste sequi eaque minima fugit iure quidem atque ipsa ut quaerat necessitatibus sed veritatis velit dolore nihil repellat enim pariatur cupiditate ab est omnis deleniti quis culpa qui earum dolorum assumenda optio. Accusantium, commodi.</p>
							</div>
					    </div>
					    <div class="tab-pane fade" id="nov">
					    	<div class="col-sm-12">
								<h2 id="nov" class="section-title-2">November <i class="fa fa-calendar" data-unicode="f073"></i></h2>
								<div class="event-title">
									<a href="{{ URL::asset('partners')}}">OSIM</a>
									<small>November 20, 2012</small>
								</div>
								<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rerum, porro, dignissimos eum quod aliquid dolor quos iste sequi eaque minima fugit iure quidem atque ipsa ut quaerat necessitatibus sed veritatis velit dolore nihil repellat enim pariatur cupiditate ab est omnis deleniti quis culpa qui earum dolorum assumenda optio. Accusantium, commodi.</p>
							</div>
					    </div>
					    <div class="tab-pane fade" id="dec">
					    	<div class="col-sm-12">
								<h2 id="dec" class="section-title-2">December <i class="fa fa-calendar" data-unicode="f073"></i></h2>
								<div class="event-title">
									<a href="{{ URL::asset('partners')}}">Canon</a>
									<small>December 25, 2013</small>
								</div>
								<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rerum, porro, dignissimos eum quod aliquid dolor quos iste sequi eaque minima fugit iure quidem atque ipsa ut quaerat necessitatibus sed veritatis velit dolore nihil repellat enim pariatur cupiditate ab est omnis deleniti quis culpa qui earum dolorum assumenda optio. Accusantium, commodi.</p>
							</div>
					    </div>
					</div>
					
				</div>
			</div>
		</div>
	</section> <!-- END Blog Page-->

	<!-- footer links -->
	@include('site.bottom-menu')
@stop

@section('footer')
@stop