{{ define "main" }}

<section class="section43 d-flex align-items-center" style="padding-top:50px;">
    <div class="text-center mx-auto">
        <h1>模組系統櫃單品</h1>
    </div>
</section>

<amp-img
    alt="小寶優居-首購族首選 安心成家 室內設計品牌"
    src="/img/system_furniture2/banner.webp"
    width="5339"
    height="2657"
    layout="responsive">
</amp-img>

<section class="section39">
    <div class="container text-center">
        <div class="row mb-3">
            <div class="col">
                <a href="/solid_wood_furniture">
                    <button class="btn btn-outline-white"><b>關於設計家具</b></button>
                </a>
                <a href="/system_furniture">
                    <button class="btn btn-light"><b>關於模組系統櫃 <i class="fa fa-caret-down"></i></b></button>
                </a>
            </div>
        </div>
        <a href="/custom_made_system_cabinet">客製模組系統櫃</a><span class="bar">|</span><a href="/system_cabinet">模組系統櫃單品</a>
    </div>  
</section>

<div class="page-wrapper title-link">
    <div class="container">
        <div class="row" style="padding:30px 0;">
            <div class="col-md-12">
                <div class="row row-cols-1 row-cols-sm-4">
                    {{ $paginator := .Paginate .Data.Pages }}
                    {{ range $paginator.Pages }}
                    <div class="col">                
                        <div class="h-100">
                            <a href="{{ .RelPermalink }}">
                                <amp-img
                                    alt="{{ .Title }}"
                                    src="{{ .Params.Image | relURL }}"
                                    height="1"
                                    width="1"
                                    layout="responsive">
                                </amp-img>
                            </a>
                            <div class="card-body text-center">
                                <a href="{{ .RelPermalink }}">
                                    <div class="title-size"><b>{{ .Title }}</b></div>
                                </a>
                            </div>
                        </div>
                    </div>
                    {{ end }}
                </div>
            </div>
        </div>
    </div>
</div>

{{ end }}