Create newsletter component
>>> [!note] Migrated issue <!-- Drupal.org comment --> <!-- Migrated from issue #3502182. --> Reported by: [norman.lol](https://www.drupal.org/user/2482808) >>> <h3 id="desktop">Desktop</h3> <p><img src="https://www.drupal.org/files/issues/2025-01-25/Screenshot%202025-01-24%20at%2016.19.37.png" alt=""></p> <h3 id="desktop">Mobile</h3> <p><img src="https://www.drupal.org/files/issues/2025-01-25/Screenshot%202025-01-24%20at%2016.19.44.png" alt=""></p> <h3 id="original-html">Original HTML</h3> <p><a href="https://codeberg.org/drupalberlin/web-2024/src/branch/main/public/index.html#L63-L102">https://codeberg.org/drupalberlin/web-2024/src/branch/main/public/index.html#L63-L102</a></p> <pre>&lt;form action="https://drupalberlin.us5.list-manage.com/subscribe/post" method="POST"&gt;<br>&nbsp; &lt;input type="hidden" name="u" value="[OMITTED]"&gt;<br>&nbsp; &lt;input type="hidden" name="id" value="[OMITTED]"&gt;<br>&nbsp; &lt;!-- people should not fill these in and expect good things --&gt;<br>&nbsp; &lt;div style="<br> left: -9999px;<br> position: absolute;<br> " aria-label="Please leave the following three fields empty" aria-hidden="true"&gt;<br>&nbsp;&nbsp;&nbsp; &lt;label for="b_name"&gt;Name: &lt;/label&gt;<br>&nbsp;&nbsp;&nbsp; &lt;input type="text" name="b_name" tabindex="-1" value="" placeholder="Freddie" id="b_name"&gt;<br><br>&nbsp;&nbsp;&nbsp; &lt;label for="b_email"&gt;Email: &lt;/label&gt;<br>&nbsp;&nbsp;&nbsp; &lt;input type="email" name="b_email" tabindex="-1" value="" placeholder="youremail@gmail.com" id="b_email"&gt;<br><br>&nbsp;&nbsp;&nbsp; &lt;label for="b_comment"&gt;Comment: &lt;/label&gt;<br>&nbsp;&nbsp;&nbsp; &lt;textarea name="b_comment" tabindex="-1" placeholder="Please comment" id="b_comment"&gt;&lt;/textarea&gt;<br>&nbsp; &lt;/div&gt;<br><br>&nbsp; &lt;br&gt;<br>&nbsp; &lt;label for="MERGE0"&gt;E-Mail:&lt;/label&gt;<br>&nbsp; &lt;input required type="email" autocapitalize="none" autocorrect="off" name="MERGE0" id="MERGE0" size="25" value=""&gt;<br><br>&nbsp; &lt;input type="submit" name="submit" value="Abonnieren"&gt;<br><br>&nbsp; &lt;div style="<br> margin-top: 0.2em;<br> "&gt;<br>&nbsp;&nbsp;&nbsp; &lt;small&gt;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;label for="group_1"&gt;&lt;input required type="checkbox" id="group_1" name="group[28545][1]" value="1"&gt;&lt;span&gt;Mailchimp-&lt;a href="https://mailchimp.com/de/legal/"&gt;Nutzungsbedingungen&lt;/a&gt; (&lt;a href="https://mailchimp.com/de/legal/cookies/"&gt;Cookies&lt;/a&gt;, &lt;a href="https://www.intuit.com/privacy/statement/"&gt;Datenschutz&lt;/a&gt;) zustimmen&lt;/span&gt;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/label&gt;<br>&nbsp;&nbsp;&nbsp; &lt;/small&gt;<br>&nbsp; &lt;/div&gt;<br><br>&nbsp; &lt;input type="hidden" name="ht" value="[OMITTED]"&gt;<br>&nbsp; &lt;input type="hidden" name="mc_signupsource" value="hosted"&gt;<br>&lt;/form&gt;</pre>
issue