Download Widgets

Join! Widget

First:
Last:
Email:
Zip:

Copy and Paste HTML for your site:

                          <div id="join-widget" style="width: 250px; height: 300px; position: relative; background: url(../../wp-content/themes/garyjohnson/images/join-widget-live.jpg) top left no-repeat; color: white; font-size: 10px; text-align: left;">
                            <a href="/" title="Gary Johnson 2024 - LIVE FREE" style="display: block;width: 150px; height: 47px;">
                            </a>
                       		 <div class="join-gary-form" style="width: 136px; margin:auto; padding: 0 7px">
                              <form action="../../connect/" method="post">
                                <table style="margin-top:80px;">
                                  <tr>
                                    <td style="font-size:10px;">
                                      <label style="color:#003F87;font-size:16px">First: </label>
                                    </td>
                                    <td style="font-family:Trebuchet MS, Arial, sans-serif;">
                                      <input type="text" name="first_name" id="first_name" class="join-firstname" style="background-color:#eeeeee;font-size: 10px;width: 90px;"/>
                                    </td>
                                  </tr>
                                  <tr>
                                    <td style="color: #fff;font-size: 10px;font-family:Trebuchet MS, Arial, sans-serif;">
                                      <label style="color:#003F87;font-size:16px">Last: </label>
                                    </td>
                                    <td style="color: #fff;font-size: 10px;font-family:Trebuchet MS, Arial, sans-serif;">
                                      <input type="text" name="last_name" class="join-lastname" style="background-color:#eeeeee;font-size: 10px;width: 90px;"/>
                                    </td>
                                  </tr>
                                  <tr>
                                    <td style="color: #fff;font-size: 10px;font-family:Trebuchet MS, Arial, sans-serif;">
                                      <label style="color:#003F87;font-size:16px">Email: </label>
                                    </td>
                                    <td style="color: #fff;font-size: 10px;font-family:Trebuchet MS, Arial, sans-serif;">
                                      <input type="text" name="email" class="join-email" style="background-color:#eeeeee;font-size: 10px;width: 90px;"/>
                                    </td>
                                  </tr>
                                  <tr>
                                    <td style="color: #fff;font-size: 10px;font-family:Trebuchet MS, Arial, sans-serif;">
                                      <label style="color:#003F87;font-size:16px">Zip: </label>
                                    </td>
                                    <td style="color: #fff;font-size: 10px;font-family:Trebuchet MS, Arial, sans-serif;">
                                      <input type="text" name="zip" class=" join-zip" style=" width: 50px;background-color:#eeeeee;font-size: 10px;"/>
                                    </td>
                                  </tr>
                                </table>
                           	 	<div style="position: relative; width: 77px; height: 41px; top: 15px; left: 10px;text-align:center">
                              		<input id="join-widget-button" type="image" src="../../wp-content/themes/garyjohnson/images/join-widget-button.png" title="Join Gary!" alt="Join Gary!" width="77" height="41" style="width: 77px;"/>
                            	</div>
                              </form>
                            </div>

Donate! Widget

