codefordenver / codefordenver.org

The new website for Code for Denver
https://codefordenver.org/#/
5 stars 1 forks source link

Add mailchimp form and styling to new page #126

Open jberns opened 4 years ago

jberns commented 4 years ago

This is an unstyled form that can be dropped into the new website. CSS will have to be styled to the different elements to match the website design.

<!-- Begin Mailchimp Signup Form -->
<div id="mc_embed_signup">
<form action="https://codefordenver.us4.list-manage.com/subscribe/post?u=9185f6b629d8f0d9c2649120f&amp;id=374a7098d7" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
    <div id="mc_embed_signup_scroll">
    <h2>Subscribe</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" value="" name="EMAIL" class="required email" id="mce-EMAIL">
</div>
<div class="mc-field-group">
    <label for="mce-FNAME">First Name  <span class="asterisk">*</span>
</label>
    <input type="text" value="" name="FNAME" class="required" id="mce-FNAME">
</div>
<div class="mc-field-group">
    <label for="mce-LNAME">Last Name  <span class="asterisk">*</span>
</label>
    <input type="text" value="" name="LNAME" class="required" id="mce-LNAME">
</div>
<div class="mc-field-group">
    <label for="mce-CITY">City </label>
    <input type="text" value="" name="CITY" class="" id="mce-CITY">
</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>    <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
    <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_9185f6b629d8f0d9c2649120f_374a7098d7" tabindex="-1" value=""></div>
    <div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
    </div>
</form>
</div>

<!--End mc_embed_signup-->
AlphaLaryBah commented 2 years ago

I would like to work on this issue, though it doesn't specify as to which component to add this issue to. Into which component will this issue be added to?