JSFiddle - React, Tailwind, and code Playground

by elewinso

HTML

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0b1/jquery.mobile-1.0b1.css">
<script src="http://code.jquery.com/mobile/1.0b1/jquery.mobile-1.0b1.js"></script>
<div>some html hello to hid</div>


<div data-role="page" id="stStep1" class="stPage">
    
    <div data-role="header" data-theme="e">
        <h1>בחר יעד</h1>
        <a href="#navMenu" data-rel="dialog" data-icon="gear" class="ui-btn-right">Menu</a>
    </div>
    
    <div data-role="content" data-theme="e">    
        <p>בחר את פרטי הטיסה</p>
        
        <div data-role="fieldcontain">
            <label for="stDestination" class="select">יעד:</label>
            <select name="stDestination" id="stDestination">
                <option value="elat">Eilat</option>
                <option value="nyc">New York City</option>
                <option value="paris">Paris</option>
                <option value="dublin">Dublin</option>
            </select>
        </div>             
        
        <div data-role="fieldcontain">
            <label for="stFromDate">:מתאריך</label>
            <input type="text" name="stFromDate" id="stFromDate" value="" />
        </div>    
        
        <div data-role="fieldcontain">
            <label for="stToDate">:עד תאריך</label>
            <input type="text" name="stToDate" id="stToDate" value="" />
        </div>    
        
        <div data-role="fieldcontain">
            <label for="stNumAdults">:מספר מבוגרים</label>
            <input type="range" name="stNumAdults" id="stNumAdults" value="1" min="1" max="10"  />
        </div>         
        
        <div data-inline="true">
            <a href="#flightList" data-role="button">המשך</a>     
        </div>
        
    </div>
    
    <div data-role="footer" data-theme="e">
        <h4>הדקה ה-90</h4>
    </div>
</div>


<div data-role="page" id="flightList" class="stPage">
    
    <div data-role="header" data-theme="e">
        <h1>בחר טיסה</h1>
    </div>
    
    <div...

CSS

.stPage{
    direction:rtl;
    text-align:right;
}