@extends('layouts.master')

@section('head')
@parent
{{ HTML::style('css/home-min.css') }}
<!--[if IE 8]>
{{ HTML::style('css/home_ie8.css') }} 
<![endif]-->
<style>
.modal-body {
	color:black;
	font-size:14px;
}
</style>
<script>
document.createElement('header');
document.createElement('nav');
document.createElement('section');
document.createElement('article');
document.createElement('aside');
document.createElement('footer');
document.createElement('figure');
document.createElement('figcaption');
</script>
@stop

@section('menu')
@parent
@stop

@section('content')
<section id="slider-wrapper">
    <div class="container_24 clearfix">
        <div class="grid_24">

            <div id="slider" class="nivoSlider" style="position: relative;">
                @foreach($sliders as $slider)
                <a href="#" class="nivo-imageLink" style="display: block;">
                    {{ HTML::image(img_upload_url($slider->img_path), "紅色奇蹟", array('style' => 'display:none', "title" => "#sliderCaption2")) }}
                </a>
                @endforeach
                <div class="nivo-caption" style="opacity: 1;">
                    <div class="nivo-caption-inner" style="display: block; opacity: 0.25806399999999996;">
                    </div>
                </div>
                <div class="nivo-directionNav">
                    <a class="nivo-prevNav">Prev</a>
                    <a class="nivo-nextNav">Next</a>
                </div>
            </div>
        </div>
    </div>
</section> 
<div class="container_24 primary_content_wrap clearfix">
    <div class="grid_6 suffix_1">
<a href="{{ URL::to('article') }}">
        <div id="my_poststypewidget-6" class="widget">
            {{ HTML::image('images/16707730-s.jpg',"版權: <a href='http://tw.123rf.com/profile_melpomen'>melpomen / 123RF 免權利金圖像</a>") }}
            <h3>精選文章</h3>
            <p>Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta. Fusce suscipit varius mi. Cum...</p>
        </div> 
</a>
    </div>
    <div class="grid_6 suffix_1">
<a href="{{ URL::to('product') }}">
        <div id="my_poststypewidget-6" class="widget">
            {{ HTML::image('images/7888488-s.jpg',"版權: <a href='http://tw.123rf.com/profile_melpomen'>melpomen / 123RF 免權利金圖像</a>") }}
            <h3>特色商品</h3>
            <p>Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta. Fusce suscipit varius mi. Cum...</p>
        </div> 
</a>
    </div>
    <div class="grid_6 suffix_1">
<a href="{{ URL::to('activity') }}">
        <div id="my_poststypewidget-6" class="widget">
            {{ HTML::image('images/27941529-s.jpg',"版權: <a href='http://tw.123rf.com/profile_melpomen'>melpomen / 123RF 免權利金圖像</a>") }}
            <h3>活動回顧</h3>
            <p>Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta. Fusce suscipit varius mi. Cum...</p>
        </div> 
</a>
    </div>
    <div class="clearfix"></div>
</div> 

<div class="container_24 primary_content_wrap clearfix shift-content">
    <ul class="photo-grid">
        <li class="grid_8 suffix_1">
            <figure data-toggle="modal" data-target="#inf">
		    {{ HTML::image('images/10606932-s.jpg',"版權: <a href='http://tw.123rf.com/profile_melpomen'>melpomen / 123RF 免權利金圖像</a>") }}
                <figcaption><p>營業資訊</p></figcaption>
            </figure>
        </li>
        <li class="grid_8 suffix_1">
            <figure data-toggle="modal" data-target="#introduction">
		    {{ HTML::image('images/6470136-s.jpg',"版權: <a href='http://tw.123rf.com/profile_melpomen'>melpomen / 123RF 免權利金圖像</a>") }}
                <figcaption><p>餐點介紹</p></figcaption>
            </figure>
        </li>
        <li class="grid_8 suffix_1">
            <figure data-toggle="modal" data-target="#goods">
		    {{ HTML::image('images/33134369-s.jpg',"版權: <a href='http://tw.123rf.com/profile_melpomen'>melpomen / 123RF 免權利金圖像</a>") }}
                <figcaption><p>禮品訂購流程</p></figcaption>
            </figure>
        </li>
        <li class="grid_8 suffix_1">
            <figure data-toggle="modal" data-target="#contact">
		    {{ HTML::image('images/7191629-s.jpg',"版權: <a href='http://tw.123rf.com/profile_melpomen'>melpomen / 123RF 免權利金圖像</a>") }}
                <figcaption><p>聯絡方式</p></figcaption>
            </figure>
        </li>
        <div class="clearfix"></div>
    </ul>
    <div class="clearfix"></div>
</div> 
        </div> 
        <div id="back-top-wrapper">
<p id="back-top" style="display: none;">
<a href="#"><span></span>Back to Top</a>
</p>
        </div>

<!-- Modal -->
<div class="modal fade" id="contact" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
        <h4 class="modal-title" id="myModalLabel">聯絡方式</h4>
      </div>
      <div class="modal-body" >
<p>住址:台南市永康區東橋三路450號</p>
<p>電話:06-3037176</p>
<p>臉書粉絲專頁:</p>
<p><a href="https://www.facebook.com/pages/紅色奇蹟福音書坊/183218491732736">https://www.facebook.com/pages/紅色奇蹟福音書坊/183218491732736</a></p>
            {{ HTML::image('images/7191629-s.jpg',"版權: <a href='http://tw.123rf.com/profile_melpomen'>melpomen / 123RF 免權利金圖像</a>") }}
      </div>
    </div>
  </div>
</div>

<div class="modal fade" id="inf" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
        <h4 class="modal-title" id="myModalLabel">營業資訊</h4>
      </div>
      <div class="modal-body">
<p>紅色奇蹟經營方式因改為文創工作坊,因此營業時間改採預約制</p>
<p>可預約時間為星期一至星期六 10:30-20:30</p>
            {{ HTML::image('images/10606932-s.jpg',"版權: <a href='http://tw.123rf.com/profile_melpomen'>melpomen / 123RF 免權利金圖像</a>") }}
      </div>
    </div>
  </div>
</div>
<div class="modal fade" id="goods" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
        <h4 class="modal-title" id="myModalLabel">禮品訂購流程</h4>
      </div>
      <div class="modal-body">
<p>1.請將訂購商品之資料傳至紅色奇蹟粉絲頁或email至<a href="mailto:yhliao2012@gmail.com">yhliao2012@gmail.com</a></p>
<p>2.紅色奇蹟回覆訂單確認及報價</p>
<p>3.完成匯款後郵寄訂購商品</p>
            {{ HTML::image('images/33134369-s.jpg',"版權: <a href='http://tw.123rf.com/profile_melpomen'>melpomen / 123RF 免權利金圖像</a>") }}

      </div>
    </div>
  </div>
</div>
<div class="modal fade" id="introduction" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
        <h4 class="modal-title" id="myModalLabel">餐點介紹</h4>
      </div>
      <div class="modal-body">
<p>紅色奇蹟供有咖啡.茶及飲品..餐點部分採預約.客製化訂餐</p>
            {{ HTML::image('images/6470136-s.jpg',"版權: <a href='http://tw.123rf.com/profile_melpomen'>melpomen / 123RF 免權利金圖像</a>") }}
      </div>
    </div>
  </div>
</div>

@stop