JSFiddle - React, Tailwind, and code Playground

by elewinso

HTML

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.css">
<script src="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.js"></script>
<div data-role="page" id="stStep1" class="stPage">
    
    <div data-role="header" data-theme="b">
        <h1>תפריט ראשי</h1>        
    </div>
    
    <div data-role="content" data-theme="c">  
        <ul data-role="listview" data-theme="c">
            <li><a href="#stStep2">טיסות בארץ</a></li>
            <li><a href="#stStep2">נופש בארץ</a></li>
            <li><a href="#stStep2">טיסות לחול</a></li>
            <li><a href="#stStep2">נופש בחול</a></li>
        </ul>
    </div>
    
    <div data-role="footer" data-theme="b">
        <h4>ארקיע</h4>
    </div>
</div>
<div data-role="page" id="stStep2" class="stPage">
    
    <div data-role="header" data-theme="b">
        <h1>בחר יעד</h1>
    </div>
    
    <div data-role="content" data-theme="c">  
        <div data-role="fieldcontain">
            <label for="stDestination">יעד:</label>
            <select name="stDestination" id="stDestination" data-theme="d">
                <option value="0">ברצלוניה</option>
                <option value="005">לונדון</option>
                <option value="037">הלסינקי</option>
            </select>
        </div>
<div data-role="fieldcontain">
    <label for="name">תאריך יציאה:</label>
    <input type="text" name="name" id="name" size="5" value="1/5/2001"  />
</div>    
<div data-role="fieldcontain">
    <label for="name">תאריך חזרה:</label>
    <input type="text" name="name" id="name" size="5" value="5/5/2011"  />
</div>            
    </div>
    
<div data-inline="true">
    <a href="#stStep3" data-role="button">המשך</a>
</div>

    
    <div data-role="footer" data-theme="b">
        <h4>ארקיע</h4>
    </div>
</div>
<div data-role="page" id="stStep3" class="stPage">
    
    <div data-role="header" data-theme="b">
        <h1>בחר טיסה</h1>
    </div>
    
    <div data-role="content"...

CSS

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