{"id":6172,"date":"2021-05-31T17:29:53","date_gmt":"2021-05-31T15:29:53","guid":{"rendered":"http:\/\/tintosmart.it\/media\/"},"modified":"2021-10-21T12:20:57","modified_gmt":"2021-10-21T10:20:57","slug":"media","status":"publish","type":"page","link":"https:\/\/tintosmart.it\/fr\/media\/","title":{"rendered":"Media"},"content":{"rendered":"\n<div class=\"pure-containerFluid kallvideo__top generalHeader__kallvideo\">\n    <div class=\"pure-g\">\n        <div class=\"pure-u-1-1 pure-u-md-20-24 offset-md-1-12\">\n            <div class=\"generalHeader__kallvideoCont\">\n                <div class=\"generalHeader__kallvideoSingle filter-button active\" data-filter=\"all\">\n                    All videos                <\/div>\n                                    <div class=\"generalHeader__kallvideoSingle filter-button\" data-filter=\"emotional-fr\">\n                        Emotional                    <\/div>\n                                    <div class=\"generalHeader__kallvideoSingle filter-button\" data-filter=\"tutorial-fr\">\n                        Tutorial                    <\/div>\n                                    <div class=\"generalHeader__kallvideoSingle filter-button\" data-filter=\"promotional-fr\">\n                        Promotional                    <\/div>\n                            <\/div>\n\n\n            <div class=\"generalHeader__kallvideoCont generalHeader__kallvideoCont--mob\">\n\n                <div class=\"swiper-container swiper__catVideo\">\n                    <div class=\"swiper-wrapper\">\n                        <div class=\"swiper-slide\">\n                            <div class=\"generalHeader__kallvideoSingle filter-button active\" data-filter=\"all\">\n                                All videos                            <\/div>\n                        <\/div>\n\n                                                    <div class=\"swiper-slide\">\n                                <div class=\"generalHeader__kallvideoSingle filter-button\" data-filter=\"emotional-fr\">\n                                    Emotional                                <\/div>\n                            <\/div>\n                                                    <div class=\"swiper-slide\">\n                                <div class=\"generalHeader__kallvideoSingle filter-button\" data-filter=\"tutorial-fr\">\n                                    Tutorial                                <\/div>\n                            <\/div>\n                                                    <div class=\"swiper-slide\">\n                                <div class=\"generalHeader__kallvideoSingle filter-button\" data-filter=\"promotional-fr\">\n                                    Promotional                                <\/div>\n                            <\/div>\n                                            <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<div class=\"pure-containerFluid kallvideo\" id=\"anchorPageStandard\">\n    <div class=\"pure-g\">\n        <div class=\"pure-u-1-1 pure-u-md-20-24 offset-md-1-12 p-0\">\n            <h2><\/h2>\n            <div class=\"kallvideo__desc\"><p class=\"p1\" style=\"text-align: center\">D\u00e9couvrez toutes les vid\u00e9os TintoSmart d\u00e9di\u00e9es \u00e0 la fois aux activit\u00e9s promotionnelles et explicatives du projet, et aux tutoriels relatifs \u00e0 son fonctionnement. Dans cette section, vous trouverez les histoires de Mario et Carlo, deux applicateurs professionnels avec deux routines quotidiennes diff\u00e9rentes. Pas seulement cela! Gr\u00e2ce \u00e0 4 tutoriels simples concernant le fonctionnement du Syst\u00e8me de Couleur Portable, les processus de coloration et les applications sp\u00e9ciales, vous serez en mesure de comprendre de plus en plus les secrets de l&rsquo;utilisation de TintoSmart.<\/p>\n<\/div>\n\n            <div class=\"pure-g\" id=\"anchorMedia\">\n                                        <div class=\"pure-u-1-1 pure-u-md-6-24 generalHeader__kallvideoSingleCont filter media-fr emotional-fr\">\n                            <div class=\"kallvideo__single\">\n                                <a class=\"\" href=\"https:\/\/tintosmart.it\/fr\/le-tintometre-portable\/\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"600\" src=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/media-1.jpg\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" srcset=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/media-1.jpg 900w, https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/media-1-150x100.jpg 150w, https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/media-1-750x500.jpg 750w, https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/media-1-450x300.jpg 450w, https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/media-1-768x512.jpg 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/>                                    <div class=\"kallvideo__singleContent\">\n                                        <h3>Le Tintom\u00e8tre portable<\/h3>\n                                        <div><\/div>\n                                    <\/div>\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                                        <div class=\"pure-u-1-1 pure-u-md-6-24 generalHeader__kallvideoSingleCont filter media-fr tutorial-fr\">\n                            <div class=\"kallvideo__single\">\n                                <a class=\"\" href=\"https:\/\/tintosmart.it\/fr\/quest-ce-que-tintosmart\/\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"600\" src=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/k-tutorial.jpg\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" srcset=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/k-tutorial.jpg 900w, https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/k-tutorial-150x100.jpg 150w, https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/k-tutorial-750x500.jpg 750w, https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/k-tutorial-450x300.jpg 450w, https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/k-tutorial-768x512.jpg 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/>                                    <div class=\"kallvideo__singleContent\">\n                                        <h3>Qu&rsquo;est-ce que TintoSmart?<\/h3>\n                                        <div><\/div>\n                                    <\/div>\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                                        <div class=\"pure-u-1-1 pure-u-md-6-24 generalHeader__kallvideoSingleCont filter media-fr tutorial-fr\">\n                            <div class=\"kallvideo__single\">\n                                <a class=\"\" href=\"https:\/\/tintosmart.it\/fr\/la-configuration-de-tintosmart\/\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"600\" src=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/k-setup.jpg\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" srcset=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/k-setup.jpg 900w, https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/k-setup-150x100.jpg 150w, https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/k-setup-750x500.jpg 750w, https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/k-setup-450x300.jpg 450w, https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/k-setup-768x512.jpg 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/>                                    <div class=\"kallvideo__singleContent\">\n                                        <h3>La configuration de TintoSmart<\/h3>\n                                        <div><\/div>\n                                    <\/div>\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                                        <div class=\"pure-u-1-1 pure-u-md-6-24 generalHeader__kallvideoSingleCont filter media-fr tutorial-fr\">\n                            <div class=\"kallvideo__single\">\n                                <a class=\"\" href=\"https:\/\/tintosmart.it\/fr\/fonctionnement-de-tintosmart\/\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"600\" src=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/k-come-funziona.jpg\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" srcset=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/k-come-funziona.jpg 900w, https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/k-come-funziona-150x100.jpg 150w, https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/k-come-funziona-750x500.jpg 750w, https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/k-come-funziona-450x300.jpg 450w, https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/k-come-funziona-768x512.jpg 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/>                                    <div class=\"kallvideo__singleContent\">\n                                        <h3>Fonctionnement de tintosmart<\/h3>\n                                        <div><\/div>\n                                    <\/div>\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                                        <div class=\"pure-u-1-1 pure-u-md-6-24 generalHeader__kallvideoSingleCont filter media-fr tutorial-fr\">\n                            <div class=\"kallvideo__single\">\n                                <a class=\"\" href=\"https:\/\/tintosmart.it\/fr\/applications-speciales-tintosmart\/\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"600\" src=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/applicazioni.jpg\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" srcset=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/applicazioni.jpg 900w, https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/applicazioni-150x100.jpg 150w, https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/applicazioni-750x500.jpg 750w, https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/applicazioni-450x300.jpg 450w, https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/applicazioni-768x512.jpg 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/>                                    <div class=\"kallvideo__singleContent\">\n                                        <h3>Applications sp\u00e9ciales TintoSmart<\/h3>\n                                        <div><\/div>\n                                    <\/div>\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                                        <div class=\"pure-u-1-1 pure-u-md-6-24 generalHeader__kallvideoSingleCont filter media-fr promotional-fr\">\n                            <div class=\"kallvideo__single\">\n                                <a class=\"\" href=\"https:\/\/tintosmart.it\/fr\/logo-animation-tintosmart\/\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"1800\" height=\"1200\" src=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/MEDIA_FRA@2x-1.png\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" srcset=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/MEDIA_FRA@2x-1.png 1800w, https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/MEDIA_FRA@2x-1-450x300.png 450w, https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/MEDIA_FRA@2x-1-970x647.png 970w, https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/MEDIA_FRA@2x-1-768x512.png 768w, https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/MEDIA_FRA@2x-1-1536x1024.png 1536w, https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/MEDIA_FRA@2x-1-750x500.png 750w, https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/MEDIA_FRA@2x-1-150x100.png 150w\" sizes=\"auto, (max-width: 1800px) 100vw, 1800px\" \/>                                    <div class=\"kallvideo__singleContent\">\n                                        <h3>Logo Animation TintoSmart<\/h3>\n                                        <div><\/div>\n                                    <\/div>\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<style>\n\n    .kallvideo__single{-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);}\n    .kallvideo__singleContent{padding: 10px; text-align: center;}\n    .kallvideo__singleContent h3{ font-size: 18px; text-transform: uppercase;}\n    .kallvideo__singleContent p{margin-top: 0;}\n\n    .kallvideo img{width: 100%; height: auto;}\n    .generalPage__desc{display: none;}\n    .kallvideo__top.generalHeader__kallvideo {color: #FFFFFF;background-color: #272323;}\n    .generalHeader__kallvideoCont{display: flex;align-items: center;justify-content: space-between;padding-top: 20px;padding-bottom: 20px;flex-wrap: wrap;}\n    .kallvideo__top .generalHeader__kallvideoSingle{margin: 5px 10px;}\n\n    .generalHeader__kallvideoSingle.active {font-weight: bold;border-bottom: 3px solid #FFFFFF;}\n    .generalHeader__kallvideoSingle {color: #FFFFFF;font-size: 14px;font-weight: 500;text-transform: uppercase;border-bottom: 3px solid transparent; cursor: pointer;}\n\n    .generalHeader__kallvideo{margin-bottom: 50px;}\n\n    .generalHeader__kallvideoSingleCont{margin-bottom: 30px;}\n\n    .kallvideo h2{text-align: center; font-size: 45px; margin-bottom: 0;}\n    .kallvideo__desc{text-align: center; margin-top: 10px; padding-bottom: 0px; margin-bottom: 50px; border-bottom: 3px solid #272323;}\n\n    .generalHeader__kallvideoCont.generalHeader__kallvideoCont--mob{display: none;}\n\n    \/* mobile *\/\n    @media screen and (max-width: 767px) {\n        .generalHeader__kallvideoCont{justify-content: left;}\n        .generalHeader__kallvideoSingle{width: fit-content; width: -moz-fit-content;}\n        .generalHeader__kallvideoCont{display: none;}\n        .generalHeader__kallvideoCont.generalHeader__kallvideoCont--mob{display: block;}\n    }\n\n\n    \/* ipad *\/\n    @media screen and (min-width: 768px) and  (max-width: 992px){\n        .generalHeader__kallvideoCont{justify-content: left;}\n    }\n\n    \/* ipad pro *\/\n    @media screen and (min-width: 992px) and  (max-width: 1200px){\n\n    }\n\n    @media screen and (max-width: 1350px){\n        .tax-product_cat .generalHeader__kallvideoCont {justify-content: center;}\n    }\n\n\n<\/style>\n\n<script>\n    window.addEventListener('DOMContentLoaded', function() {\n        jQuery(function ($) {\n            $(document).ready(function(){\n                $(\".generalHeader__kallvideoCont--mob .filter-button\").click(function(){\n\n                    var aid = $('#anchorMedia');\n                    $('html,body').animate({scrollTop: $(aid).offset().top - 110},'slow');\n\n                    var value = $(this).attr('data-filter');\n\n                    $(\".filter-button\").removeClass(\"active\");\n                    $(this).addClass(\"active\");\n\n                    if(value == \"all\") {\n                        $('.filter').show('3000');\n                    } else {\n                        $(\".filter\").not('.'+value).hide('3000');\n                        $('.filter').filter('.'+value).show('3000');\n                    }\n                });\n\n                $(\".filter-button\").click(function(){\n\n                    var value = $(this).attr('data-filter');\n\n                    $(\".filter-button\").removeClass(\"active\");\n                    $(this).addClass(\"active\");\n\n                    if(value == \"all\") {\n                        $('.filter').show('3000');\n                    } else {\n                        $(\".filter\").not('.'+value).hide('3000');\n                        $('.filter').filter('.'+value).show('3000');\n                    }\n                });\n            });\n\n            \/* highest element *\/\n            $(window).on(\"load resize\",function(e){\n                $(\".kallvideo__single\").css(\"min-height\", \"auto\");\n                var h=0; \/\/ the height of the highest element (after the function runs)\n                $(\".kallvideo__single\").each(function () {\n                    if (  $(this).outerHeight() > h ) {\n                        h=$(this).outerHeight();\n                    }\n                    $(\".kallvideo__single\").css(\"min-height\", h);\n                });\n            });\n\n            var swiperCatMedia = new Swiper(\".swiper__catVideo\", {\n                loop: true,\n                slidesPerView: 3,\n                breakpoints: {\n                    0: {\n                        slidesPerView: 1.8,\n                        spaceBetween: 10,\n                    },\n                    768: {\n                        slidesPerView: 3,\n                        spaceBetween: 10,\n                    },\n\n                },\n            });\n\n\n        }(jQuery));\n    });\n<\/script>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page_nobreadcrumb.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-6172","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/tintosmart.it\/fr\/wp-json\/wp\/v2\/pages\/6172","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tintosmart.it\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tintosmart.it\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tintosmart.it\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tintosmart.it\/fr\/wp-json\/wp\/v2\/comments?post=6172"}],"version-history":[{"count":0,"href":"https:\/\/tintosmart.it\/fr\/wp-json\/wp\/v2\/pages\/6172\/revisions"}],"wp:attachment":[{"href":"https:\/\/tintosmart.it\/fr\/wp-json\/wp\/v2\/media?parent=6172"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}