Mailchip signup form

Developer
Andi Dysart
Size
3,239 Kb
Views
40,480
  1. Mailchip signup form Previews
  2. Mailchip signup form HTML Codes
  3. Mailchip signup form CSS Codes

How do I make an mailchip signup form?

Basic responsive signup form. What is a mailchip signup form? How do you make a mailchip signup form? This script and codes were developed by Andi Dysart on 13 July 2022, Wednesday.

Mailchip signup form Previews
IQ Test

Mailchip signup form - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Mailchip signup form</title> <script src="http://s.codepen.io/assets/libs/modernizr.js" type="text/javascript"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"> <link rel='stylesheet prefetch' href='http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css'> <link rel="stylesheet" href="css/style.css">
</head>
<body> <!-- Email capture -->
<div class="container"> <div class="row"> <div class="col-md-6 col-md-offset-3 email-capture"> <h3>Did you like this article?</h3> <h4>Sign up to get the latest content first.</h4>
<!-- Begin MailChimp Signup Form -->
<div id="mc_embed_signup" class="mailchimp"> <form action="YOUR___FORM____LINK___HERE" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate form-inline" target="_blank" novalidate> <div class="form-group"> <input type="email" value="" name="EMAIL" class="required email form-control" id="mce-EMAIL" placeholder="Enter email"> <input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="btn btn__bottom--border mailchimp__btn" data-style="shrink" data-horizontal> </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 class="" style="position: absolute; left: -5000px;"><input type="text" name="b_410ed4e009d15301d90f6492b_753384883a" value=""></div> </form> <span class="form_nospam">No spam - pinky promise</span>
</div><!--End mc_embed_signup--> </div> </div> <!-- /end of Row-->
</div> <!-- End of container--> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
</body>
</html>

Mailchip signup form - Script Codes CSS Codes

@import url(http://fonts.googleapis.com/css?family=Pacifico);
h3 { font-family: pacifico; margin: 1em 0; font-size: 2.4em;
}
h4 { margin-bottom: 2em 0;
}
.email-capture { border: 1px solid #f1f1f1; text-align: center; padding: 3em; margin-top: 3em; margin-bottom: 3em; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
}
.email-capture .form-group { width: 100%;
}
.mailchimp { width: 100%;
}
.mailchimp form { width: 100%;
}
.mailchimp input[type="email"] { width: 100%; background: #f5f5f5; height: 55px; padding: 18px 20px; font-size: 20px; margin-bottom: 15px; text-align: center; border: none; outline: none; color: #444; float: left; -webkit-appearance: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1);
}
.mailchimp input[type="submit"] { width: 100%; background-color: #5C97BF; color: #ffffff; font-size: 18px; height: 55px; float: left; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
}
.mailchimp .form_nospam { font-size: 12px; font-size: 1.2rem;
}
Mailchip signup form - Script Codes
Mailchip signup form - Script Codes
Home Page Home
Developer Andi Dysart
Username andiio
Uploaded July 13, 2022
Rating 3.5
Size 3,239 Kb
Views 40,480
Do you need developer help for Mailchip signup form?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Andi Dysart (andiio) Script Codes
Name
Mockup animation for Ghostlab
Mobile first - hide on scroll menu
Credit card inline list
A Pen by Andi Dysart
Shopping cart
Hover captions
Ghostlab Color Palette
Custom fluid tabs with SVG
Mailchip email signup form
Basic form
Create amazing marketing copy with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!