Copy and Paste HTML for your site:

                          <div id="donate-widget" style="width: 250px; height: 300px; position: relative; background: url(../../wp-content/themes/garyjohnson/images/join-widget-live.jpg) top left no-repeat; color: white; font-size: 10px; text-align: left;">
                            <a href="/" title="Gary Johnson 2024 - LIVE FREE" style="display: block;width: 150px; height: 47px;">
                              <span style="display: none">Gary Johnson 2024 - LIVE FREE</span>
                            </a>
                            <div class="donate-gary-form" style="width: 136px; padding: 0 7px">
                              <form action="../../donate_subdomain/index/" method="get">
                                <table style="margin-top:80px;margin-left:15px;">
                                  <tr>
                                    <td>
                                      <label style="color:#003F87;font-size:16px">First:</label>
                                    </td>
                                    <td>
                                      <input type="text" name="first_name" class="join-firstname" style="background-color:#eeeeee;font-size: 10px;width: 90px;"/>
                                    </td>
                                  </tr>
                                  <tr>
                                    <td>
                                      <label style="color:#003F87;font-size:16px">Last:</label>
                                    </td>
                                    <td>
                                      <input type="text" name="last_name" class="join-lastname" style="background-color:#eeeeee;font-size: 10px;width: 90px;"/>
                                    </td>
                                  </tr>
                                  <tr>
                                    <td>
                                      <label style="color:#003F87;font-size:16px">Amt.:</label>
                                    </td>
                                    <td>
                                      <select name="a" style="background-color:#eeeeee;font-size: 10px;width: 90px;">
                                        <option value="10">$10</option>
                                        <option value="25">$25</option>
                                        <option value="50">$50</option>
                                        <option value="100">$100</option>
                                        <option value="500">$500</option>
                                        <option value="1000">$1000</option>
                                        <option value="2500">$2,500</option>
                                      </select>
                                    </td>
                                  </tr>
                                </table>
                                <div style="position: relative; width: 103px; height: 41px; top: 15px; left: 7px;text-align:center">
                                  <input id="donate-widget-button" type="image" src="../../wp-content/themes/garyjohnson/images/donate-widget-button.png" title="Join Gary!" alt="Join Gary!" width="103" height="41" style="width: 103px;"/>
                                  <br>
                                    <br></br>
                                  </br>
                                </div>
                              </form>
                            </div>
                          </div>

Join! Widget

First:
Last:
Email:
Zip:

Copy and Paste HTML for your site:

                          <div id="join-widget" style="width: 250px; height: 300px; position: relative; background: url(../../wp-content/themes/garyjohnson/images/widget-blue-bg.jpg) top left no-repeat; color: white; font-size: 10px; text-align: left;">
                            <a href="/" title="Gary Johnson 2024 - LIVE FREE" style="display: block;width: 150px; height: 47px;">
                            </a>
                            <div class="join-gary-form" style="width: 136px; padding: 0 7px">
                              <form action="../../connect/" method="post">
                                <table style="margin-top:125px;margin-left:15px;">
                                  <tr>
                                    <td style="color:#FFFFFF;font-size: 10px;">
                                      <label style="color:#FFFFFF;font-size:14px">First: </label>
                                    </td>
                                    <td style="color: #fff;font-size: 10px;font-family:Trebuchet MS, Arial, sans-serif;">
                                      <input type="text" name="first_name" id="first_name" class="join-firstname" style="background-color:#eeeeee;font-size: 10px;width: 90px;"/>
                                    </td>
                                  </tr>
                                  <tr>
                                    <td style="color: #fff;font-size: 10px;font-family:Trebuchet MS, Arial, sans-serif;">
                                      <label style="color:#FFFFFF;font-size:14px">Last: </label>
                                    </td>
                                    <td style="color: #fff;font-size: 10px;font-family:Trebuchet MS, Arial, sans-serif;">
                                      <input type="text" name="last_name" class="join-lastname" style="background-color:#eeeeee;font-size: 10px;width: 90px;"/>
                                    </td>
                                  </tr>
                                  <tr>
                                    <td style="color: #fff;font-size: 10px;font-family:Trebuchet MS, Arial, sans-serif;">
                                      <label style="color:#FFFFFF;font-size:14px">Email: </label>
                                    </td>
                                    <td style="color: #fff;font-size: 10px;font-family:Trebuchet MS, Arial, sans-serif;">
                                      <input type="text" name="email" class="join-email" style="background-color:#eeeeee;font-size: 10px;width: 90px;"/>
                                    </td>
                                  </tr>
                                  <tr>
                                    <td style="color: #fff;font-size: 10px;font-family:Trebuchet MS, Arial, sans-serif;">
                                      <label style="color:#FFFFFF;font-size:14px">Zip: </label>
                                    </td>
                                    <td style="color: #fff;font-size: 10px;font-family:Trebuchet MS, Arial, sans-serif;">
                                      <input type="text" name="zip" class=" join-zip" style=" width: 50px;background-color:#eeeeee;font-size: 10px;"/>
                                    </td>
                                  </tr>
                                </table>
                                <div style="position: relative; width: 77px; height: 41px; top: 35px; left: 10px;text-align:center">
                                  <input id="join-widget-button" type="image" src="../../wp-content/themes/garyjohnson/images/join-widget-button.png" title="Join Gary!" alt="Join Gary!" width="77" height="41" style="width: 77px;"/>
                                  <center>
                                  </center>
                                </div>
                              </form>
                            </div>
                          </div>

