JSFiddle - React, Tailwind, and code Playground
by Michel Penke
HTML
<script src="http://code.jquery.com/jquery-2.1.1.js"></script>
<!-- https://jsfiddle.net/loeneberga/37svj4gb/45/ -->
<link href="//cdn-images.mailchimp.com/embedcode/classic-10_7.css" rel="stylesheet" type="text/css">
<style type="text/css">
#mc_embed_signup {
background-color: #fd5064;
font-family: inherit;
font-size: inherit;
color: #fff;
clear: left;
}
input#mc-embedded-subscribe.button {
background-color: #1d4664;
border-radius: 0;
}
.hide {
display: none;
}
.show {
display: block;
}
</style>
<div id="mc_embed_signup">
<form action="https://correctiv.us12.list-manage.com/subscribe/post?u=74b23e1b0af8c36eb217e01c1&id=0f6b751766" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll">
<h2>Mitmachen</h2>
<div class="indicates-required"></div>
<div class="mc-field-group">
<label for="mce-FNAME">Vorname (optional)</label>
<input type="text" value="" name="FNAME" class="" id="mce-FNAME" placeholder="z.B. Hans">
</div>
<div class="mc-field-group">
<label for="mce-LNAME">Nachname (optional)</label>
<input type="text" value="" name="LNAME" class="" id="mce-LNAME" placeholder="z.B. Leyendecker">
</div>
<div class="mc-field-group">
<label for="mce-EMAIL">Emailadresse
</label>
<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL" placeholder="z.B. [email protected]">
</div>
<div class="mc-field-group input-group">
<strong>Tätigkeit
</strong>
<ul><li><input type="radio" value="Journalist" name="PROFESSION" id="mce-PROFESSION-0"><label for="mce-PROFESSION-0">Journalist</label></li>
<li><input type="radio" value="Experte" name="PROFESSION" id="mce-PROFESSION-1"><label for="mce-PROFESSION-1">Experte</label></li>
</ul>
</div>
<div class="mc-field-group">
<label for="mce-MEDIUM">Medium (optional)</label>
<input type="text" value="" name="MEDIUM" class="" id="mce-MEDIUM" placeholder="z.B. Kölner...