sosuke.iwabuchi
/
HT_DASHBOARD


			
				
					
						
						
							
							<html>
<style>
    main {
        width: 100%;
    }

    .main-container {
        width: 500px;
        margin: 0 auto;
    }

    .title {
        font-size: 30px;
        background-color: #0070c0;
        color: white;
        height: 100px;
        text-align: center;
        letter-spacing: 5px;
    }

    .title div {
        top: 30px;
        position: relative;

    }

    .center {
        margin: 0 auto;
    }

    .qr-container {
        margin-top: 100px;
        background-color: #0070c0;
        padding: 10px;
        width: 210;
    }

    .qr {
        width: 200px;
    }

    .description {
        margin-top: 50px;
    }

    .shop-name {
        margin-top: 20px;
        font-size: 20px;
        font-weight: bold;
    }
</style>

<body>
    <div class="main-container">

        <div class="title center">
            <div>
                駐車料金割引券発行ＱＲ
            </div>
        </div>
        <div class="qr-container center">

            <div class="center qr">
                {!! QrCode::size(200)->generate($url) !!}
            </div>
        </div>

        <div class="description">
            <div>※バーコード読み取り後、お手持ちのスマートフォンに割引QR(URL)</div>
            <div>&nbsp;&nbsp;が表示されます。出庫時に精算機にかざして使用して下さい。</div>
        </div>

        <div class="shop-name">
            &lt;{{ $shopName }}&gt;
        </div>
    </div>
</body>

</html>