03982206 by Yashwant

Mobile templte view example file delete

1 parent 9238933e
Showing 34 changed files with 3 additions and 1741 deletions
......@@ -714,7 +714,7 @@ class FrameworkDbSchema extends Migration {
array (
'id' => 1,
'username' => 'admin',
'password' => '$2y$10$3IMlygICC0e0A0yZpbes.OiWPg41e0r71MkUOLRbSH5bNPlFqOayS',
'password' => '$2y$10$rMIU1gBhkyJ4eGSTLOzpJu8AcWDxqkh.P1VKtxxpyGI2uoYRrsyIq',
'fullname' => 'Admin',
'email' => '[email protected]',
'status' => 'Active',
......
<!DOCTYPE HTML>
<html>
<head>
<title>nativeDroid II - jQueryMobile Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.min.css" />
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.css" />
<link rel="stylesheet" href="/vendor/waves/waves.min.css" />
<link rel="stylesheet" href="/css/nativedroid2.css" />
<style>
/* Prevent FOUC */
body { opacity: 0; }
</style>
</head>
<body>
<div data-role="page">
<nd2-include data-src="/examples/fragments/panel.left.html"></nd2-include>
<div data-role="header" data-position="fixed" class="wow fadeIn">
<a href="#leftpanel" class="ui-btn ui-btn-left wow fadeIn" data-wow-delay='0.8s'><i class="zmdi zmdi-menu"></i></a>
<h1 class="wow fadeIn" data-wow-delay='0.4s'>Collapsible &amp; Accordion</h1>
</div>
<div role="main" class="ui-content wow fadeIn" data-wow-delay="0.2s" data-inset="false">
<h4>Collapsible</h4>
<div data-role="collapsible" data-inset="false">
<h4>Collapsible Listview</h4>
<ul data-role="listview">
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">sit amet</a></li>
<li><a href="#">consectetur adipisicing</a></li>
<li><a href="#">elit sed do eiusmod</a></li>
<li><a href="#">tempor incididunt.</a></li>
</ul>
</div>
<div data-role="collapsible" data-inset="false">
<h4>Collapsible Content</h4>
<div>
<h4>Wow, thats cool.</h4>
<p>Im a collapsible content.</p>
</div>
</div>
<hr />
<h4>Accordions</h4>
<div data-role="collapsible-set" data-inset="false">
<div data-role="collapsible">
<h3>Content</h3>
<div class='inset'>
<h4>Wow, thats cool.</h4>
</div>
</div>
<div data-role="collapsible">
<h3>Listview</h3>
<div>
<ul data-role="listview">
<li>Cats</li>
<li>Dogs</li>
<li>Lizards</li>
<li>Snakes</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.js"></script>
<script src="/vendor/waves/waves.min.js"></script>
<script src="/js/nativedroid2.js"></script>
<script src="/nd2settings.js"></script>
</body>
</html>
<!DOCTYPE HTML>
<html>
<head>
<title>nativeDroid II - jQueryMobile Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.min.css" />
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.css" />
<link rel="stylesheet" href="/vendor/waves/waves.min.css" />
<link rel="stylesheet" href="/vendor/wow/animate.css" />
<link rel="stylesheet" href="/css/nativedroid2.css" />
<style>
/* Prevent FOUC */
body { opacity: 0; }
</style>
</head>
<body>
<div data-role="page">
<nd2-include data-src="/examples/fragments/panel.left.html"></nd2-include>
<div data-role="header" data-position="fixed" class="wow fadeIn">
<a href="#leftpanel" class="ui-btn ui-btn-left wow fadeIn" data-wow-delay='0.8s'><i class="zmdi zmdi-menu"></i></a>
<h1 class="wow fadeIn" data-wow-delay='0.4s'>Dialog &amp; Popup</h1>
</div>
<div role="main" class="ui-content wow fadeIn" data-wow-delay="0.2s" data-inset="false">
<h2>Popup Dialog</h2>
<a href="#popupDialog" data-rel="popup" data-position-to="window" data-role="button" data-inline="true" data-transition="pop"><i class='lIcon fa fa-external-link'></i> Open popup dialog</a>
<div data-role="popup" id="popupDialog">
<div data-role="header">
<h1 class='nd-title'>Delete from library?</h1>
</div>
<div data-role="content">
<p>This is a regular page, styled as a dialog. To create a dialog, just link to a normal page and include a transition and <code>data-rel="dialog"</code> attribute.</p>
<a href="dialog/index.html" data-rel="back" data-role="button" data-inline="true" class="ui-btn ui-btn-primary"><i class='zmdi zmdi-check'></i> Sounds good</a>
<a href="dialog/index.html" data-rel="back" data-role="button" data-inline="true" class="ui-btn ui-btn-primary"><i class='zmdi zmdi-cancel'></i> Cancel</a>
</div>
</div>
</div>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.js"></script>
<script src="/vendor/waves/waves.min.js"></script>
<script src="/vendor/wow/wow.min.js"></script>
<script src="/js/nativedroid2.js"></script>
<script src="/nd2settings.js"></script>
</body>
</html>
<!DOCTYPE HTML>
<html>
<head>
<title>nativeDroid II - jQueryMobile Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.min.css" />
<link rel="stylesheet" href="/vendor/jquerymobile/jquery.mobile.min.css" />
<link rel="stylesheet" href="/vendor/waves/waves.min.css" />
<link rel="stylesheet" href="/vendor/wow/animate.css" />
<link rel="stylesheet" href="/css/nativedroid2.css" />
<style>
/* Prevent FOUC */
body { opacity: 0; }
</style>
</head>
<body>
<div data-role="page" class="nd2-no-menu-swipe">
<nd2-include data-src="/examples/fragments/panel.left.html"></nd2-include>
<div data-role="header" data-position="fixed" class="wow fadeIn">
<a href="#leftpanel" class="ui-btn ui-btn-left wow fadeIn" data-wow-delay='0.8s'><i class="zmdi zmdi-menu"></i></a>
<h1 class="wow fadeIn" data-wow-delay='0.4s'>Forms</h1>
</div>
<div role="main" class="ui-content wow fadeIn" data-inset="false" data-wow-delay="0.2s">
<form>
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-4">
<div class="box">
<fieldset data-role="controlgroup">
<legend>Checkboxes</legend>
<input type="checkbox" name="checkbox-1a" id="checkbox-1ab" checked="">
<label for="checkbox-1ab">Cheetos</label>
<input type="checkbox" name="checkbox-2a" id="checkbox-2ab">
<label for="checkbox-2ab">Doritos</label>
<input type="checkbox" name="checkbox-3a" id="checkbox-3ab">
<label for="checkbox-3ab">Fritos</label>
<input type="checkbox" name="checkbox-4a" id="checkbox-4ab">
<label for="checkbox-4ab">Sun Chips</label>
</fieldset>
<fieldset data-role="controlgroup" data-type="horizontal" data-mini="true">
<legend>Checkboxes horizontal</legend>
<input type="checkbox" name="checkbox-6" id="checkbox-6b">
<label for="checkbox-6b">b</label>
<input type="checkbox" name="checkbox-7" id="checkbox-7b" checked="">
<label for="checkbox-7b"><em>i</em></label>
<input type="checkbox" name="checkbox-8" id="checkbox-8b">
<label for="checkbox-8b">u</label>
</fieldset>
<fieldset data-role="controlgroup">
<legend>Radio Buttons</legend>
<input type="radio" name="radio-choice-1" id="radio-choice-1b" value="choice-1" checked="checked">
<label for="radio-choice-1b">Cat</label>
<input type="radio" name="radio-choice-1" id="radio-choice-2b" value="choice-2">
<label for="radio-choice-2b">Dog</label>
<input type="radio" name="radio-choice-1" id="radio-choice-3b" value="choice-3">
<label for="radio-choice-3b">Hamster</label>
<input type="radio" name="radio-choice-1" id="radio-choice-4b" value="choice-4">
<label for="radio-choice-4b">Lizard</label>
</fieldset>
<fieldset data-role="controlgroup" data-type="horizontal" data-mini="true">
<legend>Radio Buttons</legend>
<input type="radio" name="radio-choice-a" id="radio-choice-ab" value="choice-a" checked="checked">
<label for="radio-choice-ab">Select</label>
<input type="radio" name="radio-choice-a" id="radio-choice-bb" value="choice-b">
<label for="radio-choice-bb">one</label>
<input type="radio" name="radio-choice-a" id="radio-choice-cb" value="choice-c">
<label for="radio-choice-cb">thing</label>
<input type="radio" name="radio-choice-a" id="radio-choice-db" value="choice-d">
<label for="radio-choice-db">here!</label>
</fieldset>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-4">
<div class="box">
<label for="name2b">Text Input:</label>
<input type="text" name="name2" id="name2b" value="" data-clear-btn="true" placeholder="Type your text here...">
<label for="inputDate">Input type Date:</label>
<input type="date" name="inputDate" id="inputDate" value="" data-clear-btn="true" placeholder="">
<label for="inputColor">Input type Color:</label>
<input type="color" name="inputColor" id="inputColor" value="" data-clear-btn="true" placeholder="">
<label for="inputDatetime">Input type datetime:</label>
<input type="datetime" name="inputDatetime" id="inputDatetime" value="" data-clear-btn="true" placeholder="">
<label for="inputEmail">Input type email:</label>
<input type="email" name="inputEmail" id="inputEmail" value="" data-clear-btn="true" placeholder="">
<label for="inputMonth">Input type month:</label>
<input type="month" name="inputMonth" id="inputMonth" value="" data-clear-btn="true" placeholder="">
<label for="inputTime">Input type time:</label>
<input type="time" name="inputTime" id="inputTime" value="" data-clear-btn="true" placeholder="">
<label for="inputUrl">Input type url:</label>
<input type="url" name="inputUrl" id="inputUrl" value="" data-clear-btn="true" placeholder="">
<label for="inputWeek">Input type week:</label>
<input type="week" name="inputWeek" id="inputWeek" value="" data-clear-btn="true" placeholder="">
<label for="textarea2b">Textarea:</label>
<textarea cols="40" rows="8" name="textarea2" id="textarea2b" placeholder="This is a textarea"></textarea>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-4">
<div class="box">
<label for="flip2b">Flip switch:</label>
<select name="flip2" id="flip2b" data-role="flipswitch">
<option value="off">Off</option>
<option value="on">On</option>
</select>
<label for="slider2b">Slider:</label>
<input type="range" name="slider2" id="slider2b" value="0" min="0" max="100" data-highlight="true">
<div data-role='rangeslider'>
<label for='rangeslider1a'>RangeSlider:</label>
<input type='range' name='range1a' id='range1a' min='0' max='100' value='40'>
<label for='rangeslider1b'>RangeSlider:</label>
<input type='range' name='range1b' id='range1b' min='0' max='100' value='80'>
</div>
<label for="select-choice-1b" class="select">Select</label>
<select name="select-choice-1" id="select-choice-1b" data-native-menu="false">
<option value="javascript">JavaScript</option>
<option value="css">CSS</option>
<option value="html">HTML</option>
<option value="csharp">C#</option>
<option value="java">Java</option>
</select>
<label for="select-choice-8b" class="select">Multi-select</label>
<select name="select-choice-8" id="select-choice-8b" multiple="multiple" data-icon="grid" data-iconpos="left" data-native-menu="false">
<option>Choose a few options:</option>
<optgroup label="USPS">
<option value="standard" selected="">Standard: 7 day</option>
<option value="rush">Rush: 3 days</option>
<option value="express">Express: next day</option>
<option value="overnight">Overnight</option>
</optgroup>
<optgroup label="FedEx">
<option value="firstOvernight">First Overnight</option>
<option value="expressSaver">Express Saver</option>
<option value="ground">Ground</option>
</optgroup>
</select>
</div>
</div>
</div>
</form>
</div>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.js"></script>
<script src="/vendor/waves/waves.min.js"></script>
<script src="/vendor/wow/wow.min.js"></script>
<script src="/js/nativedroid2.js"></script>
<script src="/nd2settings.js"></script>
</body>
</html>
<!DOCTYPE HTML>
<html>
<head>
<title>nativeDroid II - jQueryMobile Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.min.css" />
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.css" />
<link rel="stylesheet" href="/vendor/waves/waves.min.css" />
<link rel="stylesheet" href="/vendor/wow/animate.css" />
<link rel="stylesheet" href="/css/nativedroid2.css" />
<style>
/* Prevent FOUC */
body { opacity: 0; }
</style>
</head>
<body>
<div data-role="page">
<nd2-include data-src="/examples/fragments/panel.left.html"></nd2-include>
<div data-role="header" data-position="fixed" class="wow fadeIn">
<a href="http://flexboxgrid.com/" class="ui-btn ui-btn-right wow fadeIn" data-wow-delay='1.2s'><i class="zmdi zmdi-link"></i></a>
<a href="#leftpanel" class="ui-btn ui-btn-left wow fadeIn" data-wow-delay='0.8s'><i class="zmdi zmdi-menu"></i></a>
<h1 class="wow fadeIn" data-wow-delay='0.4s'>Flexboxgrid</h1>
</div>
<div role="main" class="ui-content wow fadeIn" data-wow-delay="0.2s" data-inset="false">
<h5 class="nd2-headline">Simple Flexbox Grid System</h5>
<p>
Alternative to the Grid System of jQueryMobile nativeDroid II included the popular and easy to learn, modern css flexbox Grid System from <a href="http://flexboxgrid.com">flexboxgrid.com</a>.
</p>
<p>
The syntax is almost identical to Twitter Bootstrap's Grid System with the benefits of css flexbox.
</p>
<p>
For more Information we refer to its <a href="http://flexboxgrid.com/">official Documentation</a>.
</p>
</div>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.js"></script>
<script src="/vendor/waves/waves.min.js"></script>
<script src="/vendor/wow/wow.min.js"></script>
<script src="/js/nativedroid2.js"></script>
<script src="/nd2settings.js"></script>
</body>
</html>
<!DOCTYPE HTML>
<html>
<head>
<title>nativeDroid II - jQueryMobile Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.min.css" />
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.css" />
<link rel="stylesheet" href="/vendor/waves/waves.min.css" />
<link rel="stylesheet" href="/css/nativedroid2.css" />
<style>
/* Prevent FOUC */
body { opacity: 0; }
</style>
</head>
<body>
<div data-role="page">
<nd2-include data-src="/examples/fragments/panel.left.html"></nd2-include>
<div data-role="panel" id="bottomsheet" class="ui-bottom-sheet ui-bottom-sheet-list" data-animate="false" data-position='bottom' data-display="overlay">
<nd2-include data-src="/examples/fragments/bottom.sheet.html"></nd2-include>
</div>
<div data-role="panel" id="bottomsheetblock" class="ui-bottom-sheet" data-animate="false" data-position='bottom' data-display="overlay">
<nd2-include data-src="/examples/fragments/bottom.sheet.html"></nd2-include>
</div>
<div data-role="header" data-position="fixed" class="wow fadeIn">
<a href="#bottomsheetblock" class="ui-btn ui-btn-right wow fadeIn" data-wow-delay='1.2s'><i class="zmdi zmdi-more-vert"></i></a>
<a href="#leftpanel" class="ui-btn ui-btn-left wow fadeIn" data-wow-delay='0.8s'><i class="zmdi zmdi-menu"></i></a>
<h1 class="wow fadeIn" data-wow-delay='0.4s'>Header &amp; Footer</h1>
</div>
<div role="main" class="ui-content wow fadeIn" data-inset="false" data-wow-delay="0.2s">
<h4>Header Example</h4>
<p>See an animated example on the top. You can simply remove the WOW.js-Tags to avoid animation.</p>
<h4>Footer Example</h4>
<p>See bottom :-)</p>
<h4>Extra: bottom-sheet</h4>
<p>Click the top-right-corner</p>
</div>
<div data-role="footer" data-position="fixed">
<div class="row center-xs">
<div class="col-xs-4">
<div class="box">
<a href="#" class="ui-btn ui-mini nd2-btn-icon-block"><i class='zmdi zmdi-edit'></i> edit</a>
</div>
</div>
<div class="col-xs-4">
<div class="box">
<a href="#" class="ui-btn ui-mini nd2-btn-icon-block"><i class='zmdi zmdi-plus'></i> add</a>
</div>
</div>
<div class="col-xs-4">
<div class="box">
<a href="#" class="ui-btn ui-mini nd2-btn-icon-block"><i class='zmdi zmdi-minus'></i> remove</a>
</div>
</div>
</div>
</div>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.js"></script>
<script src="/vendor/waves/waves.min.js"></script>
<script src="/js/nativedroid2.js"></script>
<script src="/nd2settings.js"></script>
</body>
</html>
<!DOCTYPE HTML>
<html>
<head>
<title>nativeDroid II - jQueryMobile Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.min.css" />
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.css" />
<link rel="stylesheet" href="/vendor/waves/waves.min.css" />
<link rel="stylesheet" href="/vendor/wow/animate.css" />
<link rel="stylesheet" href="/css/nativedroid2.css" />
<style>
/* Prevent FOUC */
body { opacity: 0; }
</style>
</head>
<body>
<div data-role="page">
<nd2-include data-src="/examples/fragments/panel.left.html"></nd2-include>
<div data-role="header" data-position="fixed" class="wow fadeIn">
<a href="#leftpanel" class="ui-btn ui-btn-left wow fadeIn" data-wow-delay='0.8s'><i class="zmdi zmdi-menu"></i></a>
<h1 class="wow fadeIn" data-wow-delay='0.4s'>Listview</h1>
</div>
<div role="main" class="ui-content wow fadeIn" data-inset="false" data-wow-delay="0.2s">
<ul data-role="listview" data-icon="false">
<li data-role="list-divider">
Friends
</li>
<li>
<a href="#">
<img src="//lorempixel.com/150/150/people/1/" class="ui-thumbnail ui-thumbnail-circular" />
<h2>Ethel Chancy</h2>
<p>[email protected]</p>
</a>
</li>
<li>
<a href="#">
<img src="//lorempixel.com/150/150/people/2/" class="ui-thumbnail ui-thumbnail-circular" />
<h2>Lorean Gainer</h2>
<p>[email protected]</p>
</a>
</li>
<li>
<a href="#">
<img src="//lorempixel.com/150/150/people/3/" class="ui-thumbnail ui-thumbnail-circular" />
<h2>Juliet Gieseke</h2>
<p>[email protected]</p>
</a>
</li>
</ul>
<hr />
<ul data-role="listview" data-icon="false">
<li data-role="list-divider">
Work
</li>
<li>
<a href="#">
<img src="//lorempixel.com/150/150/people/6/" class="ui-thumbnail ui-thumbnail-circular" />
<h2>Gale Cecil</h2>
<p>[email protected]</p>
</a>
</li>
<li>
<a href="#">
<img src="//lorempixel.com/150/150/people/5/" class="ui-thumbnail ui-thumbnail-circular" />
<h2>Bernard Desrosier</h2>
<p>[email protected]</p>
</a>
</li>
<li>
<a href="#">
<img src="//lorempixel.com/150/150/people/7/" class="ui-thumbnail ui-thumbnail-circular" />
<h2>Emerita Scholl</h2>
<p>[email protected]</p>
</a>
</li>
<li>
<a href="#">
<img src="//lorempixel.com/150/150/people/8/" class="ui-thumbnail ui-thumbnail-circular" />
<h2>Elmer Eyer</h2>
<p>[email protected]</p>
</a>
</li>
<li>
<a href="#">
<img src="//lorempixel.com/150/150/people/9/" class="ui-thumbnail ui-thumbnail-circular" />
<h2>Shona Mckibben</h2>
<p>[email protected]</p>
</a>
</li>
<li>
<a href="#">
<img src="//lorempixel.com/150/150/people/10/" class="ui-thumbnail ui-thumbnail-circular" />
<h2>Hilma Mercer</h2>
<p>[email protected]</p>
</a>
</li>
</ul>
<hr />
<ul data-role="listview" data-icon="false">
<li data-role="list-divider">
Simple List
</li>
<li>alpha</li>
<li>beta</li>
<li>gamma</li>
<li>delta</li>
<li>epsilon</li>
<li>zeta</li>
</ul>
<hr />
<ol data-role="listview" data-icon="false">
<li data-role="list-divider">
Ordered List
</li>
<li>alpha</li>
<li>beta</li>
<li>gamma</li>
<li>delta</li>
<li>epsilon</li>
<li>zeta</li>
</ol>
<hr />
<ul data-role="listview" data-icon="false">
<li data-role="list-divider">
Linked List
</li>
<li><a href="#">Banana</a></li>
<li><a href="#">Blackberry</a></li>
<li><a href="#">Tomato</a></li>
<li><a href="#">Apple</a></li>
</ul>
<hr />
<ul data-role="listview" data-icon="false" data-autodividers="true">
<li><a href="#">Apple</a></li>
<li><a href="#">Banana</a></li>
<li><a href="#">Blackberry</a></li>
<li><a href="#">Tomato</a></li>
</ul>
</div>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.js"></script>
<script src="/vendor/waves/waves.min.js"></script>
<script src="/vendor/wow/wow.min.js"></script>
<script src="/js/nativedroid2.js"></script>
<script src="/nd2settings.js"></script>
</body>
</html>
<!DOCTYPE HTML>
<html>
<head>
<title>nativeDroid II - jQueryMobile Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.min.css" />
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.css" />
<link rel="stylesheet" href="/vendor/waves/waves.min.css" />
<link rel="stylesheet" href="/vendor/wow/animate.css" />
<link rel="stylesheet" href="/css/nativedroid2.css" />
<style>
/* Prevent FOUC */
body { opacity: 0; }
</style>
</head>
<body>
<div data-role="page">
<nd2-include data-src="/examples/fragments/panel.left.html"></nd2-include>
<div data-role="header" data-position="fixed" class="wow fadeIn">
<a href="#leftpanel" class="ui-btn ui-btn-left wow fadeIn" data-wow-delay='0.8s'><i class="zmdi zmdi-menu"></i></a>
<h1 class="wow fadeIn" data-wow-delay='0.4s'>Panels</h1>
</div>
<div role="main" class="ui-content wow fadeIn" data-inset="false" data-wow-delay="0.2s">
See example by clicking the bars on the top left.
</div>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.js"></script>
<script src="/vendor/waves/waves.min.js"></script>
<script src="/vendor/wow/wow.min.js"></script>
<script src="/js/nativedroid2.js"></script>
<script src="/nd2settings.js"></script>
</body>
</html>
<!DOCTYPE HTML>
<html>
<head>
<title>nativeDroid II - jQueryMobile Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.min.css" />
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.css" />
<link rel="stylesheet" href="/vendor/waves/waves.min.css" />
<link rel="stylesheet" href="/vendor/wow/animate.css" />
<link rel="stylesheet" href="/css/nativedroid2.css" />
<style>
/* Prevent FOUC */
body { opacity: 0; }
</style>
</head>
<body>
<div data-role="page">
<nd2-include data-src="/examples/fragments/panel.left.html"></nd2-include>
<div data-role="header" data-position="fixed" class="wow fadeIn">
<a href="#leftpanel" class="ui-btn ui-btn-left wow fadeIn" data-wow-delay='0.8s'><i class="zmdi zmdi-menu"></i></a>
<h1 class="wow fadeIn" data-wow-delay='0.4s'>Table</h1>
</div>
<div role="main" class="ui-content wow fadeIn" data-wow-delay="0.2s" data-inset="false">
<table data-role="table" id="table-column-toggle" data-mode="columntoggle" class="ui-responsive table-stroke">
<thead>
<tr>
<th data-priority="2">Rank</th>
<th>Movie Title</th>
<th data-priority="3">Year</th>
<th data-priority="1"><abbr title="Rotten Tomato Rating">Rating</abbr></th>
<th data-priority="5">Reviews</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td><a href="http://en.wikipedia.org/wiki/Citizen_Kane" data-rel="external">Citizen Kane</a></td>
<td>1941</td>
<td>100%</td>
<td>74</td>
</tr>
<tr>
<td>2</td>
<td>Casablanca</td>
<td>1942</td>
<td>97%</td>
<td>64</td>
</tr>
<tr>
<td>3</td>
<td><a href="http://en.wikipedia.org/wiki/The_Godfather" data-rel="external">The Godfather</a></td>
<td>1972</td>
<td>97%</td>
<td>87</td>
</tr>
<tr>
<td>4</td>
<td><a href="http://en.wikipedia.org/wiki/Gone_with_the_Wind_(film)" data-rel="external">Gone with the Wind</a></td>
<td>1939</td>
<td>96%</td>
<td>87</td>
</tr>
<tr>
<td>5</td>
<td><a href="http://en.wikipedia.org/wiki/Lawrence_of_Arabia_(film)" data-rel="external">Lawrence of Arabia</a></td>
<td>1962</td>
<td>94%</td>
<td>87</td>
</tr>
<tr>
<td>6</td>
<td><a href="http://en.wikipedia.org/wiki/Dr._Strangelove" data-rel="external">Dr. Strangelove Or How I Learned to Stop Worrying and Love the Bomb</a></td>
<td>1964</td>
<td>92%</td>
<td>74</td>
</tr>
<tr>
<td>7</td>
<td><a href="http://en.wikipedia.org/wiki/The_Graduate" data-rel="external">The Graduate</a></td>
<td>1967</td>
<td>91%</td>
<td>122</td>
</tr>
<tr>
<td>8</td>
<td><a href="http://en.wikipedia.org/wiki/The_Wizard_of_Oz_(1939_film)" data-rel="external">The Wizard of Oz</a></td>
<td>1939</td>
<td>90%</td>
<td>72</td>
</tr>
<tr>
<td>9</td>
<td><a href="http://en.wikipedia.org/wiki/Singin%27_in_the_Rain" data-rel="external">Singin' in the Rain</a></td>
<td>1952</td>
<td>89%</td>
<td>85</td>
</tr>
<tr>
<td>10</td>
<td class="title"><a href="http://en.wikipedia.org/wiki/Inception" data-rel="external">Inception</a></td>
<td>2010</td>
<td>84%</td>
<td>78</td>
</tr>
</tbody>
</table>
</div>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.js"></script>
<script src="/vendor/waves/waves.min.js"></script>
<script src="/vendor/wow/wow.min.js"></script>
<script src="/js/nativedroid2.js"></script>
<script src="/nd2settings.js"></script>
</body>
</html>
<!DOCTYPE HTML>
<html>
<head>
<title>nativeDroid II - jQueryMobile Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.min.css" />
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.css" />
<link rel="stylesheet" href="/vendor/waves/waves.min.css" />
<link rel="stylesheet" href="/vendor/wow/animate.css" />
<link rel="stylesheet" href="/css/nativedroid2.css" />
<style>
/* Prevent FOUC */
body { opacity: 0; }
</style>
</head>
<body>
<div data-role="page">
<nd2-include data-src="/examples/fragments/panel.left.html"></nd2-include>
<div data-role="header" data-position="fixed" class="wow fadeIn">
<a href="#leftpanel" class="ui-btn ui-btn-left wow fadeIn" data-wow-delay='0.8s'><i class="zmdi zmdi-menu"></i></a>
<h1 class="wow fadeIn" data-wow-delay='0.4s'>Text / Typography</h1>
</div>
<div role="main" class="ui-content wow fadeIn" data-wow-delay="0.2s" data-inset="false">
<h4>General Header (H1 - H6)</h4>
<h1>Regular 56px / 400 / &lt;h1&gt;</h1>
<h2>Regular 34px / 400 / &lt;h2&gt;</h2>
<h3>Regular 24px / 400 / &lt;h3&gt;</h3>
<h4>Medium 2sp / 500 / &lt;h4&gt;</h4>
<h5>Regular 16px / 400 / &lt;h5&gt;</h5>
<h6>Regular 14px / 400 / &lt;h6&gt;</h6>
<hr />
<h4>Display / Header / Title Sizes</h4>
<h1 class="nd2-display-4">
Light 112px
<span class="nd2-subhead">.nd2-display-4</span>
</h1>
<h2 class="nd2-display-3">
Regular 56px
<span class="nd2-subhead">.nd2-display-3</span>
</h2>
<h3 class="nd2-display-2">
Regular 45px
<span class="nd2-subhead">.nd2-display-2</span>
</h3>
<h4 class="nd2-display-1">
Regular 34px
<span class="nd2-subhead">.nd2-display-1</span>
</h4>
<h5 class="nd2-headline">
Regular 24px
<span class="nd2-subhead">.nd2-headline</span>
</h5>
<h6 class="nd2-title">
Medium 2p
<span class="nd2-subhead">.nd2-title</span>
</h6>
<h6 class="nd2-subhead">
Regular 16px
<span class="nd2-subhead">.nd2-subhead</span>
</h6>
<hr />
<h4>Text Paragraph / Regular 400 / 16px</h4>
<div class='row'>
<div class='col-xs-12 col-md-6'>
<div class='box'>
<p>
Typography is the art and technique of arranging type to make written language readable and appealing. The arrangement of type involves selecting typefaces, point size, line length, line-spacing (leading), letter-spacing (tracking), and adjusting the space within letters pairs (kerning). Type design is a closely related craft, sometimes considered part of typography; most typographers do not design typefaces, and some type designers do not consider themselves typographers. In modern times, typography has been put in film, television and online broadcasts to add emotion to communication.
<br />(Source: <a href="http://www.wikipedia.org">Wikipedia</a>)
</p>
</div>
</div>
<div class='col-xs-12 col-md-6'>
<div class='box'>
<blockquote>
<p>You know the golden rule, don't you boy? Those who have the gold make the rules.</p>
<footer>Crazy hunch-backed old guy from the movie Aladdin</footer>
</blockquote>
</div>
</div>
</div>
</div>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.js"></script>
<script src="/vendor/waves/waves.min.js"></script>
<script src="/vendor/wow/wow.min.js"></script>
<script src="/js/nativedroid2.js"></script>
<script src="/nd2settings.js"></script>
</body>
</html>
<!DOCTYPE HTML>
<html>
<head>
<title>nativeDroid II - jQueryMobile Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.min.css" />
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.css" />
<link rel="stylesheet" href="/vendor/waves/waves.min.css" />
<link rel="stylesheet" href="/css/nativedroid2.css" />
<style>
/* Prevent FOUC */
body { opacity: 0; }
</style>
</head>
<body>
<div data-role="page">
<nd2-include data-src="/examples/fragments/panel.left.html"></nd2-include>
<div data-role="panel" id="bottomsheetlist" class="ui-bottom-sheet ui-bottom-sheet-list" data-animate="false" data-position='bottom' data-display="overlay">
<nd2-include data-src="/examples/fragments/bottom.sheet.html"></nd2-include>
</div>
<div data-role="panel" id="bottomsheetblock" class="ui-bottom-sheet" data-animate="false" data-position='bottom' data-display="overlay">
<nd2-include data-src="/examples/fragments/bottom.sheet.html"></nd2-include>
</div>
<div data-role="header" data-position="fixed">
<a href="#leftpanel" class="ui-btn ui-btn-left"><i class="zmdi zmdi-menu"></i></a>
<h1>Bottom Sheet</h1>
</div>
<div role="main" class="ui-content" data-inset="false">
<span class="nd2-title">What is a Bottom Sheet?</span>
<p>Bottom Sheets are like panels. But instead of coming from the left or the right they appear from the bottom.</p>
<span class="nd2-title">Two different types</span>
<p>A bottom Sheet can be presented as a list (items are displayed in rows) or as blocks (items are displayed in floated square-blocks)</p>
<hr />
<nd2-ad data-banner="sample.banner"></nd2-ad>
<span class="nd2-title">Demonstration</span>
<p>
<a href="#bottomsheetlist" class="ui-btn clr-btn-accent-blue ui-btn-inline"><i class='zmdi zmdi-view-list'></i> open as a list</a>
<a href="#bottomsheetblock" class="ui-btn clr-btn-accent-green ui-btn-inline"><i class='zmdi zmdi-view-module'></i> open as blocks</a>
</p>
<nd2-ad data-banner="textlinks.banner"></nd2-ad>
<span class="nd2-title">Sample-Code</span>
<br />
<span class="nd2-subhead">Default list item as blocks:</span>
<pre>&lt;div data-role="panel" id="bottomsheetblock" <strong>class="ui-bottom-sheet"</strong> data-animate="false" data-position='bottom' data-display="overlay"&gt;...&lt;/div&gt;</pre>
<span class="nd2-subhead">List item as list:</span>
<pre>&lt;div data-role="panel" id="bottomsheetblock" class="ui-bottom-sheet <strong>ui-bottom-sheet-list</strong>" data-animate="false" data-position='bottom' data-display="overlay"&gt;...&lt;/div&gt;</pre>
<span class="nd2-subhead">Bottom Sheet Content</span>
<pre>&lt;div class='<strong>row</strong> around-xs'&gt;
&lt;div class='<strong>col-xs-auto</strong>'&gt;
&lt;a href='#' class='<strong>ui-bottom-sheet-link</strong> ui-btn ui-btn-inline waves-effect waves-button waves-effect waves-button' data-ajax='false'&gt;
&lt;i class='zmdi zmdi-assignment zmd-2x'&gt;&lt;/i&gt;
&lt;strong&gt;Clipboard&lt;/strong&gt;
&lt;/a&gt;
&lt;/div&gt;
&lt;div class='<strong>col-xs-auto</strong>'&gt;
&lt;a href='#' class='<strong>ui-bottom-sheet-link</strong> ui-btn ui-btn-inline waves-effect waves-button waves-effect waves-button' data-ajax='false'&gt;
&lt;i class='zmdi zmdi-fire zmd-2x'&gt;&lt;/i&gt;
&lt;strong&gt;Hot Stuff&lt;/strong&gt;
&lt;/a&gt;
&lt;/div&gt;
&lt;div class='<strong>col-xs-auto</strong>'&gt;
&lt;a href='#' class='<strong>ui-bottom-sheet-link</strong> ui-btn ui-btn-inline waves-effect waves-button waves-effect waves-button' data-ajax='false'&gt;
&lt;i class='zmdi zmdi-cloud-outline-alt zmd-2x'&gt;&lt;/i&gt;
&lt;strong&gt;Cloud&lt;/strong&gt;
&lt;/a&gt;
&lt;/div&gt;
&lt;div class='<strong>col-xs-auto</strong>'&gt;
&lt;a href='#' class='<strong>ui-bottom-sheet-link</strong> ui-btn ui-btn-inline waves-effect waves-button waves-effect waves-button' data-ajax='false'&gt;
&lt;i class='zmdi zmdi-format-color-fill zmd-2x'&gt;&lt;/i&gt;
&lt;strong&gt;Fillcolor&lt;/strong&gt;
&lt;/a&gt;
&lt;/div&gt;
&lt;/div&gt;</pre>
</div>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.js"></script>
<script src="/vendor/waves/waves.min.js"></script>
<script src="/js/nativedroid2.js"></script>
<script src="/nd2settings.js"></script>
</body>
</html>
This diff could not be displayed because it is too large.
<!DOCTYPE HTML>
<html>
<head>
<title>nativeDroid II - jQueryMobile Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.min.css" />
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.css" />
<link rel="stylesheet" href="/vendor/waves/waves.min.css" />
<link rel="stylesheet" href="/css/nativedroid2.css" />
<style>
/* Prevent FOUC */
body { opacity: 0; }
</style>
</head>
<body>
<div data-role="page">
<nd2-include data-src="/examples/fragments/panel.left.html"></nd2-include>
<div data-role="header" data-position="fixed">
<a href="#leftpanel" class="ui-btn ui-btn-left"><i class="zmdi zmdi-menu"></i></a>
<h1>Toasts</h1>
</div>
<div role="main" class="ui-content" data-inset="false">
<span class="nd2-title">Toasts</span>
<p>
Toasts are small notification appearing from the bottom. According to the <a href="https://www.google.com/design/spec/components/snackbars-toasts.html" target="_blank">Material Design Guidelines</a> they have no icon and at least a small message. Optional you can place one action button.
</p>
<p>
In nativeDroid<sup>2</sup> you can trigger Toasts in two different ways.
</p>
<span class="nd2-title">Programmatically</span>
<p>
<pre><strong>new</strong> $.nd2Toast({ <em>// The 'new' keyword is important, otherwise you would overwrite the current toast instance</em>
<strong>message</strong> : "Sample Message", <em>// Required</em>
<strong>action</strong> : { <em>// Optional (Defines the action button on the right)</em>
title : "Pick phone", <em>// Title of the action button</em>
link : "/any/link.html", <em>// optional (either link or fn or both must be set to define an action)</em>
fn : function() { <em>// function that will be triggered when action clicked</em>
console.log("Action Button clicked'");
},
color : "red" <em>// optional color of the button (default: 'lime')</em>
},
<strong>ttl</strong> : 8000 <em>// optional, time-to-live in ms (default: 3000)</em>
});</pre>
</p>
<span class="nd2-title">By Data Attributes</span>
<p>
<pre>&lt;a href="#"
<strong>data-role="toast"</strong>
<strong>data-toast-message</strong>="Simple toast message set by data-message"
data-toast-action-title="Action"
data-toast-action-link="toasts.html"
data-toast-action-color="red"
data-toast-ttl="6000"&gt;Link&lt;/a&gt;</pre>
</p>
<span class="nd2-title">Demonstration</span>
<p>
<a href="#"
class="ui-btn clr-btn-accent-blue ui-btn-inline"
data-role="toast"
data-toast-message="Simple toast message set by data-message"
data-toast-action-title="Action"
data-toast-action-link="toasts.html"
data-toast-action-color="red"
data-toast-ttl="6000"><i class='zmdi zmdi-play'></i> Open Toast by data attributes</a>
<a href="#"
class="ui-btn clr-btn-accent-green ui-btn-inline"
data-role="toast"
data-toast-message="I'm just text"><i class='zmdi zmdi-play'></i> Sample Toast with Text Message only</a>
</p>
<a href="#"
class="ui-btn
ui-btn-inline
ui-btn-fab
ui-btn-fab-bottom
ui-btn-raised
clr-primary"
data-role="toast"
data-toast-message="Mic on"
data-toast-action-title="Abort"
data-toast-action-link="toasts.html"
data-toast-action-color="yellow">
<i class='zmdi zmdi-mic-off zmd-2x'></i>
</a>
</div>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.js"></script>
<script src="/vendor/waves/waves.min.js"></script>
<script src="/js/nativedroid2.js"></script>
<script src="/nd2settings.js"></script>
<<script type="text/javascript">
// Toast Test
new $.nd2Toast({
message : "Message has been deleted",
action : {
title : "undo",
fn : function() {
console.log("I am the function called by 'Pick phone...'");
},
color : "lime"
},
ttl : 3000
});
</script>
</body>
</html>
<!-- Paste your google adsense code here or write your own advertising code. !-->
<div class="nd2-sample-ad">
<a href="http://nativedroid.godesign.ch" target="_blank"><img src="http://placehold.it/450x72/E8117F/ffffff?text=Sample+Banner"></a>
</div>
\ No newline at end of file
<!-- Paste your google adsense code here or write your own advertising code. !-->
<div class="nd2-sample-ad">Sample Link Ad: <a href="http://nativedroid.godesign.ch" target="_blank">Free jQueryMobile Theme inspired by Material Design</a></div>
\ No newline at end of file
<div class='row around-xs'>
<div class='col-xs-auto'>
<a href='#' class='ui-bottom-sheet-link ui-btn ui-btn-inline waves-effect waves-button waves-effect waves-button' data-ajax='false'><i class='zmdi zmdi-assignment zmd-2x'></i><strong>Clipboard</strong></a>
</div>
<div class='col-xs-auto'>
<a href='#' class='ui-bottom-sheet-link ui-btn ui-btn-inline waves-effect waves-button waves-effect waves-button' data-ajax='false'><i class='zmdi zmdi-fire zmd-2x'></i><strong>Hot Stuff</strong></a>
</div>
<div class='col-xs-auto'>
<a href='#' class='ui-bottom-sheet-link ui-btn ui-btn-inline waves-effect waves-button waves-effect waves-button' data-ajax='false'><i class='zmdi zmdi-cloud-outline-alt zmd-2x'></i><strong>Cloud</strong></a>
</div>
<div class='col-xs-auto'>
<a href='#' class='ui-bottom-sheet-link ui-btn ui-btn-inline waves-effect waves-button waves-effect waves-button' data-ajax='false'><i class='zmdi zmdi-format-color-fill zmd-2x'></i><strong>Fillcolor</strong></a>
</div>
</div>
\ No newline at end of file
<div data-role="dialog">
<div data-role="header">
<h1>Delete from library?</h1>
</div>
<div data-role="content">
<p>This is a regular page, styled as a dialog. To create a dialog, just link to a normal page and include a transition and <code>data-rel="dialog"</code> attribute.</p>
<a href="dialog/index.html" data-rel="back" data-role="button" data-inline="true" class="ui-btn ui-btn-primary"><i class='zmdi zmdi-check'></i>Sounds good</a>
<a href="dialog/index.html" data-rel="back" data-role="button" data-inline="true" class="ui-btn ui-btn-primary"><i class='zmdi zmdi-cancel'></i>Cancel</a>
</div>
</div>
\ No newline at end of file
<!-- panel left -->
<div data-role="panel" id="leftpanel" data-display="overlay" data-position-fixed="true" >
<div class='nd2-sidepanel-profile wow fadeInDown'>
<img class='profile-background' src="//lorempixel.com/400/200/abstract/2/" />
<div class="row">
<div class='col-xs-4 center-xs'>
<div class='box'>
<img class="profile-thumbnail" src="//lorempixel.com/200/200/people/9/" />
</div>
</div>
<div class='col-xs-8'>
<div class='box profile-text'>
<strong>Jane Doe</strong>
<span class='subline'>Super Power User</span>
</div>
</div>
</div>
</div>
<ul data-role="listview" data-inset="false">
<li data-role="list-divider">Elements</li>
</ul>
<div data-role="collapsible" data-inset="false" data-collapsed-icon="carat-d" data-expanded-icon="carat-d" data-iconpos="right">
<h3>Basic Elements</h3>
<ul data-role="listview" data-inset="false" data-icon="false">
<li><a href="/examples/elements/text.html" data-ajax='false' data-icon="false">Text Elements</a></li>
<li><a href="/examples/elements/grid.html" data-ajax='false' data-icon="false">FlexboxGrid</a></li>
<li><a href="/examples/elements/buttons.html" data-ajax='false' data-icon="false">Buttons</a></li>
<li><a href="/examples/elements/header_footer.html" data-ajax='false'>Header &amp; Footer</a></li>
<li><a href="/examples/elements/listviews.html" data-ajax='false'>Listviews</a></li>
<li><a href="/examples/elements/forms.html" data-ajax='false'>Forms</a></li>
<li><a href="/examples/elements/tables.html" data-ajax='false'>Tables</a></li>
<li><a href="/examples/elements/dialog_popups.html" data-ajax='false'>Dialog &amp; Popup</a></li>
<li><a href="/examples/elements/panels.html" data-ajax='false'>Panels</a></li>
<li><a href="/examples/elements/autocomplete.html" data-ajax='false'>Autocomplete</a></li>
<li><a href="/examples/elements/collapsible_accordions.html" data-ajax='false'>Collapsible &amp; Accordions</a></li>
</ul>
</div>
<div data-role="collapsible" data-inset="false" data-collapsed-icon="carat-d" data-expanded-icon="carat-d" data-iconpos="right">
<h3>Extended Elements</h3>
<ul data-role="listview" data-icon="false">
<li><a href="/examples/extended/tabs.html" data-ajax='false'>Tabs</a></li>
<li><a href="/examples/extended/cards.html" data-ajax='false'>Cards</a></li>
<li><a href="/examples/extended/search.html" data-ajax='false'>Search</a></li>
<li><a href="/examples/extended/icons.html" data-ajax='false'>Icons</a></li>
<li><a href="/examples/extended/charts.html" data-ajax='false'>Charts</a></li>
<li><a href="/examples/extended/toasts.html" data-ajax='false'>Toasts</a></li>
<li><a href="/examples/extended/bottomsheet.html" data-ajax='false'>Bottom Sheets</a></li>
</ul>
</div>
<ul data-role="listview" data-inset="false">
<li data-role="list-divider">Layouts</li>
</ul>
<div data-role="collapsible" data-inset="false" data-collapsed-icon="carat-d" data-expanded-icon="carat-d" data-iconpos="right">
<h3>Real-World-Examples</h3>
<ul data-role="listview" data-icon="false">
<li><a href="/examples/pages/profile.html" class="ui-disabled" data-ajax='false'>Profile</a></li>
<li><a href="/examples/pages/dashboard.html" class="ui-disabled" data-ajax='false'>Dashboard</a></li>
<li><a href="/examples/pages/gallery.html" class="ui-disabled" data-ajax='false'>Gallery</a></li>
<li><a href="/examples/pages/chat.html" class="ui-disabled" data-ajax='false'>Chat</a></li>
<li><a href="/examples/pages/mail_inbox.html" class="ui-disabled" data-ajax='false'>E-Mail Inbox</a></li>
<li><a href="/examples/pages/team.html" class="ui-disabled" data-ajax='false'>Team</a></li>
<li><a href="/examples/pages/products_services.html" class="ui-disabled" data-ajax='false'>Products &amp; Services</a></li>
<li><a href="/examples/pages/blog.html" class="ui-disabled" data-ajax='false'>Blog</a></li>
<li><a href="/examples/pages/blogpost.html" class="ui-disabled" data-ajax='false'>Blogpost</a></li>
</ul>
</div>
<hr class="inset">
<ul data-role="listview" data-inset="false">
<li data-role="list-divider">Information</li>
</ul>
<div data-role="collapsible" data-inset="false" data-collapsed-icon="carat-d" data-expanded-icon="carat-d" data-iconpos="right">
<h3>Nice to Know</h3>
<ul data-role="listview" data-icon="false">
<li><a href="/info/colors_and_styles.html" data-ajax='false'>Colors &amp; Styles</a></li>
<li><a href="/info/credits.html" data-ajax='false'>Credits &amp; License</a></li>
</ul>
</div>
</div>
<!-- /panel left -->
<!DOCTYPE HTML>
<html>
<head>
<title>nativeDroid II - jQueryMobile Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.min.css" />
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.css" />
<link rel="stylesheet" href="/vendor/waves/waves.min.css" />
<link rel="stylesheet" href="/css/nativedroid2.css" />
<style>
/* Prevent FOUC */
body { opacity: 0; }
</style>
</head>
<body>
<div data-role="page">
<nd2-include data-src="/examples/fragments/panel.left.html"></nd2-include>
<div data-role="header" data-position="fixed">
<a href="#leftpanel" class="ui-btn ui-btn-left"><i class="fa fa-bars"></i></a>
<h1>Blog</h1>
</div>
<div role="main" class="ui-content" data-inset="false">
content here.
</div>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.js"></script>
<script src="/vendor/waves/waves.min.js"></script>
<script src="/js/nativedroid2.js"></script>
<script src="/nd2settings.js"></script>
</body>
</html>
<!DOCTYPE HTML>
<html>
<head>
<title>nativeDroid II - jQueryMobile Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.min.css" />
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.css" />
<link rel="stylesheet" href="/vendor/waves/waves.min.css" />
<link rel="stylesheet" href="/css/nativedroid2.css" />
<style>
/* Prevent FOUC */
body { opacity: 0; }
</style>
</head>
<body>
<div data-role="page">
<nd2-include data-src="/examples/fragments/panel.left.html"></nd2-include>
<div data-role="header" data-position="fixed">
<a href="#leftpanel" class="ui-btn ui-btn-left"><i class="fa fa-bars"></i></a>
<h1>Blogpost</h1>
</div>
<div role="main" class="ui-content" data-inset="false">
content here.
</div>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.js"></script>
<script src="/vendor/waves/waves.min.js"></script>
<script src="/js/nativedroid2.js"></script>
<script src="/nd2settings.js"></script>
</body>
</html>
<!DOCTYPE HTML>
<html>
<head>
<title>nativeDroid II - jQueryMobile Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.min.css" />
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.css" />
<link rel="stylesheet" href="/vendor/waves/waves.min.css" />
<link rel="stylesheet" href="/css/nativedroid2.css" />
<style>
/* Prevent FOUC */
body { opacity: 0; }
</style>
</head>
<body>
<div data-role="page">
<nd2-include data-src="/examples/fragments/panel.left.html"></nd2-include>
<div data-role="header" data-position="fixed">
<a href="#leftpanel" class="ui-btn ui-btn-left"><i class="fa fa-bars"></i></a>
<h1>Chat</h1>
</div>
<div role="main" class="ui-content" data-inset="false">
content here.
</div>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.js"></script>
<script src="/vendor/waves/waves.min.js"></script>
<script src="/js/nativedroid2.js"></script>
<script src="/nd2settings.js"></script>
</body>
</html>
<!DOCTYPE HTML>
<html>
<head>
<title>nativeDroid II - jQueryMobile Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.min.css" />
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.css" />
<link rel="stylesheet" href="/vendor/waves/waves.min.css" />
<link rel="stylesheet" href="/css/nativedroid2.css" />
<style>
/* Prevent FOUC */
body { opacity: 0; }
</style>
</head>
<body>
<div data-role="page">
<nd2-include data-src="/examples/fragments/panel.left.html"></nd2-include>
<div data-role="header" data-position="fixed">
<a href="#leftpanel" class="ui-btn ui-btn-left"><i class="fa fa-bars"></i></a>
<h1>Dashboard</h1>
</div>
<div role="main" class="ui-content" data-inset="false">
content here.
</div>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.js"></script>
<script src="/vendor/waves/waves.min.js"></script>
<script src="/js/nativedroid2.js"></script>
<script src="/nd2settings.js"></script>
</body>
</html>
<!DOCTYPE HTML>
<html>
<head>
<title>nativeDroid II - jQueryMobile Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.min.css" />
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.css" />
<link rel="stylesheet" href="/vendor/waves/waves.min.css" />
<link rel="stylesheet" href="/css/nativedroid2.css" />
<style>
/* Prevent FOUC */
body { opacity: 0; }
</style>
</head>
<body>
<div data-role="page">
<nd2-include data-src="/examples/fragments/panel.left.html"></nd2-include>
<div data-role="header" data-position="fixed">
<a href="#leftpanel" class="ui-btn ui-btn-left"><i class="fa fa-bars"></i></a>
<h1>Gallery</h1>
</div>
<div role="main" class="ui-content" data-inset="false">
content here.
</div>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.js"></script>
<script src="/vendor/waves/waves.min.js"></script>
<script src="/js/nativedroid2.js"></script>
<script src="/nd2settings.js"></script>
</body>
</html>
<!DOCTYPE HTML>
<html>
<head>
<title>nativeDroid II - jQueryMobile Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.min.css" />
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.css" />
<link rel="stylesheet" href="/vendor/waves/waves.min.css" />
<link rel="stylesheet" href="/css/nativedroid2.css" />
<style>
/* Prevent FOUC */
body { opacity: 0; }
</style>
</head>
<body>
<div data-role="page">
<nd2-include data-src="/examples/fragments/panel.left.html"></nd2-include>
<div data-role="header" data-position="fixed">
<a href="#leftpanel" class="ui-btn ui-btn-left"><i class="fa fa-bars"></i></a>
<h1>E-Mail Inbox</h1>
</div>
<div role="main" class="ui-content" data-inset="false">
content here.
</div>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.js"></script>
<script src="/vendor/waves/waves.min.js"></script>
<script src="/js/nativedroid2.js"></script>
<script src="/nd2settings.js"></script>
</body>
</html>
<!DOCTYPE HTML>
<html>
<head>
<title>nativeDroid II - jQueryMobile Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.min.css" />
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.css" />
<link rel="stylesheet" href="/vendor/waves/waves.min.css" />
<link rel="stylesheet" href="/css/nativedroid2.css" />
<style>
/* Prevent FOUC */
body { opacity: 0; }
</style>
</head>
<body>
<div data-role="page">
<nd2-include data-src="/examples/fragments/panel.left.html"></nd2-include>
<div data-role="header" data-position="fixed">
<a href="#leftpanel" class="ui-btn ui-btn-left"><i class="fa fa-bars"></i></a>
<h1>Products &amp; Services</h1>
</div>
<div role="main" class="ui-content" data-inset="false">
content here.
</div>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.js"></script>
<script src="/vendor/waves/waves.min.js"></script>
<script src="/js/nativedroid2.js"></script>
<script src="/nd2settings.js"></script>
</body>
</html>
<!DOCTYPE HTML>
<html>
<head>
<title>nativeDroid II - jQueryMobile Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.min.css" />
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.css" />
<link rel="stylesheet" href="/vendor/waves/waves.min.css" />
<link rel="stylesheet" href="/css/nativedroid2.css" />
<style>
/* Prevent FOUC */
body { opacity: 0; }
</style>
</head>
<body>
<div data-role="page">
<nd2-include data-src="/examples/fragments/panel.left.html"></nd2-include>
<div data-role="header" data-position="fixed">
<a href="#leftpanel" class="ui-btn ui-btn-left"><i class="fa fa-bars"></i></a>
<h1>Profile</h1>
</div>
<div role="main" class="ui-content" data-inset="false">
content here.
</div>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.js"></script>
<script src="/vendor/waves/waves.min.js"></script>
<script src="/js/nativedroid2.js"></script>
<script src="/nd2settings.js"></script>
</body>
</html>
<!DOCTYPE HTML>
<html>
<head>
<title>nativeDroid II - jQueryMobile Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.min.css" />
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.css" />
<link rel="stylesheet" href="/vendor/waves/waves.min.css" />
<link rel="stylesheet" href="/css/nativedroid2.css" />
<style>
/* Prevent FOUC */
body { opacity: 0; }
</style>
</head>
<body>
<div data-role="page">
<nd2-include data-src="/examples/fragments/panel.left.html"></nd2-include>
<div data-role="header" data-position="fixed">
<a href="#leftpanel" class="ui-btn ui-btn-left"><i class="fa fa-bars"></i></a>
<h1>Team</h1>
</div>
<div role="main" class="ui-content" data-inset="false">
content here.
</div>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.js"></script>
<script src="/vendor/waves/waves.min.js"></script>
<script src="/js/nativedroid2.js"></script>
<script src="/nd2settings.js"></script>
</body>
</html>
......@@ -263,13 +263,13 @@
<label for="account_email">E-mail</label>
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-envelope"></i></span>
<input type="text" value="<?php if(isset($data['personal']['email'])) echo $data['personal']['email']; ?>" id="account_email" class="form-control" placeholder="[email protected]" />
<input type="text" value="<?php if(isset($data['personal']['email'])) echo $data['personal']['email']; ?>" id="account_email" class="form-control" />
</div>
<div class="separator bottom"></div>
<label for="account_website">Website</label>
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-link"></i></span>
<input type="text" value="<?php if(isset($data['personal']['website'])) echo $data['personal']['website']; ?>" id="account_website" class="form-control" placeholder="http://www.website.com" />
<input type="text" value="<?php if(isset($data['personal']['website'])) echo $data['personal']['website']; ?>" id="account_website" class="form-control" />
</div>
<div class="separator bottom"></div>
</div>
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!