Free Mobile Website Template

by JagSEO
12 replies


Download Now: Free Mobile Website Template
Demo: Here

This is jquery mobile, HTML5 and CSS3
#free #mobile #template #website
  • Profile picture of the author kewlstud3
    Banned
    [DELETED]
    {{ DiscussionBoard.errors[6933365].message }}
    • Profile picture of the author JagSEO
      HTML Code:
      <!DOCTYPE html> 
      
      <html> 
      
      <head> 
          <title>jQuery Mobile page</title>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="css/themes/customtheme.css" />
        <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile.structure-1.1.1.min.css" /> 
        <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script> 
        <script src="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.js"></script> 
          
      </head> 
      
      <!-- header -->
          <div data-role="header" data-theme="c" style="margin-bottom:0px">
          <center><img border="0" src="../images/logo.png" alt="Logo"/></center>
          </div>
          <div class="shadowbox"><img src="images/shadow.png" class="shadow" alt="shadow"></div>
          <!--/header -->
          
      
                  
          <div data-role="content" data-theme="c">    
          
          
          <!-- call to action --> 
              <p class="calltoaction">
                      
                      <a href="contact-us.php" rel="external" class="ui-link-inherit"><img  src="images/emailus.png" alt="Email" align="left"></a>
                      
                      <a href="tel:#"><img  src="images/call_us.png" alt="Call" align="center"></a>
                      
                      <a href="location.html" rel="external"><img  src="images/findus.png" alt="Location" align="right"></a>  
                                    
                      
              </p>
              <!-- /call to action -->
          
          
                      
              <!-- social icons --> 
              <p class="social">
                  Stay Connected!<br />
                      
                      <a href="#"><img src="images/facebook.png" alt="Facebook"></a>
                      <a href="#"><img src="images/twitter.png" alt="Twitter"></a>
                      <a href="#"><img src="images/googleplus.png" alt="GooglePlus"></a>
                      <a href="#"><img src="images/linkedin.png" alt="Linked In"></a>
                      <a href="#"><img src="images/pinterest.png" alt="Pinterest"></a>
                      <a href="#"><img src="images/instagram.png" alt="Instagram"></a>
                      <a href="#"><img src="images/rss.png" alt="RSS"></a>         
              </p>
              <!-- /social icons -->
              
      <!-- navigation -->
      <ul data-role="listview" data-split-icon="right-arrow" data-inset="true"  data-theme="c" style="margin-bottom:0px">
          <li>
              <a href="about.html" rel="external">
              <img src="images/aboutus.png"  />About Us</a>
          </li>    
          <li>
              <a href="services.html" rel="external">
              <img src="images/services.png" />Services</a>
        </li>    
          <li>
              <a href="./faq.html" rel="external">
              <img src="images/faq.png" />FAQ</a> 
          </li>
      </ul>
      <div class="shadowbox"><img src="images/shadow2.png" class="shadow" alt="shadow"></div>    
      <!-- /navigation --> 
      
      <a href="index.html" data-role="button" data-theme="c">View Full Website</a>         
            </div><!-- /content -->
              
      
          <!-- footer -->
          <div data-role="footer" data-theme="c">
              <p class="address">13200 Crossroads Parkway North, Suite 350, City of Industry, CA 91746</a></p>
              <p class="copyright">Copyright © 2012 <b>Waba Grill Franchise Corp.</b> All rights reserved.</a></p>    
          <!-- /footer -->
          
      </div><!-- /page -->
      
      </body>
      </html> 
      In The Call Us Icon -----><a href="tel:#"><img src="images/call_us.png" alt="Call" align="center"></a>
      Put Your Number In the "tel:"

      In The <!-- navigation --> You can put as many list menu button with its corresponding icon

      In The About Us, Services, and FAQ just edit the text content. there.

      In the Contact Form just edit the config.php inside the assets folder.
      Signature
      Hooked To Success -Personal development For People Who Wants Success.
      {{ DiscussionBoard.errors[6934026].message }}
  • Profile picture of the author WillR
    Jag,

    The mods will probably delete this. You shouldn't really be sending people to a page with your paid products on it. This type of stuff is for the WSO section not the discussion forums.
    {{ DiscussionBoard.errors[6934086].message }}
    • Profile picture of the author JagSEO
      Ok Will I will erase the paid stuff and just retain the Free Stuff.

      Thanks!
      Signature
      Hooked To Success -Personal development For People Who Wants Success.
      {{ DiscussionBoard.errors[6934145].message }}
  • Profile picture of the author kevinclanton
    thanks, your icon design is nice
    {{ DiscussionBoard.errors[6936164].message }}
    • Profile picture of the author JagSEO
      Originally Posted by kevinclanton View Post

      thanks, your icon design is nice
      The icons I used are free Icons that I found online when I'm searching for free icons
      Signature
      Hooked To Success -Personal development For People Who Wants Success.
      {{ DiscussionBoard.errors[6938109].message }}
  • Profile picture of the author netmondon
    Where is the free site? I can't download anything it just takes me to your website...???
    {{ DiscussionBoard.errors[6937672].message }}
    • Profile picture of the author JagSEO
      Originally Posted by netmondon View Post

      Where is the free site? I can't download anything it just takes me to your website...???

      I updated the download link and it is a direct link now.
      Signature
      Hooked To Success -Personal development For People Who Wants Success.
      {{ DiscussionBoard.errors[6938105].message }}
  • Profile picture of the author sadiq2012
    Banned
    [DELETED]
    {{ DiscussionBoard.errors[6944417].message }}
    • Profile picture of the author JagSEO
      Originally Posted by sadiq2012 View Post

      thanks, your design is nice! i like it
      Thanks if you have question just buzz me up.
      Signature
      Hooked To Success -Personal development For People Who Wants Success.
      {{ DiscussionBoard.errors[6944549].message }}
  • Profile picture of the author Larry Young
    Nice Icons. m going to download it for free.
    {{ DiscussionBoard.errors[7007228].message }}
  • Profile picture of the author salelink
    do u have any word-press mobile theme?
    {{ DiscussionBoard.errors[7018105].message }}
  • Profile picture of the author JagSEO
    If you are using the mobile theme and you don't know how to edit the email address in the contact form buzz me up. because I've used my email add in that contact form and all the test email you are testing is sending to my email address.
    Signature
    Hooked To Success -Personal development For People Who Wants Success.
    {{ DiscussionBoard.errors[7429945].message }}
  • Profile picture of the author networkempire
    Thanks for sharing. Nice template.
    {{ DiscussionBoard.errors[7525428].message }}

Trending Topics