JSFiddle - React, Tailwind, and code Playground
by notarazi
HTML
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
<script src="http://code.jquery.com/jquery-1.11.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
</head>
<body>
<div data-role="page" id="home">
<div data-role="header">
<h1>eAduan</h1>
</div>
<div data-role="main" class="ui-content">
<img src="http://s18.postimg.org/i38pw6hpl/value_icon_sample.png" width="100%"/>
<div data-role="controlgroup" data-type="vertical">
<a href="#profile" class="ui-btn">Profile</a>
<a href="#report" class="ui-btn">Report</a>
<a href="#track" class="ui-btn">Track</a>
</div>
</div>
<div data-role="footer">
<div data-role="controlgroup" data-type="horizontal" style="text-align:center;">
<a href="#i" class="ui-btn">i</a>
<a href="#q" class="ui-btn">q</a>
<a href="#t" class="ui-btn">t</a>
<a href="#e" class="ui-btn">e</a>
</div>
</div>
</div>
<div data-role="page" id="profile">
<div data-role="header">
<a href="#" class="ui-btn" data-rel="back">Back</a>
<h1>Profile</h1>
</div>
<div data-role="main" class="ui-content">
</div>
<div data-role="footer">
<div data-role="controlgroup" data-type="horizontal" style="text-align:center;">
<a href="#i" class="ui-btn">i</a>
<a href="#q" class="ui-btn">q</a>
<a href="#t" class="ui-btn">t</a>
<a href="#e" class="ui-btn">e</a>
</div>
</div>
</div>
<div data-role="page" id="report">
<div data-role="header">
<a href="#" class="ui-btn" data-rel="back">Back</a>
<h1>Report</h1>
</div>
<div data-role="main" class="ui-content">
</div>
<div data-role="footer">
<div data-role="controlgroup" data-type="horizontal" style="text-align:center;">
<a href="#i" class="ui-btn">i</a>
<a href="#q"...