21 lines
No EOL
1.4 KiB
HTML
21 lines
No EOL
1.4 KiB
HTML
<ion-view title="Gemstone" hide-nav-bar="true" id="page1">
|
|
<ion-content padding="false" class=" manual-remove-top-padding" scroll="false">
|
|
<h2 id="gemstone-heading1" style="color:#000000;text-align:center;">Gemstone Tablet App</h2>
|
|
<h5 id="gemstone-heading2" style="color:#000000;text-align:center;">Pick a gemstone from our curated collection:</h5>
|
|
<button id="gemstone-button1" ng-click="emerald()" class="button button-balanced button-block">Emerald</button>
|
|
<button id="gemstone-button2" ng-click="ruby()" class="button button-assertive button-block">Ruby</button>
|
|
<button id="gemstone-button3" ng-click="sapphire()" class="button button-positive button-block">Sapphire</button>
|
|
<button id="gemstone-button4" ng-click="custom()" style="color:#D819FF;" class="button button-stable button-block">Custom</button>
|
|
<form id="gemstone-form1" class="list">
|
|
<ion-item class="range range-positive" id="gemstone-range1">Red
|
|
<input type="range" value="50" min="0" max="100" step="1">
|
|
</ion-item>
|
|
<ion-item class="range range-positive" id="gemstone-range2">Green
|
|
<input type="range" value="50" min="0" max="100" step="1">
|
|
</ion-item>
|
|
<ion-item class="range range-positive" id="gemstone-range3">Blue
|
|
<input type="range" value="50" min="0" max="100" step="1">
|
|
</ion-item>
|
|
</form>
|
|
</ion-content>
|
|
</ion-view> |