<div data-role="page" id="gal1">
<div data-role="header">



<a href="#userList"  class="ui-alt-icon ui-btn-left ui-btn ui-icon-
arrow-l ui-nodisc-icon transparentButton ui-btn-icon-notext  ui-
corner-all"  data-role="button" role="button">Back</a>


<a href="#nav-panel" class="ui-alt-icon ui-nodisc-icon
transparentButton data-position="right" data-icon="makefg" data-
iconpos="notext"" >Menu</a>

<img src="assets/Logo-01.png" id="logoHeader" alt="logo"/> </div>
<!--end of header-->




  <div data-role="panel" data-display="push" data-theme="b" data-
 position="right" id="nav-panel">
    <ul data-role="listview">
        <li data-icon="delete"><a href="#" data-rel="close">Close
Menu</a></li>
            <li data-icon="home"><a href="#homePage" >Home Page</a>
</li>
            <li data-icon="user"><a href="#" >Profile</a></li>
            <li data-icon="gear"><a href="#" >Settings</a></li>
            <li data-icon="lock"><a href="#" >Privacy Settings</a>
</li>
            <li data-icon="comment"><a href="#" >Leave Feedback</a>
</li>
            <li data-icon="forbidden"><a href="#loginPage"
>Logout</a></li>
    </ul>
</div>




<div data-role="content" >
<div class="profileGal1">
  <!--<p id="sentence">List of users that closest fit the search</p>
-->


  <div class="beckyFit">
    <div class="profilePic1">
        <img src="assets/peeps/gal1.jpg" />
    </div>

    <div class="profileStats1">
        <p> <strong>Username:</strong> BeckyFit</p>
        <p> <strong>Device Type:</strong> iPhone 5s</p>
        <p> <strong>User Rating:</strong> 4 out of 5</p>
    </div>

    <div class="prevShotsPTag">
        <p>Previous Shots by <strong>BeckyFit</strong></p>
    </div>

     <div class="galleryOne">


        <div class="ui-grid-c ui-responsive">



      <div class="ui-block-a">
        <img src="assets/gal1Photos/Gal1-1.jpg" class="thumb1 faded"
/>
      </div>
      <div class="ui-block-a">
        <img src="assets/gal1Photos/Gal1-2.jpg" class="thumb1 faded"
/>
      </div>
      <div class="ui-block-b">
        <img src="assets/gal1Photos/Gal1-3.jpg" class="thumb1 faded"
/>
      </div>
      <div class="ui-block-b">
        <img src="assets/gal1Photos/Gal1-4.jpg" class="thumb1 faded"
/>
      </div>
      <div class="ui-block-c">
        <img src="assets/gal1Photos/Gal1-5.jpg" class="thumb1 faded"
/>
      </div>
      <div class="ui-block-c">
        <img src="assets/gal1Photos/Gal1-6.jpg" class="thumb1 faded"
/>
      </div>
      <div class="ui-block-d">
        <img src="assets/gal1Photos/Gal1-7.jpg" class="thumb1 faded"
/>
      </div>
      <div class="ui-block-d">
        <img src="assets/gal1Photos/Gal1-8.jpg" class="thumb1 faded"
/>
      </div>


  </div><!-- /grid-c -->
    </div>

   </div>



<div class="pricePerSession">
  <p>Price per 5 shot/5 min <strong>$40</strong></p>
</div>





<div class="userActions">
    <ul>
        <li><a href="#userList" data-role="button" data-icon="delete"
data-mini="true" data-inline="true">Different User</a></li>
        <li class="secondUserActionButton"><a href="#" data-
role="button" data-inline="true" data-mini="true" data-icon="check"
data-theme="b">Connect User</a></li>


    </ul>
</div> <!-- end of userActions -->

</div> <!-- end of profileGal1 -->

</div> <!--end of gal1-->