MissnationBlazor/MissNationSharedUI/Shared/Components/Pages/Apply.razor

128 lines
6.7 KiB
Plaintext

@page "/apply"
@using MissNationSharedUI.Shared.Components.Layout
<PageTitle>Apply</PageTitle>
<MyTitleComponent PageTitle="Apply"></MyTitleComponent>
<!--body content start-->
<section class="body-content">
<div class="page-content">
<div class="container">
<div class="row">
<div class="col-md-4">
<h4 class="text-uppercase">Rules of application</h4>
<p class="apply-text">Application criteria:</p>
<!--address>
<p>Telp: +62 500 800 123 </p>
<p>Fax: +62 500 800 112 </p>
<p>Email: testmail@yourdomain.com</p>
</address-->
<div>
<p class="apply-text">
Age limits: 21-35 years
Height: approximately 165-190 cm (no strict rules apply; it is important that contestants carry national beauty - the ideal height can vary from nation to nation)
Naturalness
Plastic surgeries: not allowed
Tattoos: not allowed
Important personality traits: empathy, helpfulness, self-confidence, national awareness, charisma
Education: not an aspect that is considered to be ruled by specific criteria, however, it is advised to choose a queen who is/has been in higher education as we are looking for a queen who is intelligent and has good communication skills
Reasons for disqualification:
the applicant has not yet reached the age of 35
any pornographic material has ever been made about her
she suffers from (substance) addiction
cannot speak her mother tongue fluently
</p>
</div>
</div>
<div class="col-md-8">
<h4 class="text-uppercase">Join the contest!</h4>
<!--<p>Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus. Nam libero tempore</p>-->
<p>Currently the application is closed!</p>
<form class="contact-comments m-top-50 js-Mailer invisible" method="post">
<div class="row">
<div class="col-md-6 col-xs-12 form-group">
<label for="form-field-name"> Full Name *</label>
<!-- Name -->
<input type="text" name="name" id="form-field-name" class="form-control" maxlength="100" required data-error="You must enter full name" placeholder= "Please enter your full name">
<div class="help-block with-errors"></div>
</div>
<div class="col-md-6 col-xs-12 form-group">
<label for="form-field-email">Email *</label>
<!-- Email -->
<input type="email" name="email" id="form-field-email" class="form-control" maxlength="100" required data-error="Invalid email address!" placeholder="Please enter your email address">
<div class="help-block with-errors"></div>
</div>
<div class="col-md-6 col-xs-12 form-group">
<label for="form-field-phone">Age *</label>
<!-- Phone -->
<input type="text" name="phone" id="form-field-phone" class="form-control" maxlength="100" placeholder="Please enter your age">
</div>
<div class="col-md-6 col-xs-12 form-group">
<label for="form-field-subject">Country *</label>
<!-- Subject -->
<input type="text" name="subject" id="form-field-subject" class="form-control" maxlength="100" placeholder="Please select your nationality">
</div>
<div class="form-group col-md-12">
<label for="form-field-comments">Photo 1 *</label>
<!-- Photo1 -->
<input type="text" name="photo1" id="form-field-comments" class=" form-control" rows="6" maxlength="400">
</div>
<div class="form-group col-md-12">
<label for="form-field-comments">Photo 2 *</label>
<!-- Photo2 -->
<input type="text" name="photob2" id="form-field-comments" class=" form-control" rows="6" maxlength="400">
</div>
<div class="form-group col-md-12">
<label for="form-field-comments">Photo 3 *</label>
<!-- Photo3 -->
<input type="text" name="photo3" id="form-field-comments" class=" form-control" rows="6" maxlength="400">
</div>
<div class="col-md-6 col-xs-12 form-group">
<label for="form-field-phone">Facebook URL *</label>
<!-- Facebook -->
<input type="text" name="phone" id="form-field-phone" class="form-control" maxlength="100" placeholder="You can paste your facebook profile url here">
</div>
<div class="col-md-6 col-xs-12 form-group">
<label for="form-field-subject">Instagram URL *</label>
<!-- Instagram -->
<input type="text" name="subject" id="form-field-subject" class="form-control" maxlength="100" placeholder="You can paste your instagram url here">
</div>
<!-- Apply Button -->
<div class="form-group col-md-12">
<button type="submit" class="btn btn-small btn-dark-solid" >Apply</button>
</div>
</div>
<input type="hidden" name="id" value="FORM_ALT">
</form>
</div>
</div>
</div>
</div>
</section>
<!--body content end-->
@code {
}