<section class="py-12 py-lg-24 bg-black position-relative overflow-hidden">
<div class="container">
<div class="mw-5xl mx-auto mb-16 text-center"><span class="badge mb-4 text-primary">Nightsable Card</span>
<h2 class="font-heading mb-8" style="letter-spacing: -0.1rem;">Work with Nightsable Team Exchange as a creative partner, we`ll reach out to you soon!</h2><span class="text-secondary-light mb-0">Nightsable is a strategic branding agency focused on brand creation, rebrands, and brand</span>
</div>
<div class="mw-md mw-lg-4xl mx-auto">
<form action="">
<div class="row mb-14">
<div class="col-12 col-lg-6 mb-4">
<input class="form-control bg-transparent" type="text" placeholder="First Name">
</div>
<div class="col-12 col-lg-6 mb-4">
<input class="form-control bg-transparent" type="text" placeholder="Last Name">
</div>
<div class="col-12 col-lg-6 mb-4">
<input class="form-control bg-transparent" type="email" placeholder="E-mail">
</div>
<div class="col-12 col-lg-6 mb-4">
<input class="form-control bg-transparent" type="text" placeholder="Company">
</div>
<div class="col-12 col-lg-6">
<select class="form-select bg-transparent" name="" id="">
<option value="1">Location</option>
<option value="2">USA</option>
<option value="3">Germany</option>
</select>
</div>
</div>
<div class="text-center">
<button class="btn btn-primary mb-6 w-100 mw-xs fw-medium" type="submit">Sign up</button>
<p class="mw-sm mx-auto mb-0"><span class="text-secondary-light">Your information will be used accordane with our</span><a class="btn ms-1 p-0 text-light text-decoration-underline" href="#"> Privacy Policy.</a><span class="text-secondary-light">You may opf out at any time</span></p>
</div>
</form>
</div>
</div>
</section>
Can't find the right component?
Describe it and Shuffle AI builds it in seconds, ready to edit and export.
Free to start
Generate with AI
