We've been asked to share code for some of the cells in our membership page. We decided that taking a potential new member directly to the member sign up function from the home page was too abrupt...they wouldn't have enough information. So we created a landing page for membership that includes the information that potential new members need along with a link to the online form. I've attached a screen shot of our page with the cells numbered. The HTML code is given below:
Cell 1
<p><strong style="font-size: 26px; font-family: Lato; color: rgb(31, 73, 125);">More Information</strong></p>
<p> </p>
<p><span style="font-family: Lato; font-size: 18px; color: rgb(8, 7, 7);">Watch a video about the League</span></p>
Cell 2
<iframe width="320" height="200" src="https://www.youtube.com/embed/uD3hNEI1a9I" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>
Cell 3
<p><strong style="font-size: 26px; font-family: Lato; color: rgb(31, 73, 125);">Links</strong></p>
<p><strong style="font-size: 20px; font-family: Lato;"><span class="ql-cursor"> </span></strong></p>
<p><span style="font-family: Lato; font-size: 18px;">Visit the </span><a href="http://lwv.org/" target="_blank" style="font-size: 18px; color: rgb(0, 85, 150); font-family: Lato;">LWV of United States</a></p>
<p> </p>
<p> </p>
<p><span style="font-family: Lato; font-size: 18px;">Visit the </span><a href="http://lwvin.org/" target="_blank" style="font-size: 18px; color: rgb(0, 85, 150); font-family: Lato;">LWV of Indiana</a></p>
<p> </p>
<p> </p>
<p><a href="mailto:info@lwv-bmc.org" target="_self" style="font-family: Lato; font-size: 18px;">Talk to a League Member</a></p>
<p> </p>
<p> </p>
<p><a href="/content.aspx?page_id=22&club_id=901066&module_id=405491" target="_self" style="font-size: 18px; font-family: Lato;">About Us</a></p>
<p><span style="font-family: Lato; font-size: 18px;">Find out more about the League</span></p>
<p> </p>
<p> </p>
<p><a href="https://lwv-bmc.clubexpress.com/docs.ashx?id=741347" target="_blank" style="font-family: Lato; font-size: 18px;">Summary of Activities</a></p>
<p><span style="font-family: Lato; font-size: 18px;">See what we worked on during 2019-2020</span></p>
<p> </p>
<p> </p>
<p><a href="/content.aspx?page_id=60&club_id=901066" target="_blank" style="font-size: 18px; font-family: Lato;">Join!</a></p>
<p><span style="font-family: Lato; font-size: 18px;">Join the League</span></p>
<p> </p>
<p> </p>
<p><a href="/content.aspx?page_id=60&club_id=901066" target="_blank" style="font-size: 18px; font-family: Lato;">Renewals</a></p>
<p><span style="font-family: Lato; font-size: 18px;">Renew your membership</span></p>
<p> </p>
<p> </p>
<p><span class="ql-cursor" style="font-family: Lato; font-size: 18px;"> </span></p>
Cell 4
<p><strong style="font-size: 26px; font-family: Lato; color: rgb(31, 73, 125);">Membership</strong></p>
<p><strong style="font-size: 12px; font-family: Lato; color: rgb(31, 73, 125);"><span class="ql-cursor"> </span></strong></p>
<p><span style="background-color: transparent; font-family: Lato; font-size: 18px; color: rgb(8, 7, 7);">Thinking about joining the League? Find out more about what we do and who we are.</span></p>
Cell 5
<p><span style="font-family: Lato; font-size: 18px; color: rgb(8, 7, 7);">We welcome new members! If you think you'd like to join but are not sure, contact the </span><a href="mailto:members1@lwv-bmc.org" target="_self" style="color: rgb(2, 52, 116); font-size: 18px; font-family: Lato;">chair</a><span style="font-family: Lato; font-size: 18px; color: rgb(8, 7, 7);"> of our Membership Committee, who will be happy to talk to you. If you are a renewing member, welcome back! You can use the Renew link to find your membership and renew.</span></p>
<p><span class="ql-cursor" style="font-family: Lato; font-size: 18px; color: rgb(8, 7, 7);"> </span></p>
<p><em style="font-size: 18px; font-family: Lato;">The League of Women Voters, a nonpartisan political organization, encourages informed and active participation in government, works to increase understanding of major public policy issues, and influences public policy through advocacy and education.</em></p>
Cell 6
<p><strong style="font-family: Lato; font-size: 18px;"><strong style="color: rgb(31, 73, 125); font-size: 26px; font-family: Lato;">Overview</strong></strong></p>
<p> </p>
<p><span style="font-family: Lato; font-size: 18px; color: rgb(8, 7, 7);">When you join the League of Women Voters of Bloomington-Monroe County (LWV-BMC), you automatically become a member of LWV of Indiana (LWVIN), and LWV of the United States (LWVUS). As a member you receive The League Letter, published monthly by the LWV-BMC, as well as other communications. Board meetings are the second Monday of the month at 6:30 pm. Member meetings are scheduled periodically. Check the </span><a href="https://www.lwv-bmc.org/" target="_self" style="color: rgb(2, 52, 116); font-size: 18px; font-family: Lato;">Home</a><span style="font-family: Lato; font-size: 18px; color: rgb(8, 7, 7);"> page to confirm dates, times, and location. We are a 501(c) 3 nonprofit, and dues and donations are tax deductible.</span></p>
<p><span style="font-family: Lato; font-size: 18px; color: rgb(8, 7, 7);"> </span></p>
<p><span style="font-family: Lato; font-size: 18px; color: rgb(8, 7, 7);">Regular membership runs from July 1 through June 30 of the following year. (Automatic rolling renewal, which means that membership expires a year after joining, is being considered for new members, so stay tuned!)</span></p>
<p> </p>
<p><span style="font-family: Lato; font-size: 18px; color: rgb(8, 7, 7);">Membership opens to new members on February 1 of each year, which gives you one year of membership plus the additional months in the current year. Contact the </span><a href="mailto:members1@lwv-bmc.org" target="_self" style="color: rgb(2, 52, 116); font-size: 18px; font-family: Lato;">membership chair</a><span style="font-family: Lato; font-size: 18px; color: rgb(8, 7, 7);"> if you cannot manage the dues amount due to financial difficulties. We have help available.</span></p>
<p><span style="font-family: Lato; font-size: 18px; color: rgb(8, 7, 7);"> </span></p>
<p><span style="font-family: Lato; font-size: 18px; color: rgb(8, 7, 7);">Membership is available to anyone 16 or over. Membership levels include:</span></p>
<ul>
<li><span style="font-family: Lato; font-size: 18px;">Individual $60</span></li>
<li><span style="font-family: Lato; font-size: 18px;">Household (two individuals at the same residence) $85</span></li>
<li><span style="font-family: Lato; font-size: 18px;">Life (50-year member): $0</span></li>
<li><span style="font-family: Lato; font-size: 18px;">Spouse/partner of life member: $30</span></li>
<li><span style="font-family: Lato; font-size: 18px; color: rgb(8, 7, 7);">Student $0</span></li>
</ul>
<p> </p>
<p><a href="https://lwv-bmc.clubexpress.com/content.aspx?page_id=60&club_id=901066" target="_blank" style="font-size: 18px; font-family: Lato;"><strong></strong></a><strong><a href="/content.aspx?page_id=60&club_id=901066"><span style="font-size: 20px;">Join the League</span></a></strong></p>
<div id="mouseposition-extension-element-full-container" style="position: fixed; inset: 0px; pointer-events: none; z-index: 2147483647; font-weight: 400;">
<div id="mouseposition-extension-element-rect-display" style="display: none; position: absolute; background: rgba(255, 255, 255, 0.7); outline: black solid 1px; font-size: 12px; z-index: 2147483647; justify-content: center; align-items: center; user-select: none; cursor: default; color: rgb(0, 0, 0); font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; width: 0px; height: 0px;">
<pre style="flex: 1 1 0%; text-align: center; background-color: rgba(255, 255, 255, 0.7); color: rgb(0, 0, 0); min-width: 42px; min-height: 12px; transition: all 1s ease 0s;"></pre>
</div>
<pre id="mouseposition-extension-element-coordinate-display" style="position: absolute; display: none; background: rgb(255, 255, 255); font-size: 12px; line-height: 14px; border-radius: 3px; border-width: 1px; border-color: rgb(34, 34, 34) black rgb(51, 51, 51); border-style: solid; padding: 3px; z-index: 2147483647; color: rgb(34, 34, 34); user-select: none; cursor: default; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;"></pre>
</div>