Skip to content

Commit f766bd2

Browse files
Kimberley CookKimberley Cook
Kimberley Cook
authored and
Kimberley Cook
committed
sign up form
1 parent c963f7d commit f766bd2

4 files changed

Lines changed: 78 additions & 44 deletions

File tree

‎Barcelona.html‎

Lines changed: 25 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -380,21 +380,32 @@ <h2 id="accordion-collapse-heading-7">
380380
<div class="flex flex-col lg:flex-row justify-between gap-10">
381381
<div class="flex flex-col flex-wrap gap-5 text-lg lg:text-xl flex-center">
382382
<h3 class="text-slate-100">Join our community</h3>
383-
<form>
384-
<label for="e-mail" class="hidden"></label>
385-
<input
386-
class="rounded md:rounded-tr-none md:rounded-l-lg md:-me-2 p-3"
387-
type="text"
388-
id="e-mail"
389-
placeholder="Enter your e-mail"
390-
/>
391-
<button
392-
class="bg-gradient-to-tr w-max from-button_blue to-button_blue_ p-3 pr-10 pl-10 rounded md:rounded-r-md md:rounded-l-none text-slate-100"
393-
type="submit"
394-
>
395-
JOIN
396-
</button>
383+
<div id="mc_embed_shell">
384+
<link href="https://cdn-images.mailchimp.com/embedcode/classic-061523.css" rel="stylesheet" type="text/css">
385+
<style type="text/css">
386+
#mc_embed_signup{
387+
background:#1401b8;
388+
clear:left;
389+
font:14px Helvetica,Arial,sans-serif;
390+
width: 150%;
391+
}
392+
393+
#mc_embed_signup form {
394+
margin: 0;
395+
}
396+
</style>
397+
<div id="mc_embed_signup">
398+
<form action="https://codebar.us8.list-manage.com/subscribe/post?u=b4652d85b385945c79f2ffa2e&amp;id=3798974cb3&amp;f_id=00e516e1f0" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank">
399+
<div id="mc_embed_signup_scroll">
400+
<div class="mc-field-group"><input type="email" name="EMAIL" class="required email" id="mce-EMAIL" required="" value="Enter your email"></div>
401+
<div id="mce-responses" class="clear">
402+
<div class="response" id="mce-error-response" style="display: none;"></div>
403+
<div class="response" id="mce-success-response" style="display: none;"></div>
404+
</div><div aria-hidden="true" style="position: absolute; left: -5000px;"><input type="text" name="b_b4652d85b385945c79f2ffa2e_3798974cb3" tabindex="-1" value=""></div><div class="clear"><input type="submit" name="subscribe" id="mc-embedded-subscribe" class="button" value="Join"></div>
405+
</div>
397406
</form>
407+
</div>
408+
<script type="text/javascript" src="//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js"></script><script type="text/javascript">(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script></div>
398409
</div>
399410

400411
<div class="lg:visible lg:px-0.5 lg:py-12 lg:shadow-3xl lg:border-black"></div>

‎Glasgow.html‎

Lines changed: 25 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -380,21 +380,32 @@ <h2 id="accordion-collapse-heading-7">
380380
<div class="flex flex-col lg:flex-row justify-between gap-10">
381381
<div class="flex flex-col flex-wrap gap-5 text-lg lg:text-xl flex-center">
382382
<h3 class="text-slate-100">Join our community</h3>
383-
<form>
384-
<label for="e-mail" class="hidden"></label>
385-
<input
386-
class="rounded md:rounded-tr-none md:rounded-l-lg md:-me-2 p-3"
387-
type="text"
388-
id="e-mail"
389-
placeholder="Enter your e-mail"
390-
/>
391-
<button
392-
class="bg-gradient-to-tr w-max from-button_blue to-button_blue_ p-3 pr-10 pl-10 rounded md:rounded-r-md md:rounded-l-none text-slate-100"
393-
type="submit"
394-
>
395-
JOIN
396-
</button>
383+
<div id="mc_embed_shell">
384+
<link href="https://cdn-images.mailchimp.com/embedcode/classic-061523.css" rel="stylesheet" type="text/css">
385+
<style type="text/css">
386+
#mc_embed_signup{
387+
background:#1401b8;
388+
clear:left;
389+
font:14px Helvetica,Arial,sans-serif;
390+
width: 150%;
391+
}
392+
393+
#mc_embed_signup form {
394+
margin: 0;
395+
}
396+
</style>
397+
<div id="mc_embed_signup">
398+
<form action="https://codebar.us8.list-manage.com/subscribe/post?u=b4652d85b385945c79f2ffa2e&amp;id=3798974cb3&amp;f_id=00e516e1f0" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank">
399+
<div id="mc_embed_signup_scroll">
400+
<div class="mc-field-group"><input type="email" name="EMAIL" class="required email" id="mce-EMAIL" required="" value="Enter your email"></div>
401+
<div id="mce-responses" class="clear">
402+
<div class="response" id="mce-error-response" style="display: none;"></div>
403+
<div class="response" id="mce-success-response" style="display: none;"></div>
404+
</div><div aria-hidden="true" style="position: absolute; left: -5000px;"><input type="text" name="b_b4652d85b385945c79f2ffa2e_3798974cb3" tabindex="-1" value=""></div><div class="clear"><input type="submit" name="subscribe" id="mc-embedded-subscribe" class="button" value="Join"></div>
405+
</div>
397406
</form>
407+
</div>
408+
<script type="text/javascript" src="//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js"></script><script type="text/javascript">(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script></div>
398409
</div>
399410

400411
<div class="lg:visible lg:px-0.5 lg:py-12 lg:shadow-3xl lg:border-black"></div>

‎css/style.css‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -876,8 +876,7 @@ video {
876876
}
877877

878878
.bg-main_blue {
879-
--tw-bg-opacity: 1;
880-
background-color: rgb(23 0 192 / var(--tw-bg-opacity));
879+
background-color: #1401b8;
881880
}
882881

883882
.bg-main_pink {

‎index.html‎

Lines changed: 27 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -401,21 +401,34 @@ <h2 id="accordion-collapse-heading-7">
401401
<div class="flex flex-col lg:flex-row justify-between gap-10">
402402
<div class="flex flex-col flex-wrap gap-5 text-lg lg:text-xl flex-center">
403403
<h3 class="text-slate-100">Join our community</h3>
404-
<form>
405-
<label for="e-mail" class="hidden"></label>
406-
<input
407-
class="rounded md:rounded-tr-none md:rounded-l-lg md:-me-2 p-3"
408-
type="text"
409-
id="e-mail"
410-
placeholder="Enter your e-mail"
411-
/>
412-
<button
413-
class="bg-gradient-to-tr w-max from-button_blue to-button_blue_ p-3 pr-10 pl-10 rounded md:rounded-r-md md:rounded-l-none text-slate-100"
414-
type="submit"
415-
>
416-
JOIN
417-
</button>
404+
405+
<div id="mc_embed_shell">
406+
<link href="https://cdn-images.mailchimp.com/embedcode/classic-061523.css" rel="stylesheet" type="text/css">
407+
<style type="text/css">
408+
#mc_embed_signup{
409+
background:#1401b8;
410+
clear:left;
411+
font:14px Helvetica,Arial,sans-serif;
412+
width: 150%;
413+
}
414+
415+
#mc_embed_signup form {
416+
margin: 0;
417+
}
418+
</style>
419+
<div id="mc_embed_signup">
420+
<form action="https://codebar.us8.list-manage.com/subscribe/post?u=b4652d85b385945c79f2ffa2e&amp;id=3798974cb3&amp;f_id=00e516e1f0" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank">
421+
<div id="mc_embed_signup_scroll">
422+
<div class="mc-field-group"><input type="email" name="EMAIL" class="required email" id="mce-EMAIL" required="" value="Enter your email"></div>
423+
<div id="mce-responses" class="clear">
424+
<div class="response" id="mce-error-response" style="display: none;"></div>
425+
<div class="response" id="mce-success-response" style="display: none;"></div>
426+
</div><div aria-hidden="true" style="position: absolute; left: -5000px;"><input type="text" name="b_b4652d85b385945c79f2ffa2e_3798974cb3" tabindex="-1" value=""></div><div class="clear"><input type="submit" name="subscribe" id="mc-embedded-subscribe" class="button" value="Join"></div>
427+
</div>
418428
</form>
429+
</div>
430+
<script type="text/javascript" src="//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js"></script><script type="text/javascript">(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script></div>
431+
419432
</div>
420433

421434
<div class="lg:visible lg:px-0.5 lg:py-12 lg:shadow-3xl lg:border-black"></div>

0 commit comments

Comments
 (0)