pyc-website

main website for pyc inc.

git clone https://9o.is/git/pyc-website.git

contact-form.html

(2715B)


      1 <div data-lift="Contact" ng-controller="ContactCtrl" ng-cloak>
      2 	<form name="form" class="smart-form client-form" ng-submit="save()" novalidate>
      3 		<fieldset>
      4 			<section>
      5 				<label class="input" ng-class="{{ stateSuccessError('name') }}"> 
      6 					<i class="icon-append fa fa-user"></i>
      7 					<input name="name" ng-model="model.name" data-lift="Placeholder?name=name" type="text" required>
      8 					<b class="tooltip tooltip-top-left"><span data-lift="Loc.name_tip"></span>.</b>
      9 				</label>
     10 			</section>
     11 			
     12 			<section>
     13 				<label class="input" ng-class="{{ stateSuccessError('email') }}"> 
     14 					<i class="icon-append fa fa-envelope-o"></i>
     15 					<input name="email" ng-model="model.email" data-lift="Placeholder?name=Email" type="email" required>
     16 					<b class="tooltip tooltip-top-left"><span data-lift="Loc.email_tip"></span>.</b>
     17 					<span ng-show="form.email.$invalid && form.email.$dirty" class="text-danger small">
     18 						<span data-lift="Loc.invalid_email"></span>
     19 					</span>
     20 				</label>
     21 			</section>
     22 			
     23 			<section>
     24 				<label class="input" ng-class="{{ stateSuccessError('phone') }}"> 
     25 					<i class="icon-append fa fa-phone"></i> 
     26 					<input name="phone" ng-model="model.phone" ui-mask="(999) 999-9999" placeholder="(xxx) xxx-xxxx" type="text" required>
     27 					<b class="tooltip tooltip-top-left"><span data-lift="Loc.phone_tip"></span>.</b>
     28 					<span ng-show="form.phone.$invalid && form.phone.$dirty" class="text-danger small">
     29 						<span data-lift="Loc.invalid_phone"></span>
     30 					</span>
     31 				</label>
     32 			</section>
     33 			
     34 			<section ng-class="{{ stateSuccess('reason') }}">
     35 				<label class="select"> 
     36 					<select name="reason" ng-model="model.reason">
     37 						<option value="General Question">General Question</span></option>
     38 						<option value="Press Inquiry">Press Inquiry</option>
     39 						<option value="Interested in hosting a Bitcoin ATM">Interested in hosting a Bitcoin ATM</option>
     40 					</select>
     41 					<i></i>
     42 					<b class="tooltip tooltip-top-left"><span data-lift="Loc.contact_reason_tip"></span>.</b>
     43 				</label>
     44 			</section>
     45 
     46 			<section>
     47 				<label class="textarea" ng-class="{{ stateSuccess('msg') }}"> 
     48 					<i class="icon-append fa fa-comment"></i>
     49 					<textarea name="msg" ng-model="model.msg" rows="6"></textarea>
     50 					<b class="tooltip tooltip-top-left"><span data-lift="Loc.contact_message_tip"></span></b>
     51 				</label>
     52 			</section>
     53 			
     54 		</fieldset>
     55 
     56 		<footer>
     57 			<div ng-controller="ContactAlert" ng-cloak>
     58 				<span data-lift="embed?what=/templates-hidden/parts/alert"></span>
     59 			</div>
     60 			
     61 			<button type="submit" class="btn btn-primary" ng-disabled="form.$invalid" disabler ng-model="loading"><span data-lift="Loc.Send_Message"></span></button>
     62 		</footer>
     63 	</form>
     64 </div>