<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title> Welkom bij Appartement</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>

    <style>
        /* /\/\/\/\/\/\/\/\/ CLIENT-SPECIFIC STYLES /\/\/\/\/\/\/\/\/ */
        #outlook a{padding:0;} /* Force Outlook to provide a "view in browser" message */
        .ReadMsgBody{width:100%;} .ExternalClass{width:100%;} /* Force Hotmail to display emails at full width */
        .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height: 100%;} /* Force Hotmail to display normal line spacing */
        body, table, td, p, a, li, blockquote{-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;} /* Prevent WebKit and Windows mobile changing default text sizes */
        table, td{mso-table-lspace:0pt; mso-table-rspace:0pt;} /* Remove spacing between tables in Outlook 2007 and up */
        img{-ms-interpolation-mode:bicubic;} /* Allow smoother rendering of resized image in Internet Explorer */
        /* /\/\/\/\/\/\/\/\/ RESET STYLES /\/\/\/\/\/\/\/\/ */
        body{margin:0; padding:0;}
        img{border:0; height:auto; line-height:100%; outline:none; text-decoration:none;}
        table{border-collapse:collapse !important;}
        body, #bodyTable, #bodyCell{height:100% !important; margin:0; padding:0; width:100% !important;}

        @font-face {
            font-family: 'Montserrat';
            font-style: normal;

            src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
        }

        body, #bodyTable, #bodyCell, table, td, tr {
            font-family: Montserrat, sans-serif;
        }

        #bodyTable {
            background-color: #fdfdfd;
        }


        .header {
            background-color: #F15A4D;
            padding: 8px 0;
        }
        .header-padding{
            padding: 10px 0;
        }
        .content-padding {
            padding: 40px;
        }

        h3 {
            margin: 0;

            padding-bottom: 20px;
            font-size: 30px;
        }

        p {
            font-size: 14px;
            line-height: 20px;
            padding-bottom: 15px;
        }
        h6 {
            font-size: 16px;
            padding-bottom: 15px;
            margin: 0;
        }

        button, .link-button, a.link-button {
            padding: 14px 30px;
            text-align: center;
            font-size: 16px;
            font-weight: bold;
            color: white;
            background-color: #F15A4D;
            border: 1px solid #707070;
            display: inline-block;
            text-decoration: none;
        }
        .contact {
            color: #7D7D7D;
            font-size: 14px;
            padding-top: 12px;
            padding-bottom: 4px;
        }
        .container {
            width: 580px;
            background-color: #fafafa;
            max-width: 100%;
        }

    </style>
</head>
<body style="margin: 0; padding: 0;">
<table cellpadding="0" cellspacing="0" width="100%" style="background-color: #fdfdfd" id="bodyTable">
    <tr>
        <td id="bodyCell">
            <table align="center" cellpadding="0" cellspacing="0" class="container">
                <tr>
                    <td>
                        <table cellpadding="0" cellspacing="0" width="100%" class="header">
                            <tr>
                                <td class="header-padding">
                                    <table cellpadding="0" cellspacing="0" align="center">
                                        <tr>
                                            <td>
                                                <img src="https://landing.app-artement.nl/img/mail/logo.png"/>
                                            </td>
                                        </tr>
                                    </table>

                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
                <tr>
                    <td class="content-padding">
{{--                        <h3> Welkom bij Appartement</h3>--}}
                        <h6>Beste {{$contactPerson}},</h6>

                        @yield("content")

                        <div style="border-top: 1px solid #ECECEC"></div>
                        <div class="contact">
                            Met vriendelijke groet, <br/>
                            Team Appartement <br/> <br/>

                            Appartement App <br/>
                            Poort van Uden <br/>
                            Rondweg 55 <br/>
                            5406 NK Uden <br/>
                            <a href="mailto:info@app-artement.nl">info@app-artement.nl</a> <br/>
                            <a href="https://www.app-artement.nl" target="_blank">www.app-artement.nl</a>
                        </div>

                    </td>
                </tr>



            </table>



        </td>
    </tr>

</table>
</body>
</html>
