Skip to content

Current development status

ssadaru edited this page · 11 revisions

<!DOCTYPE html>

jQuery Mobile Web App
    <div data-role="page" id="page">
        <div data-role="header">
            <h1>MY Details</h1>
        </div>
        <div data-role="content">   
            <ul data-role="listview">
                <li><a href="#page2">Profile</a></li>
                <li><a href="#page3">portfolio</a></li>
                <li><a href="#page4">social</a></li>
                <li><a href="#page4">contact</a></li>

            </ul>       
        </div>
        <div data-role="footer">
            <h4>Page Footer</h4>
        </div>
    </div>

    <div data-role="page" id="page2">
        <div data-theme="a" data-role="header" data-position="fixed"><!-- header -->
            <a data-role="button" data-rel="back" data-transition="fade" href="#page" data-icon="arrow-l" data-iconpos="left">
                Back
            </a>
            <h3>
                Profile
            </h3>
        </div>
        <div data-role="content">
            <div id="image1">
            </div>

            <div data-role="collapsible-set">
                <div data-role="collapsible">
                    <h3>Personal Profile</h3>
                    <center><div style="width:500px; height:150px; background-colour:white; border: 2px solid black;"class="navigation">
                            <table>
                                <tr>
                                    <td ><font size="3"> <b>Name:</b> </font></td>
                                    <td ><font size="3"> Joe Bloggs </font></td>
                                </tr>
                                <tr>
                                    <td ><font size="3"> <b>Age:</b> </font></td>
                                    <td ><font size="3"> 27 </font></td>
                                </tr>
                                <tr>
                                    <td ><font size="3"> <b>Gender:</b> </font></td>
                                    <td ><font size="3"> Male </font></td>
                                </tr>
                                <tr>
                                    <td ><font size="3"> <b>Location:</b> </font></td>
                                    <td ><font size="3"> Srilanka </font></td>
                                </tr>
                                <tr>
                                    <td ><font size="3"> <b>Job:</b> </font></td>
                                    <td ><font size="3"> Web  </font></td>
                                </tr>
                                <tr>
                                    <td ><font size="3"> <b>Bio:</b> </font></td>
                                    <td ><font size="3">I work full time as a Web Developer  </font></td>
                                </tr>   
                            </table>
                        </div></center>
                </div>
                <div data-role="collapsible" data-collapsed="true">
                    <h3>Skills & Experience</h3>
                    <div data-role="collapsible-set">
                        <div data-role="collapsible"data-collapsed="true">
                            <h3>java Script</h3>
                            <p>JavaScript (sometimes abbreviated as JS) is a scripting language commonly implemented as part of a web browser in order to create enhanced user interfaces and dynamic websites. Wiki</p>
                        </div>

                    </div>

                    <div data-role="collapsible-set">
                        <div data-role="collapsible"data-collapsed="true">
                            <h3>jquery</h3>
                            <p>jQuery is a multi-browser JavaScript library designed to simplify the client-side scripting of HTML.<p>[1] It was released in January 2006 at BarCamp NYC by John Resig.</p> It is currently developed by a team of developers led by Dave Methvin. Used by over 55% of the 10,000 most visited websites, jQuery is the most popular JavaScript library in use today.[2][3] Wiki</p>
                        </div>

                    </div>
                </div>
                <div data-role="collapsible" data-collapsed="true">
                    <h3>Employment History</h3>
                      <div data-role="collapsible-set">
                        <div data-role="collapsible"data-collapsed="true">
                            <h3>2012-2014 Microsoft</h3>
                            <p>Microsoft Corporation is an American multinational software corporation headquartered in Redmond, Washington that develops, manufactures, licenses and supports a wide range of products and services related to computing. The company was founded by Bill Gates and Paul Allen on April 4, 1975. Microsoft is the world's largest software maker measured by revenues.<p>[3] It is also one of the world's most valuable companies.</p>[4] Wiki</p>
                        </div>

                    </div>

                </div>
                  <div data-role="collapsible" data-collapsed="true">
                    <h3>Interests & Hobbies</h3>
                      <div data-role="collapsible-set">
                        <div data-role="collapsible"data-collapsed="true">
                            <h3>Fishing</h3>
                            <p>Fishing is the activity of trying to catch fish. Fish are normally caught in the wild. Techniques for catching fish include hand gathering, spearing, netting, angling and trapping.</p>
                        </div>

                    </div>
                       <div data-role="collapsible-set">
                        <div data-role="collapsible"data-collapsed="true">
                            <h3>Football</h3>
                            <p>Eight-ball (often spelled 8-ball or eightball, and sometimes called spots and stripes, 
                                stripes and solids or, more rarely, bigs and littles or highs and lows) is a pool 
                                (pocket billiards) game popular in much of the world, 
                                and the subject of international professional and amateur competition. Wiki</p>
                        </div>

                    </div>
                </div>
            </div>

        </div>
        <div data-role="footer">
            <h4>Page Footer</h4>
        </div>
    </div>

    <div data-role="page" id="page3">
        <div data-role="header">
            <h1>Page Three</h1>
        </div>
        <div data-role="content">   
            Content     
        </div>
        <div data-role="footer">
            <h4>Page Footer</h4>
        </div>
    </div>

    <div data-role="page" id="page4">
        <div data-role="header">
            <h1>Page Four</h1>
        </div>
        <div data-role="content">   
            Content     
        </div>
        <div data-role="footer">
            <h4>Page Footer</h4>
        </div>
    </div>

</body>
Something went wrong with that request. Please try again.