<style>
.firmware-section {
display: flex;
justify-content: space-between;
align-items: center;
background: #f5f7f9;
padding: 50px;
gap: 40px;
flex-wrap: wrap;
}
.firmware-left {
flex: 1;
}
.firmware-left h2 {
color: #1e90d2;
font-size: 32px;
margin-bottom: 10px;
}
.firmware-left p {
color: #666;
margin-bottom: 20px;
}
.firmware-left ul {
list-style: none;
padding: 0;
}
.firmware-left li {
margin-bottom: 12px;
font-size: 16px;
color: #333;
}
/* RIGHT FORM CARD */
.firmware-right {
background: #9ec3cf;
padding: 30px;
border-radius: 4px;
width: 320px;
box-shadow: 0 5px 20px rgba(0,0,0,0.1);
}
.firmware-right h3 {
margin-bottom: 10px;
font-size: 22px;
}
.firmware-right p {
font-size: 14px;
margin-bottom: 15px;
}
.firmware-right input {
width: 100%;
padding: 10px;
margin-bottom: 10px;
border: none;
border-radius: 3px;
}
.firmware-right button {
width: 100%;
padding: 10px;
background: #1e90d2;
color: white;
border: none;
border-radius: 3px;
font-weight: bold;
cursor: pointer;
}
.firmware-right button:hover {
background: #0d7fc2;
}
.privacy {
font-size: 12px;
text-align: center;
margin-top: 10px;
}
/* MOBILE */
@media (max-width: 768px) {
.firmware-section {
flex-direction: column;
text-align: center;
}
.firmware-right {
width: 100%;
}
}
</style>
<div class="firmware-section">
<!-- LEFT CONTENT -->
<div class="firmware-left">
<h2>Latest Amcrest Firmware</h2>
<p>Sign up to be notified of the following:</p>
<ul>
<li>✔ New firmware releases</li>
<li>✔ New product releases</li>
<li>✔ Discounts and product specials</li>
</ul>
</div>
<!-- RIGHT FORM -->
<div class="firmware-right">
<h3>Sign Up</h3>
<p>Get the latest firmware releases and receive notifications of any updates.</p>
<form method="post" action="https://www.aweber.com/scripts/addlead.pl">
<!-- REQUIRED HIDDEN FIELDS -->
<input type="hidden" name="meta_web_form_id" value="1968294583">
<input type="hidden" name="listname" value="awlist3735293">
<input type="hidden" name="redirect" value="https://amlinksecurity.com/pages/firmware-subscribe">
<input type="hidden" name="meta_adtracking" value="Amcrest_Firmware_Signup">
<input type="hidden" name="meta_message" value="1">
<input type="hidden" name="meta_required" value="name,email">
<!-- INPUTS -->
<input type="text" name="name" placeholder="Name" required>
<input type="email" name="email" placeholder="Email" required>
<button type="submit">Submit</button>
</form>
<p class="privacy">
We respect your
<a href="https://www.aweber.com/permission.htm" target="_blank">
Email Privacy
</a>
</p>
</div>
</div>