minio - HTML Mobile Template
Minio Mobile
Minio Mobile is a mobile HTML/CSS template that will help you create a mobile website, a mobile web app, or a native app (integrated with solutions like phonegap). The mobile template is using a flexible layout that will adapt any mobile resolution. Includes multiple pages and design elements that will help in creating any section of your website or app. The template uses Ajax and jQuery to load the pages dinamically, this will give a real app feel when navigating.
Updates – 25 March 2015 | Template Version 1.1
1. Updated the URL format of the pages. This will add a page NAME to the URL that will allow to access it separatelly. For example the about page will look like “http://sindevo.com/minio/minimal/index.html#!/about.html”.
2. A small bug fixed for the swipeout page effect. In the prev version when swipeout from a secondary page, the logo on the home page was disappearing. Now that is fixed.
Thank you again for all our buyers. And don’t forget to rate our template. This will encourage us to work on more amazing items, and support them for FREE all the time.
Great design. Where can we get more icons of the same design?
ReplyDeleteHi,
ReplyDeleteIn help file at the bottom there are some links with the resources we have used, and the icons source as well.
Also we can send by email others if you want.
Regards.
Thanks, already got that file but I’m missing the departing plane and red cross icons in the same style…
ReplyDeleteHi,
ReplyDeleteSo you need some custom icons for “departing plane” and “red cross” section ? I can send you some by email if you want.
Regards.
Hello,
ReplyDeleteI can not operate external url …
This only works to local url.
How can I make my external url fonctionnenent with your template?
Here is an excerpt of the code, I set up a external url:
filibus
vous faire
aimer la ville !
<nav class="list-nav">
Horaires
Plans du réseau
Titres de transport
Informations
Services
Nous contacter
Thank you in advance.
Sébastien
Hi Sebastien,
ReplyDeleteIn order to add an external link just add the class=”external” to any link.
If your link have another class name just add external next to that class name.
For example in the main menu if you want to point the BLOG link externally and keep the icon class just use: class=”blog-icon external”
li class="blog-icon external"><a href="http://google.com" class="close-panel">Blog</a>
Hope this helps.
Regards.
I managed to put an external URL but how to make sure to keep the icon because if I put the external links I do this:
ReplyDeleteNous contacter
but I do not see the icon that I use “class” for the external URL. So how to keep the display of the icon on the screen and have the same time the external URL that works on your template?
Very thanks
Sebastian
Hi Sebastian,
ReplyDeleteIn order to add an external link just add the class=”external” to any link.
If your link have another class name just add external next to that class name.
For example in the main menu if you want to point the BLOG link externally and keep the icon class just use: class=”blog-icon external”
li class="blog-icon external"><a href="http://google.com" class="close-panel">Blog</a>
Hope this helps.
Regards.
Hi,
ReplyDeleteWhy does the address have this – see screenshot ( http://i.prntscr.com/231fef0f0a9a4d98ba53e2d5d167e7f1.png), when ever you click on the left panel side menu
Hi,
ReplyDeleteAll the pages/sections are loaded with ajax.
The url will allways be: the name of the page aster the index.html
Just like
index.html#!/features.html
index.html#!/about.html
etc.
You can remove that from my-app.js file settings
Just see on top of the code the line
pushState: true,
Set it to false.
pushState: false,
This will remove the ”#!/features.html” after the index, and all pages will just have index.html and that’s all. Meaning all pages will be ajax ready, like a one page template.
Regards.
Thanks, but when I click on the home to take me to index.html, the pages loads with no content, but the previous url stays on the url bar (http://prntscr.com/c4utbg)
ReplyDelete