Donate! Widget

Copy and Paste HTML for your site:

                          <div id="donate-widget" style="width: 250px; height: 300px; position: relative; background: url(../../wp-content/themes/garyjohnson/images/widget-blue-bg.jpg) top left no-repeat; color: white; font-size: 10px; text-align: left;">
                            <a href="/" title="Gary Johnson 2024 - LIVE FREE" style="display: block;width: 150px; height: 47px;">
                              <span style="display: none">Gary Johnson 2024 - LIVE FREE</span>
                            </a>
                            <div class="donate-gary-form" style="width: 136px; padding: 0 7px">
                              <form action="../../donate_subdomain/index/" method="get">
                                <table style="margin-top:135px;margin-left:15px;">
                                  <tr>
                                    <td>
                                      <label style="color:#FFFFFF;font-size:14px">First:</label>
                                    </td>
                                    <td>
                                      <input type="text" name="first_name" class="join-firstname" style="background-color:#eeeeee;font-size: 10px;width: 90px;"/>
                                    </td>
                                  </tr>
                                  <tr>
                                    <td>
                                      <label style="color:#FFFFFF;font-size:14px">Last:</label>
                                    </td>
                                    <td>
                                      <input type="text" name="last_name" class="join-lastname" style="background-color:#eeeeee;font-size: 10px;width: 90px;"/>
                                    </td>
                                  </tr>
                                  <tr>
                                    <td>
                                      <label style="color:#FFFFFF;font-size:14px">Amt.:</label>
                                    </td>
                                    <td>
                                      <select name="a" style="background-color:#eeeeee;font-size: 10px;width: 90px;">
                                        <option value="10">$10</option>
                                        <option value="25">$25</option>
                                        <option value="50">$50</option>
                                        <option value="100">$100</option>
                                        <option value="500">$500</option>
                                        <option value="1000">$1000</option>
                                        <option value="2500">$2,500</option>
                                      </select>
                                    </td>
                                  </tr>
                                </table>
                                <div style="position: relative; width: 103px; height: 41px; top: 55px; left: 7px;text-align:center">
                                  <input id="donate-widget-button" type="image" src="../../wp-content/themes/garyjohnson/images/donate-widget-button.png" title="Join Gary!" alt="Join Gary!" width="103" height="41" style="width: 103px;"/>
                                  <br>
                                    <br></br>
                                  </br>
                                </div>
                              </form>
                            </div>
                          </div>

Join! Widget

First:
Last:
Email:
Zip:

