I'm looking to integrate a Login form in HTML within my C# project. Here's what I have so far:
However, as you can see, the layout is not very aesthetically pleasing. I'm struggling to align the elements in a more visually appealing way. My preference would be to have "Register" displayed above the "Username" field.
Below is a simplified version of my current code. If you need the complete code, feel free to ask.
<div class="is-flex" style="justify-content:center;align-items:center;height:100%;">
<form id="addGuestOrCompany">
<div class="control">
<div class="buttonWrapper">
<button type="submit" id="registerButton" class="button buy">
Register Now
</button>
</div>
</div>
</form>
<br />
<br />
<br />
<form id="addGuest">
<fieldset>
<div class="field">
<label class="label subtitle has-text-white" for="userName">Username</label>
<input class="input is-success" type="text" placeholder="Username" id="userName" name="userName">
</div>
</fieldset>
<div class="control">
<div class="buttonWrapper">
<button type="submit" id="addGuestBtn" class="button buy">Enter</button>
</div>
</div>
</form>
</div>
I am using the Bulma IO framework. I hope this provides all necessary information. Thank you in advance!