<template>
  <!-- Signup Modal -->
  <div class="modal fade" id="signupModal" tabindex="-1" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered">
                <div class="modal-content">
                    <div class="modal-body p-4">
                        <div class="text-center mb-4">
                            <h4 class="">Sign up</h4>
                            <p class="text-muted text-uppercase fs-14">Start For Free</p>
                        </div>
                        <b-form>
                        <div class="mb-3">
                            <label for="firstName" class="form-label">First Name</label>
                            <b-form-input type="text" id="firstName" placeholder="Your first name..." />
                        </div>
                        <div class="mb-3">
                            <label for="lasttName" class="form-label">Last Name</label>
                            <b-form-input type="text"  id="lasttName" placeholder="Your last name..." />
                        </div>
                        <div class="mb-3">
                            <label for="emailAddress1" class="form-label">Email Address</label>
                            <b-form-input type="email"  id="emailAddress1" placeholder="Your email..." />
                        </div>
                        <div class="mb-2">
                            <label for="inputPassword2" class="form-label">Password</label>
                            <b-form-input type="password" id="inputPassword2" autocomplete="on"/>
                        </div>
                        <div class="form-check mb-4 pb-2">
                            <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault1" />
                            <label class="form-check-label" for="flexCheckDefault1"> I agree to the <a href="javascript:void(0);">Terms of Service</a> and <a href="javascript:void(0);">Privacy Policy</a> </label>
                        </div>
                    </b-form>
                        <a href="javascript:void(0);" class="btn btn-gradient-primary w-100" data-bs-dismiss="modal">Create account</a>
                    </div>
                </div>
            </div>
        </div>

</template>

<script lang="ts">
    export default {
        
    }
</script>