Professional Contact Form - Copy this Html, Bootstrap Component to your project
Update make looking good and profecinal way this code<EditForm Model="@this" OnValidSubmit="SubmitForm"> <div class="container"> <div class="row"> <div class="col md 4"> <div class="mb 3"> <label for="stampFiles" class="form label">Upload Stamp Files</label> <InputFile id="stampFiles" OnChange="@(e => OnInputFilesChangeAsync(e, "Stamp"))" multiple class="form control" /> </div> </div> <div class="col md 4"> <div class="mb 3"> <label for="signFiles" class="form label">Upload Sign Files</label> <InputFile id="signFiles" OnChange="@(e => OnInputFilesChangeAsync(e, "Sign"))" multiple class="form control" /> </div> </div> <div class="col md 4"> <div class="mb 3"> <label for="stampSignFiles" class="form label">Upload StampSign Files</label> <InputFile id="stampSignFiles" OnChange="@(e => OnInputFilesChangeAsync(e, "StampSign"))" multiple class="form control" /> </div> </div> </div> <button type="submit" class="btn btn primary">Submit</button> </div> </EditForm> @if (StampFiles.Any() || SignFiles.Any() || StampSignFiles.Any()) { <div class="container mt 4"> @if (StampFiles.Any()) { <div class="mb 4"> <h4>Uploaded Stamp Files:</h4> <div class="d flex flex wrap"> @foreach (var fileData in StampFiles) { <div class="m 2"> <img src="data:image/png;base64,@fileData" alt="Stamp" class="img thumbnail" style="max width: 150px;" /> </div> } </div> </div> } @if (SignFiles.Any()) { <div class="mb 4"> <h4>Uploaded Sign Files:</h4> <div class="d flex flex wrap"> @foreach (var fileData in SignFiles) { <div class="m 2"> <img src="data:image/png;base64,@fileData" alt="Sign" class="img thumbnail" style="max width: 150px;" /> </div> } </div> </div> } @if (StampSignFiles.Any()) { <div class="mb 4"> <h4>Uploaded StampSign Files:</h4> <div class="d flex flex wrap"> @foreach (var fileData in StampSignFiles) { <div class="m 2"> <img src="data:image/png;base64,@fileData" alt="StampSign" class="img thumbnail" style="max width: 150px;" /> </div> } </div> </div> } </div> }
