amp-web-push-widget button.amp-subscribe { display: inline-flex; align-items: center; border-radius: 5px; border: 0; box-sizing: border-box; margin: 0; padding: 10px 15px; cursor: pointer; outline: none; font-size: 15px; font-weight: 500; background: #4A90E2; margin-top: 7px; color: white; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .cls-btn { background: #0d0d0d; border: none;position: absolute;right: 10px;} .cls-btn:after{content:"X";display:inline-block;color:#fff;font-size:20px;padding:20px;} .collapsible-captions {--caption-height: 32px; --image-height: 100%; --caption-padding:1rem; --button-size: 28px; --caption-color: #f5f5f5;; --caption-bg-color: #111;} .collapsible-captions * { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); box-sizing: border-box; } .collapsible-captions .amp-carousel-container {position: relative; width: 100%;} .collapsible-captions amp-img img {object-fit: contain; } .collapsible-captions figure { margin: 0; padding: 0; } .collapsible-captions figcaption { position: absolute; bottom: 0;width: 100%; max-height: var(--caption-height);margin-bottom:0; line-height: var(--caption-height); padding: 0 var(--button-size) 0 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: max-height 200ms cubic-bezier(0.4, 0, 0.2, 1); z-index: 1000; color: var(--caption-color); background: rgba(0, 0, 0, 0.6); } .collapsible-captions figcaption.expanded { line-height: inherit; white-space: normal; text-overflow: auto; max-height: 100px; overflow: auto; } .collapsible-captions figcaption:focus { outline: none; border: none; } .collapsible-captions figcaption span { display: block; position: absolute; top: calc((var(--caption-height) - var(--button-size)) / 2); right: 2px; width: var(--button-size); height: var(--button-size); line-height: var(--button-size); text-align: center; font-size: 12px; color: inherit; cursor: pointer; } figcaption{ margin-bottom: 20px; } .amp-logo amp-img{width:210px} .amp-menu input{display:none;}.amp-menu li.menu-item-has-children ul{display:none;}.amp-menu li{position:relative;display:block;}.amp-menu > li a{display:block;} .icon-widgets:before {content: "\e1bd";}.icon-search:before {content: "\e8b6";}.icon-shopping-cart:after {content: "\e8cc";} /******* Paste your Custom CSS in this Editor *******/

i-Run est disponible sur mobile

La société i-Run vient de nous informer de la mise en ligne de leur site mobile (http://m.i-run.fr). Vous êtes de plus en plus nombreux à utiliser vos smartphones et vos tablettes pour naviguer sur internet, c’est pourquoi l’équipe d’i-Run a réalisé ce site mobile entièrement optimisé pour être utiliser sur les terminaux mobiles.

Rapide, il vous permettra de consulter tout le catalogue, faire des recherches, voir la disponibilité des produits en fonction de votre taille et bien sûr passer votre commande.

L’ensemble du catalogue est disponible sur le site mobile.

Et pour fêter le lancement, l’équipe d’i-Run offre un cadeau aux 50 premières commandes finalisées sur le site mobile.

Voilà quelques captures d’écrans réalisées sur iPhone, le design est réussi et l’idée des chaussures à la verticale sur les listes de recherches est très originale (sans doute pour gagner de la place). On peut utiliser le slide de l’iPhone pour visualiser les différentes photos sur la fiche produit.

13 ans ago

Articles similaires