Home
(current)
Classified Projects
Resumé
Secret Identity
Who is The Non-Binary Dev?
Voyage Through Space
Made with C# and Unity
<!--=.=.=.=.=.=.=.=.=.= Call to Action =.=.=.=.=.=.=.=.=.=--> <blockquote class="blockquote mt-3"> <p class="text-center col-head quote">"It's a nerd!"<br>"It's a brain!"<br>"It's The Non-Binary Dev!"</p> </blockquote> <div class="container text-center"> <h2 class="block pb-3 title">Activate the The Non-Binary Beacon to request a quote!</h2> <a href="index.html" type="button" class="" data-toggle="modal" data-target="#quote-me"><div class="picture"></div></a> </div><!-- /Call to Action --> <!--=.=.=.=.=.=.=.=.=.= Footer =.=.=.=.=.=.=.=.=.=--> <footer> <ul class="nav nav-footer contact-info justify-content-center"> <li class="nav-item"> <a class="nav-link footer-icon" href="https://github.com/n0nb1naryDev/" target="_blank"> <svg class="contact-icon"> <use xlink: href="#github"> </svg> </a> </li> <li class="nav-item"> <a class="nav-link footer-icon" href="https://twitter.com/n0nb1naryDev/" target="_blank"> <svg class="contact-icon"> <use xlink: href="#twitter"> </svg> </a> </li> <li class="nav-item"> <a class="nav-link footer-icon" href="https://www.instagram.com/n0nb1naryDev/" target="_blank"> <svg class="contact-icon"> <use xlink: href="#instagram"> </svg> </a> </li> <li class="nav-item"> <a class="nav-link footer-icon" href="https://www.facebook.com/n0nb1naryDev/" target="_blank"> <svg class="contact-icon"> <use xlink: href="#facebook"> </svg> </a> </li> <li class="nav-item"> <a class="nav-link footer-icon" href="mailto:iamwebwoman@gmail.com" target="_blank"> <svg class="contact-icon"> <use xlink: href="#email"> </svg> </a> </li> <li class="nav-item"> <a class="nav-link footer-icon" href="tel:7376102938"> <svg class="contact-icon"> <use xlink: href="#phone"> </svg> </a> </li> </ul> <p class="copyright text-right mt-2 mr-1"> ©2020 The Non-Binary Dev </p> </footer><!-- /Footer --> <!--=.=.=.=.=.=.=.=.=.= Modals =.=.=.=.=.=.=.=.=.=--> <!--=.=.=.=.=.=.=.=.=.= Top-secret Modal =.=.=.=.=.=.=.=.=.=--> <div class="modal fade" id="top-secret" tabindex="-1" role="dialog" aria-labelledby="top-secret" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title header" id="exampleModalLabel">This Information is Top-Secret!</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <p class="lead">Do you promise to keep The Non-Binary Dev's identity confidential?</p> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-dismiss="modal">Heck No!</button> <a href="who.html"><button type="button" class="btn btn-primary">I Do!</button></a> </div> </div> </div> </div> <!-- /Top-secret Modal --> <!--=.=.=.=.=.=.=.=.=.= Quote Modal =.=.=.=.=.=.=.=.=.=--> <div class="modal fade" id="quote-me" tabindex="-1" role="dialog"> <div class="modal-dialog"> <div class="modal-content teko text-center"> <div class="modal-header"> <h5 class="modal-title">Request a Quote</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <form action="https://formsubmit.co/iamwebwoman@gmail.com" method="POST"> <p class="teko text-center mt-1 "><strong>What services are you interested in? Check all that apply.</strong></p> <div class="row row-cols-2"> <div class="form-check text-center col"> <input name = "website-building" class="form-check-input" type="checkbox" value="" id="defaultCheck1"> <label class="form-check-label indie" for="defaultCheck1"> Website Building </label> </div> <div class="form-check text-center col"> <input name = "product-photography" class="form-check-input" type="checkbox" value="" id="defaultCheck1"> <label class="form-check-label indie" for="defaultCheck1"> Product Photography </label> </div> </div> <div class="form-check text-center "> <input class="form-check-input" type="checkbox" value="" id="defaultCheck1"> <label name = "logo-design" class="form-check-label indie" for="defaultCheck1"> Logo Design </label> </div> <p class="teko text-center mt-4"><strong> For Product Photography: </strong></p> <div class="form-group"> <label for="exampleFormControlSelect1 indie">Number of Products:</label> <select name = "number-photos" class="form-control indie" id="exampleFormControlSelect1"> <option>No Photography Needed</option> <option>1</option> <option>2-3</option> <option>4-5</option> <option>5-10</option> <option>Greater than 10</option> </select> </div> <div class="form-group indie"> <label for="exampleFormControlTextarea1">Describe your Product:</label> <textarea name = "describe-product" class="form-control" id="exampleFormControlTextarea1" rows="3"></textarea> </div> <p class="teko text-center mt-4"><strong> For Logo Design: </strong></p> <div class="form-group indie"> <label for="exampleFormControlTextarea1">Describe your business and the image you have in mind for your logo (please provide as much detail as you can. ex. Colors, fonts, styles etc.):</label> <textarea name = "describe-business" class="form-control" id="exampleFormControlTextarea1" rows="3"></textarea> </div> <p class="teko text-center mt-4"><strong> For Website Building: </strong></p> <label class="indie" for="">What is the primary use for your Website?</label> <input name = "primary-use" class="form-control indie" type="text" placeholder=""> <label class="indie mt-2" for="">Which functions or features are necessary for you to have? Check any that apply.</label> <div class="container"> <div class="row row-cols-2"> <div class="form-check text-center col"> <input name = "about-us" name = "functions-features" class="form-check-input" type="checkbox" value="" id="defaultCheck1"> <label class="form-check-label indie" for="defaultCheck1"> About us </label> </div> <div class="form-check text-center col"> <input name = "blog" class="form-check-input" type="checkbox" value="" id="defaultCheck1"> <label class="form-check-label indie" for="defaultCheck1"> Blog </label> </div> <div class="form-check text-center col"> <input name = "newsletter" class="form-check-input" type="checkbox" value="" id="defaultCheck1"> <label class="form-check-label indie" for="defaultCheck1"> Newsletter Sign-up </label> </div> <div class="form-check text-center col"> <input name = "accept-payments" class="form-check-input" type="checkbox" value="" id="defaultCheck1"> <label class="form-check-label indie" for="defaultCheck1"> Accept payments </label> </div> <div class="form-check text-center col"> <input name = "contact-forms" class="form-check-input" type="checkbox" value="" id="defaultCheck1"> <label class="form-check-label indie" for="defaultCheck1"> Contact forms </label> </div> <div class="form-check text-center col"> <input name = "social-media" class="form-check-input" type="checkbox" value="" id="defaultCheck1"> <label class="form-check-label indie" for="defaultCheck1"> Social Media Integration </label> </div> <div class="form-check text-center col"> <input name = "image-gallery" class="form-check-input" type="checkbox" value="" id="defaultCheck1"> <label class="form-check-label indie" for="defaultCheck1"> Image Gallery </label> </div> <div class="form-check text-center col"> <input name = "FAQ" class="form-check-input" type="checkbox" value="" id="defaultCheck1"> <label class="form-check-label indie" for="defaultCheck1"> FAQ- Frequently Asked Questions </label> </div> </div> </div> <label class="indie mt-2" for="">Any Other Features Not Listed Above?</label> <input name = "other-features" class="form-control indie" type="text" placeholder=""> <label class="indie mt-2" for="">Any Color Preferences or Color Pallets? (List Hex Codes if Known for Accuracy)</label> <input name = "color-preferences" class="form-control indie" type="text" placeholder=""> <label class="indie mt-2" for="">Describe your Business:</label> <input name = "describe-business" class="form-control indie" type="text" placeholder=""> <label class="indie mt-2" for="">List any websites that have the look and feel you want to relay:</label> <textarea class="model-websites" id="exampleFormControlTextarea1" rows="3"></textarea> <div class="form-group indie mt-2"> <label for="exampleFormControlTextarea1">What is the most important information your site must relay to the user, especially on the home page?</label> <textarea name = "important-info" class="form-control" id="exampleFormControlTextarea1" rows="3"></textarea> </div> <p class="teko text-center mt-4"><strong> Contact Info: </strong></p> <div class="form-row indie"> <div class="col"> <input name = "first-name" type="text" class="form-control" placeholder="First name" required> </div> <div class="col"> <input name = "last-name" type="text" class="form-control" placeholder="Last name" required> </div> </div> <div class="form-group row mt-1"> <div class="col-sm-10 indie"> <input name = "email" type="email" class="form-control form-control-sm" id="colFormLabelSm" placeholder="Email" required> </div> </div> </div> <div class="modal-footer teko"> <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> <button type="submit" class="btn btn-send">Send!</button> </div> <script> document.forms[0].onsubmit = function(event){ createCard(event); } function createCard(event){ event.target.style.display = "none"; } </script> </form> </div> </div> </div><!-- /Quote Modal --> <!-- Optional JavaScript --> <!-- jQuery first, then Popper.js, then Bootstrap JS --> <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script> </body> </html>