Untitled

<html>

<head>
    <style type="text/css">
        .video-wrapper {
            display: none;
        }

        @media (-webkit-min-device-pixel-ratio: 0) and (min-device-width:1024px) {
            .video-wrapper {
                display: block !important;
            }

            .video-fallback {
                display: none !important;
            }
        }

        @supports (-webkit-overflow-scrolling:touch) and (color:#ffffffff) {
            div[class^=video-wrapper] {
                display: block !important;
            }

            div[class^=video-fallback] {
                display: none !important;
            }
        }

    </style>
</head>

<body style="margin: 0px;">
    <div class="wrapper" style="width: 720px; margin: 0 auto;">
        <div>
            <div style="padding: 50px 40px 30px 40px;">
                <img src="https://s3.eu-central-1.amazonaws.com/youspace-email-images/crop.png" style="width:170px">
            </div>
            <div style="padding: 20px 40px 0px 40px;
    font-size: 30px;
    color: rgb(138,140,143);">
                Hi Vladimir,
            </div>
            <div style="padding: 5px 40px 0px 40px;
    font-size: 30px;
    color: rgb(138,140,143);">
                Welcome to the family.
            </div>
            <div style="padding: 15px 40px 0px 40px;
    font-size: 25px;
    color: rgb(239, 130, 72);">
                Your registration is completed successfully.
            </div>
            <div style="padding: 15px 40px 20px 40px;
    font-size: 20px;
    color: rgb(138,140,143); font-style: italic">
                See below for details.
            </div>
            <div>
                <img style="width: 100%;"
                    src="https://s3.eu-central-1.amazonaws.com/youspace-email-images/Artboard+1+copy+6.png">
            </div>
            <div style="padding: 20px 40px 20px 40px;
    font-size: 25px;
    color: rgb(239, 130, 72);">
                Space. Life.
            </div>
            <div style="padding: 0px 40px 20px 40px;
    font-size: 35px;
    color: rgb(102, 102, 102);">
                Vladimir Mijatovic
            </div>
            <div style="padding: 0px 40px 20px 40px;
    font-size: 27px;
    color: rgb(102, 102, 102)">
                Str. Go up then down, first red hose. <br>
                Belgrade, 00000 Serbia.
            </div>
            <div style="padding: 0px 40px 5px 40px;
    font-size: 27px;
    color: rgb(102, 102, 102);">
                +1234567890
            </div>
            <div style="padding: 0px 40px 0px 40px;
    font-size: 27px;
    color: rgb(102, 102, 102);">
                vmijatovic@gmail.com
            </div>
            <div style="padding: 20px 40px 20px 40px;">
                <hr style="background-color: rgb(222,222,222); border: none; height: 2px">
            </div>
            <div style="padding: 0px 40px 0px 0px;
                position: relative;

    font-size: 20px;
    color: rgb(239, 130, 72);">
                <hr style="    background-color: rgb(239, 130, 72);
                width: 20px;
                height: 2px;
                border: none;
                display: inline-block;
                top: 4px;
                position: relative;
                margin-right: 13px;">
                What is this service
            </div>
            <div style="padding: 20px 40px 0px 40px;
    font-size: 27px;
    color: rgb(102, 102, 102)">
                Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Lorem ipsum dolor sit amet, consectetur
                adipiscing
                elit. Nulla vitae elit libero, a pharetra augue. Cras mattis consectetur purus sit amet fermentum.
            </div>
            <div style="padding: 20px 40px 20px 40px;">
                <hr style="background-color: rgb(222,222,222); border: none; height: 2px">
            </div>
            <div style="padding: 0px 40px 20px 0px;
    font-size: 20px;
    position: relative;
    color: rgb(239, 130, 72);">
                <hr style="    background-color: rgb(239, 130, 72);
                width: 20px;
                height: 2px;
                border: none;
                display: inline-block;
                top: 4px;
                position: relative;
                margin-right: 13px;">
                How it works? </div>
            <div style="padding: 0px 40px 0px 40px;
    font-size: 27px;
    color: rgb(102, 102, 102);">
                <div class="video-wrapper" style="display:none;">
                    <video style="width: 100%;" controls="controls"
                        poster="https://s3.eu-central-1.amazonaws.com/youspace-email-images/Artboard+1+copy+11.png"
                        src="https://s3.eu-central-1.amazonaws.com/youspace-email-images/YouSpace++Prostor+gde+%C5%BEivimo+jeste+va%C5%BEan!.mp4">

                        <a href="https://youspace.rs"><img height="176"
                                src="https://s3.eu-central-1.amazonaws.com/youspace-email-images/Artboard+1+copy+11.png"
                                width="320" /></a>
                    </video>
                </div>
                <!-- fallback section -->
                <div class="video-fallback" style="text-align: center;">
                    <a href="https://youspace.rs">
                        <img style="width:70%"
                            src="https://s3.eu-central-1.amazonaws.com/youspace-email-images/Artboard+1+copy+11.png"
                             />
                    </a>
                </div>
            </div>
            <div style="padding: 20px 40px 20px 40px;">
                <hr style="background-color: rgb(222,222,222); border: none; height: 2px">
            </div>
            <div style="padding: 0px 40px 20px 0px;
    font-size: 20px;
    position: relative;
    color: rgb(239, 130, 72);">
                <hr style="    background-color: rgb(239, 130, 72);
                width: 20px;
                height: 2px;
                border: none;
                display: inline-block;
                top: 4px;
                position: relative;
                margin-right: 13px;">
                Whats next? </div>
            <div style="padding: 0px 40px 20px 40px;
    font-size: 27px;
    color: rgb(102, 102, 102);">
                You can start by,
            </div>
            <div style="padding: 0px 40px 20px 40px;
    font-size: 27px;
    color: rgb(102, 102, 102);">
                <img src="https://s3.eu-central-1.amazonaws.com/youspace-email-images/Artboard+1+copy+12.png"
                    style="margin-right: 125px">
                <img src="https://s3.eu-central-1.amazonaws.com/youspace-email-images/Artboard+1+copy+14.png"
                    style="float: right;">
                <img src="https://s3.eu-central-1.amazonaws.com/youspace-email-images/Artboard+1+copy+15.png"
                    style="float: right;">
            </div>
            <div style="padding: 20px 40px 0px 40px;
    font-size: 27px;
    color: rgb(102, 102, 102);">
                <div style="display: inline-block; margin-right: 107px">Ordering boxes</div>
                <div style="display: inline-block; float: right">Request for pickup items</div>
            </div>
            <div style="padding: 20px 40px 20px 40px;">
                <hr style="background-color: rgb(222,222,222); border: none; height: 2px">
            </div>
            <div style="padding: 0px 0px 20px 0px; text-align: center;">
                <button style="background-color: rgb(239, 130, 72);
                    cursor: pointer;
        border-radius: 30px;
        color: white;
        border: none;
        font-size: 25px;
        width: 190px;
        outline: none;
        height: 50px;">Lets go</button>
            </div>
            <div style="padding: 15px 0px 0px 60px; font-size: 25px; color: white; background-color: rgb(239, 130, 72)">
                <div style="display: inline-block; width: 60%; margin-right: 23px;">Follow us to stay updated with
                    the
                    latest
                    offers.</div>
                <div style="display: inline-block; font-size: 20px">
                    <span style="position: relative; top: 43px; left: 35px;">Follow:</span>
                    <div style="position: relative; left: 112px;">
                        <a href="https://www.facebook.com/YouSpace.rs" style="cursor: pointer;">
                            <img style="width: 55%;"
                                src="https://s3.eu-central-1.amazonaws.com/youspace-email-images/Screen+Shot+2019-02-20+at+8.49.22+PM.png" />
                        </a>
                    </div>
                </div>
            </div>
            <div style="padding: 20px 60px 20px 60px; background-color: rgb(239, 130, 72);">
                <hr style="background-color: white; border: none; height: 2px">
            </div>
            <div
                style=" padding: 7px 0px 40px 60px; font-size: 25px;color: white; background-color: rgb(239, 130, 72); position: relative; bottom: 22px;">
                Customer Support: 069 779 093
            </div>
        </div>
    </div>
</body>

</html>