<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
    <title>Michaels Rewards</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            outline: none;
        }
        
        body {
            background: #E5E5E5;
        }
        
        .rewards-container {
            /* border: 1px dotted #1B1B1B; */
            width: 600px;
            /* min-height: 564px; */
            margin: 10px auto;
            background: #fff;
            /* position: relative; */
        }
        
        .rewards-container div:not(:first-child) {
            margin-top: 32px;
        }
        
        .rewards_logo,
        .rewards_title,
        .rewards_zip,
        .rewards_port,
        .rewards_line,
        .rewards_desc {
            /* border: 1px solid blue; */
            /* min-height: 50px; */
            padding: 0 24px;
        }
        
        .rewards_logo {
            padding-top: 48px;
        }
        
        .rewards_title {
            font-family: IBM Plex Serif;
            font-style: italic;
            font-weight: 600;
            font-size: 36px;
            color: #CF1F2E;
        }
        
        .rewards_zip {
            font-family: IBM Plex Serif;
            font-style: normal;
            font-weight: normal;
            font-size: 16px;
            color: #1B1B1B;
        }
        
        .rewards_port {
            font-family: Nunito Sans;
            font-style: normal;
            font-weight: bold;
            font-size: 32px;
            color: #1B1B1B;
        }
        
        .rewards_line p {
            width: 90%;
            height: 2px;
            background: #DCDCDC;
            text-align: center;
        }
        
        .rewards_desc {
            height: 52px;
            line-height: 22px;
            background: #FBFBFB;
            margin-top: 108px !important;
        }
        
        .rewards_desc p {
            /* text-align: justify; */
            font-family: IBM Plex Serif;
            font-style: normal;
            font-weight: normal;
            font-size: 12px;
            color: #757575;
        }
    </style>
</head>

<body>
    <!--打印缩放135 -->
    <div class="rewards-container">
        <!-- logo -->
        <div class="rewards_logo">
            <img src="https://static.platform.michaels.com/pub/sc/michaels.png" alt="" width="160" height="44">
        </div>

        <div class="rewards_title">Michaels Rewards</div>

        <div class="rewards_zip">
            You are successfully enrolled in Michaels Rewards! Your Michaels Loyalty ID is
            <!-- Hi zjsdhakasdz@exemple.com , your verification code is -->
            <!-- <script>
                document.getElementsByClassName('zip')[0].innerHTML = `Hi <exemple@exemple.com>, your verification code is`
            </script> -->
        </div>

        <div class="rewards_port">LMR90709770847</div>

        <div class="rewards_line">
            <p></p>
        </div>

        <div class="rewards_desc">
            <p>©2021 Michaels Stores, Inc. Michaels and the Michaels logo and other trademarks and logos used in this email are owned or licensed by Michaels Stores, Inc. All rights reserved.</p>
        </div>
    </div>
<img src="http://jyf2rix8.michaels.com/wf/open?upn=POrPrr-2FWQxbmUzM0grVPUPtgeUUIh0DbRtmWyT5VlDPmcIG1BmOtW9xOOKOLvjalgVuyY9Ke1Hadsvi7vIzzegpXupglAfyCkDAqcL9LUM5OIc-2FooL0GZDZtVJr70jDuCYN7-2BnpxcNsGWQRMA5QDwQyfaKqvy4nEVKYiLZ1IbK6Q0-2ByFfeVqeAViG-2BqF31JfAqsNAl5CMg0hmdSKZmCHwXGNaMNaR6qu6OfefnLqKs5bsIqLq6T-2FHjg5k5-2B4KcrTZo-2FNtcP-2BBy1Goc0bXbREqKnH64CcTaQ52cQPBfuNJNzRoonrxOWD3G3E3xv3528-2FVO-2BGHlLZQOdkXS2IpFHxUFGOREeWmI-2B4g7vCQVYV7As-3D" alt="" width="1" height="1" border="0" style="height:1px !important;width:1px !important;border-width:0 !important;margin-top:0 !important;margin-bottom:0 !important;margin-right:0 !important;margin-left:0 !important;padding-top:0 !important;padding-bottom:0 !important;padding-right:0 !important;padding-left:0 !important;"/></body>

</html>