Group Text App

<style type="text/css">
    #ez-widget {
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 13px;
        color: #333;
                width: 500px;
        max-height: 330px;
        height: 330px;
                overflow: auto;
    }

    #ez-footer {
        font-size: 12px;
        line-height: 1.2em;
        padding: 1em
    }

    .ez-welcome {
        font-size: 1.4em;
        margin-left: 1em;
        margin-right: 1em;
    }

    .ez-success {
        font-size: 1.4em;
        margin-left: 1em;
        margin-right: 1em;
    }

    .ez-blocked-user {
        font-size: 1.4em;
        text-align: center;
        border: 1px dashed black;
        padding: 10px;
    }

    #ez-form {
        margin-top: 1em
    }

    .ez-el {
        margin-bottom: 0.4em;
        clear: both
    }

    .ez-el .ez-lb {
        float: left;
        width: 35%;
        text-align: right;
        font-weight: 600;
        line-height: 2em
    }

    .ez-el .ez-lb-checkbox {
        min-height: 1.2em;
        display: inline-block;
        margin: 0.3em;
        float: left;
        width: 40%
    }

    .ez-lb-checkbox input[type="checkbox"] {
        float: left
    }

    .ez-el .ez-in {
        margin-left: 37%
    }

    .ez-in .ez-text {
        display: inline-block;
        width: 90%;
        width: 10em\9;
        height: 1.4em;
        padding: 0 0.4em;
        font-size: 1em;
        color: #555;
        background-color: white;
        border: 1px solid #CCC;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
        -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
        -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
        -o-transition: border linear 0.2s, box-shadow linear 0.2s;
        transition: border linear 0.2s, box-shadow linear 0.2s
    }

    .ez-button {
        display: inline-block;
        padding: 4px 10px 4px;
        margin-bottom: 0;
        font-size: 1em;
        line-height: 1.2em;
        color: #333;
        text-align: center;
        text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
        vertical-align: middle;
        cursor: pointer;
        background-color: whiteSmoke;
        background-image: -ms-linear-gradient(top, white, #e6e6e6);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#e6e6e6));
        background-image: -webkit-linear-gradient(top, white, #e6e6e6);
        background-image: -o-linear-gradient(top, white, #e6e6e6);
        background-image: linear-gradient(top, white, #e6e6e6);
        background-image: -moz-linear-gradient(top, white, #e6e6e6);
        background-repeat: repeat-x;
        border: 1px solid #CCC;
        border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
        border-color: #e6e6e6 #e6e6e6 #bfbfbf;
        border-bottom-color: #b3b3b3;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px
    }

    .clear {
        clear: both
    }

    .tiny .ez-groups .ez-in {
        margin-left: 4%
    }

    .tiny {
        font-size: 12px
    }

    .tiny .ez-lb {
        width: 100%;
        text-align: left;
        margin-left: 5%
    }

    .tiny .ez-in {
        margin-left: 5%
    }

    .tiny .ez-first {
        width: 100%;
        float: none
    }

    .ez-error {
        font-size: 1.2em;
        padding: 1em;
        color: red;
        border: 1px dashed red;
        display: block;
    }
    </style>


<div id="ez-widget" class="">
                        <h1 class="ez-welcome">ABS 4th / 5th Group Text App</h1>
                        <form
            enctype="application/x-www-form-urlencoded"
            action="https://app.eztexting.com/widgets?_method=subscribe"
            id="ez-form"
            method="post"
                        target="subscribed"
                        onsubmit="
                                                window.open(
                        '',
                        'subscribed',
                        'width=530,' +
                        'height=370,' +
                        'scrollbars=no,resizable=yes,status=no,toolbar=0'
                );
                            "
        >
            <input type="hidden" name="serializedData" value="eNpdUctOwzAQ/BXL56C805JbkQoUUYTUciIcHMdOFhI7sh21qOq/s0mjCjhY1szOzHrXLORlmZaLTCzSOJRSVMlSRkHAlzLgIZMnCvbB6KG3O9EK7kCrVdvqg6hoTgPqUXZBFw3N32mUJEkWhfTDoxJEW11IVMZ4EuqFWLBQq6F/FKwSBnNWdzuSuIYUPknxmrLIXhwdWfU9uuzAubBWDu3Vsm+Y+rJEakOcYaBA1eQAaMYsdIBdK1a2onrSoLboZbWYH/z5h/mtXXcM2hftQAJn46SzQ4z8vTb/Slhx3/0YMk6nWDfn8cE63W24Vm+mRapxrs8Lv/Cx1rHj3Nu+CrPVyjWoCMcuB6gmkAYjagTUjUMYxyMEPrWUYKy7mYBHByvMBr8hSrMszTxaj2t7Bouu0/UXcpoUfoqrUY6Et/R8/gH1zZwd">

            
<div class="ez-el">
    <label class="ez-lb" for="PhoneNumber">Phone Number</label>

    <div class="ez-in">
        <input id="PhoneNumber" class="ez-text" name="PhoneNumber" type="tel"
               value=""
               placeholder="(e.g. 2223334444 no dots)" />
    </div>
</div>

<div class="ez-el">
    <label class="ez-lb" for="FirstName">First Name</label>

    <div class="ez-in">
        <input id="FirstName" class="ez-text" name="FirstName" type="text"
               value="" autocomplete="off" />
    </div>
</div>

<div class="ez-el">
    <label class="ez-lb" for="LastName">Last Name</label>

    <div class="ez-in">
        <input id="LastName" class="ez-text" name="LastName" type="text"
               value="" autocomplete="off" />
    </div>
</div>

<div class="ez-el">
    <label class="ez-lb" for="Email">Email</label>

    <div class="ez-in">
        <input id="Email" class="ez-text" name="Email" type="email"
               value=""
               placeholder="email@example.com" />
    </div>
</div>

                                
            <div class="ez-el clear">
                <div class="ez-in">
                    <button class="ez-button" type="submit">Join Now</button>
                </div>
            </div>
        </form>
    
    <div id="ez-footer">
        Msg&data rates may apply. To unsubscribe, text <b>STOP</b> to 313131.
        For help text <b>HELP</b> anytime.
        Available in USA. Up to 10 msg/mo.
        Your privacy is always protected and your information will not be shared.
        <br/>
        Powered by
        <a href="http://www.eztexting.com" target="_blank">
            EZ Texting        </a>
    </div>
</div>