<!doctype html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=11">
    <title>My Property Abroad</title>
    <meta name="description" content="A brand new programme on how to buy, rennovate and beyond, overseas. " />
    <meta name="keywords" content="" />
    <link rel="shortcut icon" href="https://www.mypropertyabroad.com/wp-content/themes/mypropertyabroad/favicon.ico" />
    <style type="text/css">

        @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

        body { font-family: "Montserrat", sans-serif; font-optical-sizing: auto; font-size: 16px; line-height:2em; position: relative;  font-weight:normal; margin-bottom:0!important; background:#111;  font-optical-sizing: auto; }

        body, html {  padding: 0; margin: 0;
            height: 100vh; width: 100vw; overflow-x:hidden; overflow-y:auto;
            background: #fff;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
        }
        body { display:flex; flex-direction:row; align-items: safe center; justify-content:safe center; }

        #laura { max-width:30%;}
        #laura_mobile { display:none; }
        .bgimg {display:flex; flex-direction:column; align-items:safe center; justify-content:safe center; }

        h1 { text-transform: uppercase; font-weight: normal; font-size: 22px; margin: 0;}
        h2 { text-transform: none; font-weight: normal; font-size: 72px; margin: 0;}

        .row1,.row2 { display:block; width:100%; }

        div.text {
        text-align:center;
            width:100%;
            color: #11b4d7;
            box-sizing:border-box;
            padding: 30px 0; background: rgba(255,255,255,.6);
            -webkit-backdrop-filter:blur(10px);
            border-radius: 0px;
            font-size: 22px; line-height:1.1em;
        }
        div.text h2{ font-size: 32px; text-transform:uppercase; font-weight:bold; line-height:1.1em; margin: 0 0 10px; }

        div.bricks h2 { font-size:32px; text-align:center; text-transform:uppercase; color:#007984; margin:30px 0 25px; font-weight:bold;}

        #mc_embed_shell { width:100%;
        flex-grow:1;
        color: #000;
         background: rgba(255,255,255,.6);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter:blur(10px);
        box-shadow:none;
        border:none;
        border-radius: 0px;
        }

        #mc_embed_signup .button { color:#fff!important; font-weight:bold; margin-top:20px!important; margin-bottom:20px!important;}
        #mc_embed_signup h2 { color:#007984; text-align:center;  }
        .mc-field-group input { border:solid 1px #ddd!important; border-radius:6px!important;}
        #mc_embed_signup .mc-field-group label { font-size:14px; margin-bottom:0!important; height:35px;}
        #mc_embed_signup .mc-field-group { padding:0!important; float:left; width:calc(33.3% - 10px)!important; box-sizing:border-box!important; margin:0 5px; clear:none!important;}
        #mc_embed_signup { background:none!important; font:inherit!important; width:100%!important;  }
        #mc_embed_signup .indicates-required { font-weight:normal; margin-right:0!important; float:right; display:none;}
        #mc_embed_signup .clear { width:100%; display:block; position:relative; float:left; text-align:center; }
        #mc_embed_signup .button { width:120px; margin:0 auto; float:none!important;}

        .fields { display:flex; gap:10px; align-items:flex-end}

        .text-holder { max-width:1100px; width:100%; margin:0 auto; text-align:center;}

        .text-holder > * { flex-grow:1;}

        .middle { text-align:center; }

        .middle img { max-width: 100%; margin:0 auto;}

        .text {  left: 0; bottom: 0;  }

        #flags { width:90%; max-width:900px; margin:0 auto 40px;  display:grid; gap:20px;  grid-template-columns: repeat(7, 1fr);}
        #flags div { text-align:center;  }
        #flags div img { width:70%; border-radius:4px; box-shadow:0 0 8px rgba(125,125,125,.3)}
        #flags div h3 { font-size:13px;}


        form {  font-family: "Montserrat", sans-serif!important; font-optical-sizing: auto;}
        form h2 { font-size: 16px; font-weight: bold; margin: 0 0 10px;}
        form input { padding: 8px 15px; border-radius: 4px; color: #000; display:inline-block; float: left; background: rgba(255,255,255,.8); border: none;
        box-shadow:0 0 8px rgba(255,255,255,.3);
        border:solid 1px rgba(0,0,0,.05);
        border-radius: 6px; }
        form input[type=submit] { cursor: pointer; font-family: "Montserrat", sans-serif!important; font-weight: bold; margin-left: 10px;  color: #000;
        background: -webkit-linear-gradient(left, #007984,#11b4d7);
        background: -o-linear-gradient(left, #007984,#11b4d7);
        background: -moz-linear-gradient(left, #007984,#11b4d7);
        background: linear-gradient(left, #007984,#11b4d7);
        }
        .middle img { display:block; width:540px;}

        hr {
            margin: auto; border-color: #777;
            width: 40%;
        }

        .social { font-weight:normal; font-size:16px; text-transform:none;  display:flex; align-items:center; margin-top:20px; gap:10px; padding:0px 1px 0px 10px; background:#fff; border-radius:4px; text-align:center; color:#000; display:none; }

        .instagram { width: 30px; height: 30px; display: inline-block; float: left;}
        .instagram svg { max-width: 100%; max-height: 100%; display: block;}


        .bricks { width:100%; margin-bottom:30px; max-width:100%;}
        .bricks img { width:100%;}

        #ContactForm { text-align:center; display: flex; justify-content:center; position: relative; float: left; width: 100%;}
        #ContactForm input { border-color:#ddd;}
        #ContactForm input[type="submit"] { color:#fff;}


        @media (max-width: 767px) {

        #flags { grid-template-columns: repeat(2, 1fr); gap:10px;}
        #ContactForm { display:flex; flex-direction:column; padding:30px; width:calc(100% - 60px); margin:0 auto; }
        #laura { display:none!important; }
        #laura_mobile { display:block; max-width:80%; margin:0 auto; }
        #mc_embed_signup .mc-field-group { width:calc(100% - 10px)!important; }

            .row1,.row2 { flex-direction:row; flex-wrap:wrap; max-width:100%;}
            div.text,div.bricks h2 {width:100%; padding:0 15px; font-size:22px; text-align:center; box-sizing:border-box;}
            body, html { overflow-y: scroll; height: auto; }
            .middle {position: relative; width: 80%; margin: 30px auto;  text-align: center; }
            .text {position: relative;}
            form input { text-align: center; font-size: 16px; width:calc(100% - 30px); margin: 0 0 10px!important;}
            form input[type=submit] {width: 100%}
            .instagram { margin: 0 auto; float: left;}
            .social { flex-direction:column; justify-content:center; padding:0 15px 40px;}
            .bgimg {gap:30px;}
        }

    </style>
</head>

<body>

<img id="laura" src="https://www.mypropertyabroad.com/wp-content/themes/mypropertyabroad/images/laura_side.jpg"/>

<div class="bgimg">

    <div class="row1">
        <div class="middle">
            <img src="https://www.mypropertyabroad.com/wp-content/themes/mypropertyabroad/images/logo.jpg'"/>
        </div>

        <div class="text">
            <h2>Coming Soon</h2>
            An Online Educational Program brought to you by Laura Hamilton.<br/>
            Learn how to ‘Buy, Renovate & Beyond’
            <img id="laura_mobile" src="https://www.mypropertyabroad.com/wp-content/themes/mypropertyabroad/images/laura_side.jpg"/>
        </div>
    </div>

    <div class="row2">

        <div class="bricks">
            <h2>Getting your bricks in A row</h2>
            <img src="https://www.mypropertyabroad.com/wp-content/themes/mypropertyabroad/images/bricks.jpg"/>
        </div>

        <div id="flags">
            <div><h3>Spain</h3><img src="https://www.mypropertyabroad.com/wp-content/themes/mypropertyabroad/images/spain.jpg"/></div>
            <div><h3>France</h3><img src="https://www.mypropertyabroad.com/wp-content/themes/mypropertyabroad/images/france.jpg"/></div>
            <div><h3>Portugal</h3><img src="https://www.mypropertyabroad.com/wp-content/themes/mypropertyabroad/images/portugal.jpg"/></div>
            <div><h3>Italy</h3><img src="https://www.mypropertyabroad.com/wp-content/themes/mypropertyabroad/images/italy.jpg"/></div>
            <div><h3>Florida</h3><img src="https://www.mypropertyabroad.com/wp-content/themes/mypropertyabroad/images/florida.jpg"/></div>
            <div><h3>Dubai</h3><img src="https://www.mypropertyabroad.com/wp-content/themes/mypropertyabroad/images/dubai.jpg"/></div>
            <div><h3>South Africa</h3><img src="https://www.mypropertyabroad.com/wp-content/themes/mypropertyabroad/images/south_africa.jpg"/></div>
        </div>

        <div class="col-xs-12 ">

            <div id="mc_embed_shell">
                <link href="//cdn-images.mailchimp.com/embedcode/classic-061523.css" rel="stylesheet" type="text/css">
                <style type="text/css">
                #mc_embed_signup{background:#fff; false;clear:left; font:14px Helvetica,Arial,sans-serif; width: 600px;}
                /* Add your own Mailchimp form style overrides in your site stylesheet or in this style block.
                   We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
                </style>
                <div id="mc_embed_signup">
                    <form action="https://laurahamiltonofficial.us9.list-manage.com/subscribe/post?u=07f6d49678038b563ad419291&amp;id=e20dcc4b4c&amp;f_id=00c6c2e1f0" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank">
                        <div id="mc_embed_signup_scroll"><h2>Get in the know</h2>
                            <div class="indicates-required"><span class="asterisk">*</span> indicates required</div>
                            <div class="mc-field-group"><label for="mce-EMAIL">Email Address <span class="asterisk">*</span></label><input type="email" name="EMAIL" class="required email" id="mce-EMAIL" required="" value=""></div><div class="mc-field-group"><label for="mce-FNAME">First Name </label><input type="text" name="FNAME" class=" text" id="mce-FNAME" value=""></div><div class="mc-field-group"><label for="mce-LNAME">Last Name </label><input type="text" name="LNAME" class=" text" id="mce-LNAME" value=""></div>
                            <div hidden=""><input type="hidden" name="tags" value="18"></div>
                            <div id="mce-responses" class="clear">
                                <div class="response" id="mce-error-response" style="display: none;"></div>
                                <div class="response" id="mce-success-response" style="display: none;"></div>
                            </div><div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_07f6d49678038b563ad419291_e20dcc4b4c" tabindex="-1" value=""></div><div class="clear"><input type="submit" name="subscribe" id="mc-embedded-subscribe" class="button" value="Subscribe"></div>
                        </div>
                    </form>
                </div>
                <script type="text/javascript" src="//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js"></script><script type="text/javascript">(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';fnames[3]='ADDRESS';ftypes[3]='address';fnames[4]='PHONE';ftypes[4]='phone';fnames[5]='BIRTHDAY';ftypes[5]='birthday';fnames[6]='COMPANY';ftypes[6]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script></div>


        </div>



    <div class="social">
        Follow us on Instagram
        <a class="instagram" target="_blank" href="https://instagram/com/@myrevovationinthesun">
            <svg preserveAspectRatio="none" viewBox="0 0 132 132" xmlns="http://www.w3.org/2000/svg" width="132.004" height="132" xmlns:xlink="http://www.w3.org/1999/xlink">
                <defs>
                    <linearGradient id="b">
                        <stop offset="0" stop-color="#3771c8"/>
                        <stop stop-color="#3771c8" offset=".128"/>
                        <stop offset="1" stop-color="#60f" stop-opacity="0"/>
                    </linearGradient>
                    <linearGradient id="a">
                        <stop offset="0" stop-color="#fd5"/>
                        <stop offset=".1" stop-color="#fd5"/>
                        <stop offset=".5" stop-color="#ff543e"/>
                        <stop offset="1" stop-color="#c837ab"/>
                    </linearGradient>
                    <radialGradient id="c" cx="158.429" cy="578.088" r="65" xlink:href="#a" gradientUnits="userSpaceOnUse" gradientTransform="matrix(0 -1.98198 1.8439 0 -1031.402 454.004)" fx="158.429" fy="578.088"/>
                    <radialGradient id="d" cx="147.694" cy="473.455" r="65" xlink:href="#b" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.17394 .86872 -3.5818 .71718 1648.348 -458.493)" fx="147.694" fy="473.455"/>
                </defs>
                <path fill="url(#c)" d="M65.03 0C37.888 0 29.95.028 28.407.156c-5.57.463-9.036 1.34-12.812 3.22-2.91 1.445-5.205 3.12-7.47 5.468C4 13.126 1.5 18.394.595 24.656c-.44 3.04-.568 3.66-.594 19.188-.01 5.176 0 11.988 0 21.125 0 27.12.03 35.05.16 36.59.45 5.42 1.3 8.83 3.1 12.56 3.44 7.14 10.01 12.5 17.75 14.5 2.68.69 5.64 1.07 9.44 1.25 1.61.07 18.02.12 34.44.12 16.42 0 32.84-.02 34.41-.1 4.4-.207 6.955-.55 9.78-1.28 7.79-2.01 14.24-7.29 17.75-14.53 1.765-3.64 2.66-7.18 3.065-12.317.088-1.12.125-18.977.125-36.81 0-17.836-.04-35.66-.128-36.78-.41-5.22-1.305-8.73-3.127-12.44-1.495-3.037-3.155-5.305-5.565-7.624C116.9 4 111.64 1.5 105.372.596 102.335.157 101.73.027 86.19 0H65.03z" transform="translate(1.004 1)"/>
                <path fill="url(#d)" d="M65.03 0C37.888 0 29.95.028 28.407.156c-5.57.463-9.036 1.34-12.812 3.22-2.91 1.445-5.205 3.12-7.47 5.468C4 13.126 1.5 18.394.595 24.656c-.44 3.04-.568 3.66-.594 19.188-.01 5.176 0 11.988 0 21.125 0 27.12.03 35.05.16 36.59.45 5.42 1.3 8.83 3.1 12.56 3.44 7.14 10.01 12.5 17.75 14.5 2.68.69 5.64 1.07 9.44 1.25 1.61.07 18.02.12 34.44.12 16.42 0 32.84-.02 34.41-.1 4.4-.207 6.955-.55 9.78-1.28 7.79-2.01 14.24-7.29 17.75-14.53 1.765-3.64 2.66-7.18 3.065-12.317.088-1.12.125-18.977.125-36.81 0-17.836-.04-35.66-.128-36.78-.41-5.22-1.305-8.73-3.127-12.44-1.495-3.037-3.155-5.305-5.565-7.624C116.9 4 111.64 1.5 105.372.596 102.335.157 101.73.027 86.19 0H65.03z" transform="translate(1.004 1)"/>
                <path fill="#fff" d="M66.004 18c-13.036 0-14.672.057-19.792.29-5.11.234-8.598 1.043-11.65 2.23-3.157 1.226-5.835 2.866-8.503 5.535-2.67 2.668-4.31 5.346-5.54 8.502-1.19 3.053-2 6.542-2.23 11.65C18.06 51.327 18 52.964 18 66s.058 14.667.29 19.787c.235 5.11 1.044 8.598 2.23 11.65 1.227 3.157 2.867 5.835 5.536 8.503 2.667 2.67 5.345 4.314 8.5 5.54 3.054 1.187 6.543 1.996 11.652 2.23 5.12.233 6.755.29 19.79.29 13.037 0 14.668-.057 19.788-.29 5.11-.234 8.602-1.043 11.656-2.23 3.156-1.226 5.83-2.87 8.497-5.54 2.67-2.668 4.31-5.346 5.54-8.502 1.18-3.053 1.99-6.542 2.23-11.65.23-5.12.29-6.752.29-19.788 0-13.036-.06-14.672-.29-19.792-.24-5.11-1.05-8.598-2.23-11.65-1.23-3.157-2.87-5.835-5.54-8.503-2.67-2.67-5.34-4.31-8.5-5.535-3.06-1.187-6.55-1.996-11.66-2.23-5.12-.233-6.75-.29-19.79-.29zm-4.306 8.65c1.278-.002 2.704 0 4.306 0 12.816 0 14.335.046 19.396.276 4.68.214 7.22.996 8.912 1.653 2.24.87 3.837 1.91 5.516 3.59 1.68 1.68 2.72 3.28 3.592 5.52.657 1.69 1.44 4.23 1.653 8.91.23 5.06.28 6.58.28 19.39s-.05 14.33-.28 19.39c-.214 4.68-.996 7.22-1.653 8.91-.87 2.24-1.912 3.835-3.592 5.514-1.68 1.68-3.275 2.72-5.516 3.59-1.69.66-4.232 1.44-8.912 1.654-5.06.23-6.58.28-19.396.28-12.817 0-14.336-.05-19.396-.28-4.68-.216-7.22-.998-8.913-1.655-2.24-.87-3.84-1.91-5.52-3.59-1.68-1.68-2.72-3.276-3.592-5.517-.657-1.69-1.44-4.23-1.653-8.91-.23-5.06-.276-6.58-.276-19.398s.046-14.33.276-19.39c.214-4.68.996-7.22 1.653-8.912.87-2.24 1.912-3.84 3.592-5.52 1.68-1.68 3.28-2.72 5.52-3.592 1.692-.66 4.233-1.44 8.913-1.655 4.428-.2 6.144-.26 15.09-.27zm29.928 7.97c-3.18 0-5.76 2.577-5.76 5.758 0 3.18 2.58 5.76 5.76 5.76 3.18 0 5.76-2.58 5.76-5.76 0-3.18-2.58-5.76-5.76-5.76zm-25.622 6.73c-13.613 0-24.65 11.037-24.65 24.65 0 13.613 11.037 24.645 24.65 24.645C79.617 90.645 90.65 79.613 90.65 66S79.616 41.35 66.003 41.35zm0 8.65c8.836 0 16 7.163 16 16 0 8.836-7.164 16-16 16-8.837 0-16-7.164-16-16 0-8.837 7.163-16 16-16z"/>
            </svg>
        </a>
    </div>

</div>

</body>
</html>
