@extends('layouts.app')

@section('content')

<div id="catalog" class="container-fluid">
    <div class="pageTopTitle">
        <h1>Catalog</h1>
        <span>カタログ一覧</span>
    </div>
    <div class="container">
        <div class="contentArea">
            <div id="catalogArea">
                <div class="catalogItem catalogItemLeft">
                    <h5>総合カタログ</h5>
                    <img src="{{ asset('images/catalog/1.jpg') }}" alt="カタログ">
                    <a href="https://my.ebook5.net/tanakahashiten/vol5/" target="_brank"><button type="button" class="btn btnPrimary">カタログを表示</button></a>
                </div>
                <div class="catalogItem catalogItemRight">
                    <h5>T7カタログ</h5>
                    <img src="{{ asset('images/catalog/2.jpg') }}" alt="カタログ">
                    <a href="pdf/catalog/2.pdf#view=FitH" target="_brank"><button type="button" class="btn btnPrimary">カタログを表示</button></a>
                </div>
                <div class="catalogItem catalogItemLeft">
                    <h5>総合カタログ追加チラシ</h5>
                    <img src="{{ asset('images/catalog/3.jpg') }}" alt="カタログ">
                    <a href="https://my.ebook5.net/tanakahashiten/vol5-2/" target="_brank"><button type="button" class="btn btnPrimary">カタログを表示</button></a>
                </div>
                <div class="catalogItem catalogItemRight">
                    <h5>T7カタログ追加チラシ</h5>
                    <img src="{{ asset('images/catalog/4.jpg') }}" alt="カタログ">
                    <a href="pdf/catalog/4.pdf#view=FitH" target="_brank"><button type="button" class="btn btnPrimary">カタログを表示</button></a>
                </div>
                <p class="catalogNote">※カタログを閲覧するにはパスワードが必要となります。ご希望の方は<br class="br-sp"/><a href="{{ url('company') }}"><span>お電話</span></a>もしくは<a href="{{ url('contact') }}"><span>お問い合わせページ</span></a>にてご連絡をお願い致します。</p>
            </div>
        </div>
    </div>
</div>

@endsection