Copy and Paste HTML for your site:

                          <div align="center" id="join-widget" style="width: 1000px; height: 400px; align:center; position: relative; background: url(../../wp-content/themes/garyjohnson/images/poker_widget_bg.jpg) top center no-repeat; color: white; font-size: 10px; text-align: left;">
                            <a href="/" title="Gary Johnson 2024 - LIVE FREE" style="display: block;width: 150px; height: 47px;">
                            </a>
                            <div class="join-gary-form" style="width: 136px; padding: 0 7px">
                              <form action="../../connect/" method="post">
                                <table style="margin-top:10px;margin-left:575px;">
                                  <tr>
                                    <td style="color:#FFFFFF;font-size: 10px;">
                                      <label style="color:#FFFFFF;font-size:20px">First: </label>
                                    </td>
                                    <td style="color: #fff;font-size: 10px;font-family:Trebuchet MS, Arial, sans-serif;">
                                      <input type="text" name="first_name" id="first_name" class="join-firstname" style="background-color:#eeeeee;font-size: 10px;width: 90px;"/>
                                    </td>
                                  </tr>
                                  <tr>
                                    <td style="color: #fff;font-size: 10px;font-family:Trebuchet MS, Arial, sans-serif;">
                                      <label style="color:#FFFFFF;font-size:20px">Last: </label>
                                    </td>
                                    <td style="color: #fff;font-size: 10px;font-family:Trebuchet MS, Arial, sans-serif;">
                                      <input type="text" name="last_name" class="join-lastname" style="background-color:#eeeeee;font-size: 10px;width: 90px;"/>
                                    </td>
                                  </tr>
                                  <tr>
                                    <td style="color: #fff;font-size: 10px;font-family:Trebuchet MS, Arial, sans-serif;">
                                      <label style="color:#FFFFFF;font-size:20px">Email: </label>
                                    </td>
                                    <td style="color: #fff;font-size: 10px;font-family:Trebuchet MS, Arial, sans-serif;">
                                      <input type="text" name="email" class="join-email" style="background-color:#eeeeee;font-size: 10px;width: 90px;"/>
                                    </td>
                                  </tr>
                                  <tr>
                                    <td style="color: #fff;font-size: 10px;font-family:Trebuchet MS, Arial, sans-serif;">
                                      <label style="color:#FFFFFF;font-size:20px">Zip: </label>
                                    </td>
                                    <td style="color: #fff;font-size: 10px;font-family:Trebuchet MS, Arial, sans-serif;">
                                      <input type="text" name="zip" class=" join-zip" style=" width: 50px;background-color:#eeeeee;font-size: 10px;"/>
                                    </td>
                                  </tr>
                                </table>
                                <div style="position: relative; width: 77px; height: 41px; top: 10px; left: 700px; text-align:center">
                                  <input id="join-widget-button" type="image" src="../../wp-content/themes/garyjohnson/images/join-widget-button.png" title="Join Gary!" alt="Join Gary!" width="77" height="41" style="width: 77px;"/>
                                </div>
                              </form>
                            </div>
                          </div>

Donate! Widget

Copy and Paste HTML for your site:

                          <div id="donate-widget" style="width: 1000px; height: 300px; position: relative; background: url(../../wp-content/themes/garyjohnson/images/poker_widget_bg.jpg) top center no-repeat; color: white; font-size: 10px; text-align: left;">
                            <a href="/" title="Gary Johnson 2024 - LIVE FREE" style="display: block;width: 150px; height: 47px;">
                              <span style="display: none">Gary Johnson 2024 - LIVE FREE</span>
                            </a>
                            <div class="donate-gary-form" style="width: 136px; padding: 0 7px">
                              <form action="../../donate_subdomain/index/" method="get">
                                <table style="margin-top:10px;margin-left:575px;">
                                  <tr>
                                    <td>
                                      <label style="color:#FFFFFF;font-size:20px">First:</label>
                                    </td>
                                    <td>
                                      <input type="text" name="first_name" class="join-firstname" style="background-color:#eeeeee;font-size: 10px;width: 90px;"/>
                                    </td>
                                  </tr>
                                  <tr>
                                    <td>
                                      <label style="color:#FFFFFF;font-size:20px">Last:</label>
                                    </td>
                                    <td>
                                      <input type="text" name="last_name" class="join-lastname" style="background-color:#eeeeee;font-size: 10px;width: 90px;"/>
                                    </td>
                                  </tr>
                                  <tr>
                                    <td>
                                      <label style="color:#FFFFFF;font-size:20px">Amt.:</label>
                                    </td>
                                    <td>
                                      <select name="a" style="background-color:#eeeeee;font-size: 10px;width: 90px;">
                                        <option value="10">$10</option>
                                        <option value="25">$25</option>
                                        <option value="50">$50</option>
                                        <option value="100">$100</option>
                                        <option value="500">$500</option>
                                        <option value="1000">$1000</option>
                                        <option value="2500">$2,500</option>
                                      </select>
                                    </td>
                                  </tr>
                                </table>
                                <div style="position: relative; width: 103px; height: 41px; top: 30px; left: 675px; text-align:center">
                                  <input id="donate-widget-button" type="image" src="../../wp-content/themes/garyjohnson/images/donate-widget-button.png" title="Join Gary!" alt="Join Gary!" width="103" height="41" style="width: 103px;"/>
                                </div>
                              </form>
                            </div>
                          </div>

Download Widgets

Join! Widget

Donate! Widget

Join! Widget

Donate! Widget

Join! Widget

Donate! Widget

Gary Johnson 2024

Live Free