Skip to content

Instantly share code, notes, and snippets.

@beatscode

beatscode/test.html

Created November 10, 2018 16:25
Show Gist options
  • Save beatscode/ef086b57cc8cda9a81d8dc02f71c4777 to your computer and use it in GitHub Desktop.
Save beatscode/ef086b57cc8cda9a81d8dc02f71c4777 to your computer and use it in GitHub Desktop.
Download ZIP
test for html-sketchapp
Raw
test.html
<!DOCTYPE html>
<html lang="en">
<head class="html5reset-bare-bones">
<!-- Latest compiled and minified CSS -->
<style type="text/css">
.symbol_text {
color: mediumpurple;
}
</style>
</head>
<body class="container">
<h1>
Physician
</h1>
<br><br>
<table class="table">
<tr>
<td>
<div data-sketch-symbol="Physician/firstname/Variable/641d4e8d-0a65-43e2-b07f-18f1aed2eae4" class="symbol_text">
Firstname
</div>
</td>
<td>
<div data-sketch-symbol="Physician/firstname/Dropdown" class="symbol_dropdown">
<div class="form-group">
<label for="" class="">
<strong class="">Firstname</strong></label><br>
<select class="form-control">
<option value="" disabled="">Placeholder text</option>
</select>
</div>
</div>
</div>
</td>
<td>
<div class="form-group" data-sketch-symbol="Physician/firstname/Radio">
<label class="">
<input class="" type="radio"/>
<span class="">firstname</span>
</label>
</div>
</td>
<td>
<div class="checkbox" data-sketch-symbol="Physician/firstname/Checkbox">
<label>
<input class="" type="checkbox"/>
<span class="">firstname</span>
</label>
</div>
</td>
<td>
<div data-sketch-symbol="Physician/firstname/TextField">
<div class="form-group">
<label for=""><strong class="">Firstname</strong></label><br>
<input type="text" class="" placeholder="Firstname" value="">
</div>
</div>
</td>
<td>
<div class="form-group">
<label for=""><strong class="">Firstname</strong></label><br>
<div data-sketch-symbol="Physician/firstname/Textarea">
<textarea class="form-control">firstname text area</textarea>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div data-sketch-symbol="Physician/lastname/Variable/99bc8845-a9e1-49d6-9c8e-fdb4bdbf823a" class="symbol_text">
Lastname
</div>
</td>
<td>
<div data-sketch-symbol="Physician/lastname/Dropdown" class="symbol_dropdown">
<div class="form-group">
<label for="" class="">
<strong class="">Lastname</strong></label><br>
<select class="form-control">
<option value="" disabled="">Placeholder text</option>
</select>
</div>
</div>
</div>
</td>
<td>
<div class="form-group" data-sketch-symbol="Physician/lastname/Radio">
<label class="">
<input class="" type="radio"/>
<span class="">lastname</span>
</label>
</div>
</td>
<td>
<div class="checkbox" data-sketch-symbol="Physician/lastname/Checkbox">
<label>
<input class="" type="checkbox"/>
<span class="">lastname</span>
</label>
</div>
</td>
<td>
<div data-sketch-symbol="Physician/lastname/TextField">
<div class="form-group">
<label for=""><strong class="">Lastname</strong></label><br>
<input type="text" class="" placeholder="Lastname" value="">
</div>
</div>
</td>
<td>
<div class="form-group">
<label for=""><strong class="">Lastname</strong></label><br>
<div data-sketch-symbol="Physician/lastname/Textarea">
<textarea class="form-control">lastname text area</textarea>
</div>
</div>
</td>
</tr>
<tr>
<td>
<h3 class="">Action Physician</h3>
<div data-sketch-symbol="Physician/Button/Action">
<button class="btn btn-default">ACTION</button>
</div>
</td>
<td>
<h3 class="">Save Physician</h3>
<div data-sketch-symbol="Physician/Button/Save">
<button class="btn btn-primary">SAVE</button>
</div>
</td>
<td>
<h3 class="">Delete Physician</h3>
<div data-sketch-symbol="Physician/Button/Delete">
<button class="btn btn-danger">REMOVE</button>
</div>
</td>
<td colspan="3"></td>
</tr>
</table>
<h1>
Location
</h1>
<br><br>
<table class="table">
<tr>
<td>
<div data-sketch-symbol="Location/city/Variable/e08e6b7f-938b-45e9-bd4d-dd6eb8b50851" class="symbol_text">
City
</div>
</td>
<td>
<div data-sketch-symbol="Location/city/Dropdown" class="symbol_dropdown">
<div class="form-group">
<label for="" class="">
<strong class="">City</strong></label><br>
<select class="form-control">
<option value="" disabled="">Placeholder text</option>
</select>
</div>
</div>
</div>
</td>
<td>
<div class="form-group" data-sketch-symbol="Location/city/Radio">
<label class="">
<input class="" type="radio"/>
<span class="">city</span>
</label>
</div>
</td>
<td>
<div class="checkbox" data-sketch-symbol="Location/city/Checkbox">
<label>
<input class="" type="checkbox"/>
<span class="">city</span>
</label>
</div>
</td>
<td>
<div data-sketch-symbol="Location/city/TextField">
<div class="form-group">
<label for=""><strong class="">City</strong></label><br>
<input type="text" class="" placeholder="City" value="">
</div>
</div>
</td>
<td>
<div class="form-group">
<label for=""><strong class="">City</strong></label><br>
<div data-sketch-symbol="Location/city/Textarea">
<textarea class="form-control">city text area</textarea>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div data-sketch-symbol="Location/state/Variable/8f553d7f-7cf8-41cb-9a97-9c2a15325cef" class="symbol_text">
State
</div>
</td>
<td>
<div data-sketch-symbol="Location/state/Dropdown" class="symbol_dropdown">
<div class="form-group">
<label for="" class="">
<strong class="">State</strong></label><br>
<select class="form-control">
<option value="" disabled="">Placeholder text</option>
</select>
</div>
</div>
</div>
</td>
<td>
<div class="form-group" data-sketch-symbol="Location/state/Radio">
<label class="">
<input class="" type="radio"/>
<span class="">state</span>
</label>
</div>
</td>
<td>
<div class="checkbox" data-sketch-symbol="Location/state/Checkbox">
<label>
<input class="" type="checkbox"/>
<span class="">state</span>
</label>
</div>
</td>
<td>
<div data-sketch-symbol="Location/state/TextField">
<div class="form-group">
<label for=""><strong class="">State</strong></label><br>
<input type="text" class="" placeholder="State" value="">
</div>
</div>
</td>
<td>
<div class="form-group">
<label for=""><strong class="">State</strong></label><br>
<div data-sketch-symbol="Location/state/Textarea">
<textarea class="form-control">state text area</textarea>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div data-sketch-symbol="Location/addressline1/Variable/d27103c0-0de7-49f7-9d05-48188e77998a" class="symbol_text">
Addressline1
</div>
</td>
<td>
<div data-sketch-symbol="Location/addressline1/Dropdown" class="symbol_dropdown">
<div class="form-group">
<label for="" class="">
<strong class="">Addressline1</strong></label><br>
<select class="form-control">
<option value="" disabled="">Placeholder text</option>
</select>
</div>
</div>
</div>
</td>
<td>
<div class="form-group" data-sketch-symbol="Location/addressline1/Radio">
<label class="">
<input class="" type="radio"/>
<span class="">addressline1</span>
</label>
</div>
</td>
<td>
<div class="checkbox" data-sketch-symbol="Location/addressline1/Checkbox">
<label>
<input class="" type="checkbox"/>
<span class="">addressline1</span>
</label>
</div>
</td>
<td>
<div data-sketch-symbol="Location/addressline1/TextField">
<div class="form-group">
<label for=""><strong class="">Addressline1</strong></label><br>
<input type="text" class="" placeholder="Addressline1" value="">
</div>
</div>
</td>
<td>
<div class="form-group">
<label for=""><strong class="">Addressline1</strong></label><br>
<div data-sketch-symbol="Location/addressline1/Textarea">
<textarea class="form-control">addressline1 text area</textarea>
</div>
</div>
</td>
</tr>
<tr>
<td>
<h3 class="">Action Location</h3>
<div data-sketch-symbol="Location/Button/Action">
<button class="btn btn-default">ACTION</button>
</div>
</td>
<td>
<h3 class="">Save Location</h3>
<div data-sketch-symbol="Location/Button/Save">
<button class="btn btn-primary">SAVE</button>
</div>
</td>
<td>
<h3 class="">Delete Location</h3>
<div data-sketch-symbol="Location/Button/Delete">
<button class="btn btn-danger">REMOVE</button>
</div>
</td>
<td colspan="3"></td>
</tr>
</table>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment