2263 lines
180 KiB
Plaintext
2263 lines
180 KiB
Plaintext
{
|
||
"settings": {
|
||
"currentPage": "index.html",
|
||
"theme": {
|
||
"name": "mobirise5",
|
||
"title": "Mobirise 5",
|
||
"styling": {
|
||
"primaryColor": "#bbbbbb",
|
||
"secondaryColor": "#379683",
|
||
"successColor": "#40b0bf",
|
||
"infoColor": "#47b5ed",
|
||
"warningColor": "#FFE161",
|
||
"dangerColor": "#ff9966",
|
||
"mainFont": "Jost",
|
||
"display1Font": "Epilogue",
|
||
"display1Size": 4.6,
|
||
"display2Font": "Epilogue",
|
||
"display2Size": 3,
|
||
"display5Font": "Epilogue",
|
||
"display5Size": "1.8",
|
||
"display7Font": "Epilogue",
|
||
"display7Size": "1.1",
|
||
"display4Font": "Epilogue",
|
||
"display4Size": "1",
|
||
"isRoundedButtons": false,
|
||
"isGhostButtonBorder": false,
|
||
"underlinedLinks": false,
|
||
"isAnimatedOnScroll": false,
|
||
"isScrollToTopButton": false
|
||
},
|
||
"titlePreset": "Agency",
|
||
"nameSelectPreset": "agency",
|
||
"presetSourceTheme": "mobirise5",
|
||
"additionalSetColors": []
|
||
},
|
||
"path": "@PROJECT_PATH@",
|
||
"name": "lecteur média",
|
||
"versionFirst": "5.8.4",
|
||
"siteFonts": [
|
||
{
|
||
"css": "'Epilogue', sans-serif",
|
||
"name": "Epilogue",
|
||
"url": "https://fonts.googleapis.com/css?family=Epilogue:100,200,300,400,500,600,700,800,900,100i,200i,300i,400i,500i,600i,700i,800i,900i"
|
||
}
|
||
],
|
||
"uniqCompNum": 14,
|
||
"versionPublish": "5.8.4",
|
||
"imageResize": true,
|
||
"screenshot": "screenshot.png",
|
||
"favicon": false,
|
||
"mbrsiteDomain": "6vfpht2cgo",
|
||
"usedWebp": false,
|
||
"robotsSwitcher": false,
|
||
"sitemapSwitcher": false,
|
||
"sitemapSwitcherAuto": false,
|
||
"siteUrl": false,
|
||
"gdpr": {
|
||
"colorText": "#a7a7a7",
|
||
"colorLink": "#149dcc",
|
||
"underlineLink": false,
|
||
"text": "By continuing you agree to our <a href='terms.html'>Terms of Service</a> and <a href='policy.html'>Privacy Policy</a>."
|
||
},
|
||
"robotsText": "User-agent: *\r\nDisallow: /cgi-bin\r\n",
|
||
"cookiesAlert": false
|
||
},
|
||
"pages": {
|
||
"index.html": {
|
||
"settings": {
|
||
"main": true,
|
||
"title": "Acceuil",
|
||
"meta_descr": "un logiciel qui vous permez de regarder et de lire vos fichier multimédia mais pas que, il vous permet aussi de regarder vos film et série préférer et d'écouter vos web radio est plus encors....",
|
||
"header_custom": "",
|
||
"footer_custom": "",
|
||
"html_before": "",
|
||
"meta_image": "@PROJECT_PATH@/assets/images/thme-noir.png"
|
||
},
|
||
"components": [
|
||
{
|
||
"alias": false,
|
||
"_styles": {
|
||
"& when not (@sticky)": {
|
||
".navbar-dropdown": {
|
||
"position": "relative !important"
|
||
},
|
||
"& when (@transparent)": {
|
||
".navbar-dropdown": {
|
||
"position": "absolute !important"
|
||
}
|
||
}
|
||
},
|
||
"& when (@sticky)": {
|
||
"z-index": "1000",
|
||
"width": "100%",
|
||
"& when not (@transparent)": {
|
||
"position": "relative",
|
||
"min-height": "60px"
|
||
},
|
||
"nav.navbar": {
|
||
"position": "fixed"
|
||
}
|
||
},
|
||
".dropdown-item:before": {
|
||
"font-family": "Moririse2 !important",
|
||
"content": "\"\\e966\"",
|
||
"display": "inline-block",
|
||
"width": "0",
|
||
"position": "absolute",
|
||
"left": "1rem",
|
||
"top": "0.5rem",
|
||
"margin-right": "0.5rem",
|
||
"line-height": "1",
|
||
"font-size": "inherit",
|
||
"vertical-align": "middle",
|
||
"text-align": "center",
|
||
"overflow": "hidden",
|
||
"transform": "scale(0, 1)",
|
||
"transition": "all 0.25s ease-in-out"
|
||
},
|
||
".dropdown-menu": {
|
||
"padding": "0",
|
||
"border-radius": "4px",
|
||
"box-shadow": "0 1px 3px 0 rgba(0, 0, 0, 0.1)"
|
||
},
|
||
".dropdown-item": {
|
||
"border-bottom": "1px solid #e6e6e6",
|
||
"&:hover, &:focus": {
|
||
"background": "@primaryColor !important",
|
||
"color": "white !important"
|
||
},
|
||
"&:first-child": {
|
||
"border-top-left-radius": "4px",
|
||
"border-top-right-radius": "4px"
|
||
},
|
||
"&:last-child": {
|
||
"border-bottom": "none",
|
||
"border-bottom-left-radius": "4px",
|
||
"border-bottom-right-radius": "4px"
|
||
}
|
||
},
|
||
".nav-dropdown .link": {
|
||
"padding": "0 0.3em !important",
|
||
"margin": "0.667em 1em !important"
|
||
},
|
||
".nav-dropdown .link.dropdown-toggle::after": {
|
||
"margin-left": "0.5rem",
|
||
"margin-top": "0.2rem"
|
||
},
|
||
".nav-link": {
|
||
"position": "relative"
|
||
},
|
||
".container": {
|
||
"display": "flex",
|
||
"margin": "auto"
|
||
},
|
||
".iconfont-wrapper": {
|
||
"color": "@iconsColor !important",
|
||
"font-size": "1.5rem",
|
||
"padding-right": "0.5rem"
|
||
},
|
||
".navbar-caption": {},
|
||
".navbar-nav": {},
|
||
".dropdown-menu, .navbar.opened": {
|
||
"background": "@menuBgColor !important"
|
||
},
|
||
".nav-item:focus, .nav-link:focus": {
|
||
"outline": "none"
|
||
},
|
||
".dropdown .dropdown-menu .dropdown-item": {
|
||
"width": "auto",
|
||
"transition": "all 0.25s ease-in-out",
|
||
"&::after": {
|
||
"right": "0.5rem"
|
||
},
|
||
".mbr-iconfont": {
|
||
"margin-right": "0.5rem",
|
||
"vertical-align": "sub",
|
||
"&:before": {
|
||
"display": "inline-block",
|
||
"transform": "scale(1, 1)",
|
||
"transition": "all 0.25s ease-in-out"
|
||
}
|
||
}
|
||
},
|
||
".collapsed": {
|
||
".dropdown-menu .dropdown-item:before": {
|
||
"display": "none"
|
||
},
|
||
".dropdown .dropdown-menu .dropdown-item": {
|
||
"padding": "0.235em 1.5em 0.235em 1.5em !important",
|
||
"transition": "none",
|
||
"margin": "0 !important"
|
||
}
|
||
},
|
||
".navbar": {
|
||
"min-height": "70px",
|
||
"transition": "all 0.3s",
|
||
"border-bottom": "1px solid transparent",
|
||
"&:not(.navbar-short)": {},
|
||
"& when not (@transparent)": {
|
||
"box-shadow": "0 1px 3px 0 rgba(0, 0, 0, 0.1)",
|
||
"background": "@menuBgColor"
|
||
},
|
||
"& when (@transparent)": {
|
||
"background": "rgba(red(@menuBgColor), green(@menuBgColor), blue(@menuBgColor), @opacity)"
|
||
},
|
||
"&.opened": {
|
||
"transition": "all 0.3s"
|
||
},
|
||
".dropdown-item": {
|
||
"padding": "0.5rem 1.8rem"
|
||
},
|
||
".navbar-logo img": {
|
||
"width": "auto"
|
||
},
|
||
".navbar-collapse": {
|
||
"justify-content": "flex-end",
|
||
"z-index": "1"
|
||
},
|
||
"&.collapsed": {
|
||
"justify-content": "center",
|
||
".nav-item .nav-link::before": {
|
||
"display": "none"
|
||
},
|
||
"&.opened": {
|
||
".dropdown-menu": {
|
||
"top": "0"
|
||
},
|
||
"@media (min-width: 992px)": {
|
||
"&:not(.navbar-short) .navbar-collapse when (@showLogo)": {
|
||
"max-height": "~\"calc(98.5vh - @{logoSize}rem)\""
|
||
}
|
||
}
|
||
},
|
||
".dropdown-menu": {
|
||
".dropdown-submenu": {
|
||
"left": "0 !important"
|
||
},
|
||
".dropdown-item:after": {
|
||
"right": "auto"
|
||
},
|
||
".dropdown-toggle[data-toggle=\"dropdown-submenu\"]:after": {
|
||
"margin-left": "0.5rem",
|
||
"margin-top": "0.2rem",
|
||
"border-top": "0.35em solid",
|
||
"border-right": "0.35em solid transparent",
|
||
"border-left": "0.35em solid transparent",
|
||
"border-bottom": "0",
|
||
"top": "41%"
|
||
}
|
||
},
|
||
"ul.navbar-nav": {
|
||
"li": {
|
||
"margin": "auto"
|
||
}
|
||
},
|
||
".dropdown-menu .dropdown-item": {
|
||
"padding": "0.25rem 1.5rem",
|
||
"text-align": "center"
|
||
},
|
||
".icons-menu": {
|
||
"padding-left": "0",
|
||
"padding-right": "0",
|
||
"padding-top": "0.5rem",
|
||
"padding-bottom": "0.5rem"
|
||
}
|
||
},
|
||
"@media (max-width: 991px)": {
|
||
".nav-item .nav-link::before": {
|
||
"display": "none"
|
||
},
|
||
"&.opened": {
|
||
".dropdown-menu": {
|
||
"top": "0"
|
||
}
|
||
},
|
||
".dropdown-menu": {
|
||
".dropdown-submenu": {
|
||
"left": "0 !important"
|
||
},
|
||
".dropdown-item:after": {
|
||
"right": "auto"
|
||
},
|
||
".dropdown-toggle[data-toggle=\"dropdown-submenu\"]:after": {
|
||
"margin-left": "0.5rem",
|
||
"margin-top": "0.2rem",
|
||
"border-top": "0.35em solid",
|
||
"border-right": "0.35em solid transparent",
|
||
"border-left": "0.35em solid transparent",
|
||
"border-bottom": "0",
|
||
"top": "40%"
|
||
}
|
||
},
|
||
".navbar-logo": {
|
||
"img": {
|
||
"height": "3rem !important"
|
||
}
|
||
},
|
||
"ul.navbar-nav": {
|
||
"li": {
|
||
"margin": "auto"
|
||
}
|
||
},
|
||
".dropdown-menu .dropdown-item": {
|
||
"padding": "0.25rem 1.5rem !important",
|
||
"text-align": "center"
|
||
},
|
||
".navbar-brand": {
|
||
"flex-shrink": "initial",
|
||
"flex-basis": "auto",
|
||
"word-break": "break-word",
|
||
"padding-right": "2rem"
|
||
},
|
||
".navbar-toggler": {
|
||
"flex-basis": "auto"
|
||
},
|
||
".icons-menu": {
|
||
"padding-left": "0",
|
||
"padding-top": "0.5rem",
|
||
"padding-bottom": "0.5rem"
|
||
}
|
||
},
|
||
"&.navbar-short": {
|
||
"min-height": "60px",
|
||
".navbar-logo": {
|
||
"img": {
|
||
"height": "2.5rem !important"
|
||
}
|
||
},
|
||
".navbar-brand": {
|
||
"min-height": "60px",
|
||
"padding": "0"
|
||
}
|
||
}
|
||
},
|
||
".navbar-brand": {
|
||
"min-height": "70px",
|
||
"flex-shrink": "0",
|
||
"align-items": "center",
|
||
"margin-right": "0",
|
||
"padding": "10px 0",
|
||
"transition": "all 0.3s",
|
||
"word-break": "break-word",
|
||
"z-index": "1",
|
||
".navbar-caption": {
|
||
"line-height": "inherit !important"
|
||
},
|
||
".navbar-logo a": {
|
||
"outline": "none"
|
||
}
|
||
},
|
||
".dropdown-item.active, .dropdown-item:active": {
|
||
"background-color": "transparent"
|
||
},
|
||
".navbar-expand-lg .navbar-nav .nav-link": {
|
||
"padding": "0"
|
||
},
|
||
".nav-dropdown .link.dropdown-toggle": {
|
||
"margin-right": "1.667em",
|
||
"&[aria-expanded=\"true\"]": {
|
||
"margin-right": "0",
|
||
"padding": "0.667em 1.667em"
|
||
}
|
||
},
|
||
".navbar.navbar-expand-lg .dropdown": {
|
||
".dropdown-menu": {
|
||
"background": "@menuBgColor",
|
||
".dropdown-submenu": {
|
||
"margin": "0",
|
||
"left": "100%"
|
||
}
|
||
}
|
||
},
|
||
".navbar .dropdown.open > .dropdown-menu": {
|
||
"display": "block"
|
||
},
|
||
"ul.navbar-nav": {
|
||
"flex-wrap": "wrap"
|
||
},
|
||
".navbar-buttons": {
|
||
"text-align": "center",
|
||
"min-width": "170px"
|
||
},
|
||
"button.navbar-toggler": {
|
||
"outline": "none",
|
||
"width": "31px",
|
||
"height": "20px",
|
||
"cursor": "pointer",
|
||
"transition": "all 0.2s",
|
||
"position": "relative",
|
||
"align-self": "center",
|
||
".hamburger span": {
|
||
"position": "absolute",
|
||
"right": "0",
|
||
"width": "30px",
|
||
"height": "2px",
|
||
"border-right": "5px",
|
||
"background-color": "@hamburgerColor",
|
||
"&:nth-child(1)": {
|
||
"top": "0",
|
||
"transition": "all 0.2s"
|
||
},
|
||
"&:nth-child(2)": {
|
||
"top": "8px",
|
||
"transition": "all 0.15s"
|
||
},
|
||
"&:nth-child(3)": {
|
||
"top": "8px",
|
||
"transition": "all 0.15s"
|
||
},
|
||
"&:nth-child(4)": {
|
||
"top": "16px",
|
||
"transition": "all 0.2s"
|
||
}
|
||
}
|
||
},
|
||
"nav.opened .hamburger span": {
|
||
"&:nth-child(1)": {
|
||
"top": "8px",
|
||
"width": "0",
|
||
"opacity": "0",
|
||
"right": "50%",
|
||
"transition": "all 0.2s"
|
||
},
|
||
"&:nth-child(2)": {
|
||
"transform": "rotate(45deg)",
|
||
"transition": "all 0.25s"
|
||
},
|
||
"&:nth-child(3)": {
|
||
"transform": "rotate(-45deg)",
|
||
"transition": "all 0.25s"
|
||
},
|
||
"&:nth-child(4)": {
|
||
"top": "8px",
|
||
"width": "0",
|
||
"opacity": "0",
|
||
"right": "50%",
|
||
"transition": "all 0.2s"
|
||
}
|
||
},
|
||
".navbar-dropdown": {
|
||
"padding": "0 1rem",
|
||
"& when (@sticky)": {
|
||
"position": "fixed"
|
||
}
|
||
},
|
||
"a.nav-link": {
|
||
"display": "flex",
|
||
"align-items": "center",
|
||
"justify-content": "center"
|
||
},
|
||
".icons-menu": {
|
||
"flex-wrap": "nowrap",
|
||
"display": "flex",
|
||
"justify-content": "center",
|
||
"padding-left": "1rem",
|
||
"padding-right": "1rem",
|
||
"padding-top": "0.3rem",
|
||
"text-align": "center"
|
||
},
|
||
"@media screen and (~'-ms-high-contrast: active'), (~'-ms-high-contrast: none')": {
|
||
".navbar": {
|
||
"height": "70px",
|
||
"&.opened": {
|
||
"height": "auto"
|
||
}
|
||
},
|
||
".nav-item .nav-link:hover::before": {
|
||
"width": "175%",
|
||
"max-width": "calc(100% ~\"+\" 2rem)",
|
||
"left": "-1rem"
|
||
}
|
||
}
|
||
},
|
||
"_name": "menu1",
|
||
"_sourceTheme": "mobirise5",
|
||
"_customHTML": "<section data-bs-version=\"5.1\" class=\"menu menu1\" group=\"Menu\" plugins=\"DropDown, TouchSwipe\" always-top global once=\"menu\" not-draggable position-absolute>\n <mbr-parameters>\n <header>Size</header>\n <input type=\"checkbox\" name=\"fullWidth\" title=\"Full Width\">\n <header>Show/Hide</header>\n <input type=\"checkbox\" title=\"Logo\" name=\"showLogo\" checked>\n <input type=\"range\" title=\"Logo Size\" inline name=\"logoSize\" min=\"3\" max=\"8\" step=\"0.1\" value=\"3\" condition=\"showLogo\">\n <input type=\"checkbox\" title=\"Brand Name\" name=\"showBrand\" checked>\n <input type=\"checkbox\" title=\"Menu Items\" name=\"showItems\" checked>\n <input type=\"checkbox\" title=\"Icons\" name=\"showIcons\">\n <select title=\"Amount\" name=\"iconsAmount\" condition=\"showIcons\">\n <option value=\"1\">1</option>\n <option value=\"2\">2</option>\n <option value=\"3\" selected>3</option>\n <option value=\"4\">4</option>\n </select>\n <input type=\"color\" title=\"Icons Color\" name=\"iconsColor\" value=\"#000000\" condition=\"showIcons\">\n <input type=\"checkbox\" title=\"Button\" name=\"showButtons\" checked>\n <header>Styles</header>\n <input type=\"checkbox\" title=\"Sticky\" name=\"sticky\">\n <input type=\"checkbox\" title=\"Collapsed\" name=\"collapsed\">\n <input type=\"checkbox\" title=\"Transparent\" name=\"transparent\">\n <input type=\"range\" title=\"Opacity\" name=\"opacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.2\" condition=\"transparent\">\n <input type=\"color\" title=\"Color\" name=\"menuBgColor\" value=\"#353535\">\n <input type=\"color\" title=\"Hamburger\" name=\"hamburgerColor\" value=\"#ffffff\">\n </mbr-parameters>\n\n <nav class=\"navbar navbar-dropdown\" mbr-class=\"{'navbar-fixed-top':sticky,\n 'navbar-expand-lg':!collapsed,\n 'collapsed':collapsed}\">\n <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n <div class=\"navbar-brand\">\n <span mbr-if=\"showLogo\" class=\"navbar-logo\">\n <a href=\"index.html\">\n <img src=\"@PROJECT_PATH@/assets/images/39837401b03c65e8417ad48feae80b66-icon.png\" alt mbr-style=\"{'height': logoSize + 'rem'}\">\n </a>\n </span>\n <span mbr-if=\"showBrand\" mbr-buttons mbr-theme-style=\"display-7\" class=\"navbar-caption-wrap\" data-toolbar=\"-mbrBtnMove,-mbrBtnAdd,-mbrBtnRemove,-iconFont\"><a class=\"navbar-caption text-white text-primary\" data-app-selector=\".navbar-caption\" href=\"index.html\" data-app-placeholder=\"Type Text\">Lecteur média</a></span>\n </div>\n <button class=\"navbar-toggler\" type=\"button\" data-toggle=\"collapse\" data-bs-toggle=\"collapse\" data-target=\"#navbarSupportedContent\" data-bs-target=\"#navbarSupportedContent\" aria-controls=\"navbarNavAltMarkup\" aria-expanded=\"false\" aria-label=\"Toggle navigation\" mbr-if=\"showItems || showIcons || showButtons\">\n <div class=\"hamburger\">\n <span></span>\n <span></span>\n <span></span>\n <span></span>\n </div>\n </button>\n <div class=\"collapse navbar-collapse\" id=\"navbarSupportedContent\" mbr-if=\"showItems || showIcons || showButtons\">\n <ul mbr-menu class=\"navbar-nav nav-dropdown\" mbr-theme-style=\"display-4\" mbr-if=\"showItems\" mbr-class=\"{'nav-right': !showButtons,'navbar-nav-top-padding': isPublish && !showBrand && !showLogo}\"><li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"index.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Acceuil</a></li>\n <li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"A propos.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">A propos</a></li><li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"index.html#contacts1-c\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Nous Contacter</a>\n </li></ul>\n <div class=\"icons-menu\" mbr-if=\"showIcons\">\n <a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" target=\"_blank\">\n <span mbr-icon class=\"p-2 mbr-iconfont socicon-facebook socicon\"></span>\n </a>\n <a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" target=\"_blank\" mbr-if=\"iconsAmount > 1\">\n <span mbr-icon class=\"p-2 mbr-iconfont socicon-twitter socicon\"></span>\n </a>\n <a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" target=\"_blank\" mbr-if=\"iconsAmount > 2\">\n <span mbr-icon class=\"p-2 mbr-iconfont socicon-instagram socicon\"></span>\n </a>\n <a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" target=\"_blank\" mbr-if=\"iconsAmount > 3\">\n <span mbr-icon class=\"p-2 mbr-iconfont socicon-linkedin socicon\"></span>\n </a>\n </div>\n <div mbr-if=\"showButtons\" mbr-buttons mbr-theme-style=\"display-4\" class=\"navbar-buttons mbr-section-btn\"><a class=\"btn btn-danger\" href=\"Téléchargement.html#features21-7\" data-app-placeholder=\"Type Text\"><span class=\"mobi-mbri mobi-mbri-download-2 mbr-iconfont mbr-iconfont-btn\"></span>Téléchargement</a></div>\n </div>\n </div>\n </nav>\n</section>",
|
||
"_cid": "sFGzlAXw3z",
|
||
"_anchor": "menu1-2",
|
||
"_protectedParams": [],
|
||
"_global": true,
|
||
"_once": "menu",
|
||
"_params": {}
|
||
},
|
||
{
|
||
"alias": false,
|
||
"_styles": {
|
||
"& when not (@fullScreen)": {
|
||
"padding-top": "(@paddingTop * 15px)",
|
||
"padding-bottom": "(@paddingBottom * 15px)"
|
||
},
|
||
"& when (@bg-type = \"color\")": {
|
||
"background-color": "@bg-value"
|
||
},
|
||
"& when (@bg-type = \"image\")": {
|
||
"background-image": "url(@bg-value)"
|
||
},
|
||
".icons-media-container": {
|
||
"display": "flex",
|
||
"-webkit-justify-content": "center",
|
||
"justify-content": "center",
|
||
"-webkit-flex-direction": "row",
|
||
"flex-direction": "row",
|
||
"-webkit-flex-wrap": "wrap",
|
||
"flex-wrap": "wrap",
|
||
"padding-top": "4rem",
|
||
".mbr-iconfont": {
|
||
"font-size": "96px",
|
||
"color": "rgb(255, 255, 255)"
|
||
},
|
||
".icon-block": {
|
||
"padding-bottom": "1rem"
|
||
}
|
||
},
|
||
".mbr-text": {
|
||
"color": "#ffffff"
|
||
},
|
||
".card": {
|
||
"padding-bottom": "1.5rem"
|
||
},
|
||
".card-wrapper": {
|
||
"min-height": "220px",
|
||
"transition": "all 0.3s",
|
||
"border-radius": "4px",
|
||
"padding": "1rem",
|
||
"display": "flex",
|
||
"justify-content": "center",
|
||
"align-items": "center",
|
||
".mbr-iconfont": {
|
||
"display": "block",
|
||
"font-size": "4rem",
|
||
"color": "#ffffff",
|
||
"margin-bottom": "2rem"
|
||
},
|
||
".card-title": {
|
||
"color": "#ffffff"
|
||
}
|
||
},
|
||
"H1": {
|
||
"color": "#ff9966"
|
||
},
|
||
".mbr-text, .mbr-section-btn": {
|
||
"color": "#fafafa"
|
||
},
|
||
".card-wrapper .card-title, .card-box": {
|
||
"color": "#bbbbbb"
|
||
}
|
||
},
|
||
"_name": "header19",
|
||
"_sourceTheme": "mobirise5",
|
||
"_customHTML": "<section data-bs-version=\"5.1\" class=\"header19\" group=\"Headers\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" plugins=\"VimeoPlayer\" mbr-class=\"{'mbr-fullscreen': fullScreen,'mbr-parallax-background' :bg.parallax}\">\n\n <mbr-parameters>\n <!-- Block parameters controls (Blue \"Gear\" panel) -->\n <header>Size</header>\n <input type=\"checkbox\" title=\"Full Screen\" name=\"fullScreen\">\n <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"8\" step=\"1\" value=\"8\" condition=\"fullScreen == false\">\n <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"8\" step=\"1\" value=\"6\" condition=\"fullScreen == false\">\n <header>Show / Hide</header>\n <input type=\"checkbox\" title=\"Title\" name=\"showTitle\" checked>\n <input type=\"checkbox\" title=\"Text\" name=\"showText\" checked>\n <input type=\"checkbox\" title=\"Buttons\" name=\"showButtons\" checked>\n <input type=\"range\" title=\"Icons Count\" name=\"cardsAmount\" min=\"1\" max=\"4\" step=\"1\" value=\"4\">\n <header>Background</header>\n <fieldset type=\"background\" name=\"bg\" parallax>\n <input type=\"image\" title=\"Image\" value=\"@PROJECT_PATH@/assets/images/thme-noir.png\" selected>\n <input type=\"color\" title=\"Color\" value=\"#232323\">\n <input type=\"video\" title=\"Video\" value=\"https://www.youtube.com/watch?v=36YgDDJ7XSc\">\n </fieldset>\n <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\" checked>\n <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#000000\" condition=\"overlay && bg.type !== 'color'\">\n <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.5\" condition=\"overlay && bg.type !== 'color'\">\n <!-- End block parameters -->\n </mbr-parameters>\n\n <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n </div>\n\n <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n <div class=\"media-container\">\n <div class=\"col-md-12 col-lg-10 m-auto align-center\">\n <h1 class=\"mbr-section-title mbr-white mbr-fonts-style mb-3\" mbr-theme-style=\"display-1\" mbr-if=\"showTitle\"><b>Lecteur<br>média</b></h1>\n <p class=\"mbr-text mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showText\" data-app-selector=\".mbr-text, .mbr-section-btn\">Lecteur média est un logiciel qui vous permez de regarder et de lire vos fichier multimédia mais pas que, il vous permet aussi de regarder vos film et série préférer et d'écouter vos web radio est plus encors....</p>\n <div class=\"mbr-section-btn align-center\" mbr-if=\"showButtons\" data-toolbar=\"-mbrBtnMove\" mbr-buttons mbr-theme-style=\"display-4\"><a class=\"btn btn-danger\" href=\"Téléchargement.html#features21-7\" data-app-placeholder=\"Type Text\"><span class=\"mobi-mbri mobi-mbri-download-2 mbr-iconfont mbr-iconfont-btn\"></span>Télécharger</a> <a class=\"btn btn-white\" href=\"A propos.html#slider5-4\" data-app-placeholder=\"Type Text\">En savoir plus</a></div>\n\n <div class=\"row pt-5 justify-content-center\">\n <div class=\"col-12 col-md-6 col-lg-3\">\n <div class=\"card-wrapper\">\n <div class=\"card-box align-center\">\n <span mbr-icon class=\"mbr-iconfont mobi-mbri-cash mobi-mbri\" style=\"color: rgb(55, 150, 131); fill: rgb(55, 150, 131);\"></span>\n <h4 class=\"card-title align-center mbr-black mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".card-wrapper .card-title, .card-box\"><b>100% graduit</b></h4>\n </div>\n </div>\n </div>\n <div class=\"col-12 col-md-6 col-lg-3\" mbr-if=\"cardsAmount > 1\">\n <div class=\"card-wrapper\">\n <div class=\"card-box align-center\">\n <span mbr-icon class=\"mbr-iconfont mobi-mbri-users mobi-mbri\" style=\"color: rgb(55, 150, 131); fill: rgb(55, 150, 131);\"></span>\n <h4 class=\"card-title align-center mbr-black mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".card-wrapper .card-title, .card-box\"><b>comunautaire</b></h4>\n </div>\n </div>\n </div>\n <div class=\"col-12 col-md-6 col-lg-3\" mbr-if=\"cardsAmount > 2\">\n <div class=\"card-wrapper\">\n <div class=\"card-box align-center\">\n <span mbr-icon class=\"mbr-iconfont mobi-mbri-like mobi-mbri\" style=\"color: rgb(55, 150, 131); fill: rgb(55, 150, 131);\"></span>\n <h4 class=\"card-title align-center mbr-black mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".card-wrapper .card-title, .card-box\"><b>facile d'utilisation</b></h4>\n </div>\n </div>\n </div>\n <div class=\"col-12 col-md-6 col-lg-3\" mbr-if=\"cardsAmount > 3\">\n <div class=\"card-wrapper\">\n <div class=\"card-box align-center\">\n <span mbr-icon class=\"mbr-iconfont mobi-mbri-windows mobi-mbri\" style=\"color: rgb(55, 150, 131); fill: rgb(55, 150, 131);\"></span>\n <h4 class=\"card-title align-center mbr-black mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".card-wrapper .card-title, .card-box\"><b>conpatible windows 7 a 11</b></h4>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n</section>",
|
||
"_cid": "sFGzrhlvIh",
|
||
"_anchor": "header19-3",
|
||
"_PHPplaceholders": [],
|
||
"_JSplaceholders": [],
|
||
"_protectedParams": [],
|
||
"_global": false,
|
||
"_once": false,
|
||
"_params": {}
|
||
},
|
||
{
|
||
"alias": false,
|
||
"_styles": {
|
||
"padding-top": "(@paddingTop * 1rem)",
|
||
"padding-bottom": "(@paddingBottom * 1rem)",
|
||
"& when (@bg-type = \"color\")": {
|
||
"background-color": "@bg-value"
|
||
},
|
||
"& when (@bg-type = \"image\")": {
|
||
"background-image": "url(@bg-value)",
|
||
"& when (@overlay)": {
|
||
".mbr-overlay": {
|
||
"background": "@overlayColor",
|
||
"opacity": "@overlayOpacity"
|
||
}
|
||
}
|
||
},
|
||
"img, .item-img": {
|
||
"width": "100%",
|
||
"& when (@autoSize)": {
|
||
"height": "100%",
|
||
"object-fit": "cover",
|
||
"& when (@showCardTitle)": {
|
||
"height": "(@imageHeight * 100px)",
|
||
"object-fit": "cover"
|
||
},
|
||
"& when (@showCardSubtitle)": {
|
||
"height": "(@imageHeight * 100px)",
|
||
"object-fit": "cover"
|
||
},
|
||
"& when (@showText)": {
|
||
"height": "(@imageHeight * 100px)",
|
||
"object-fit": "cover"
|
||
},
|
||
"& when (@showButtons)": {
|
||
"height": "(@imageHeight * 100px)",
|
||
"object-fit": "cover"
|
||
}
|
||
}
|
||
},
|
||
".item:focus, span:focus": {
|
||
"outline": "none"
|
||
},
|
||
".item": {
|
||
"cursor": "pointer",
|
||
"margin-bottom": "2rem"
|
||
},
|
||
"& when not (@spacing)": {
|
||
".row": {
|
||
"margin-left": "0",
|
||
"margin-right": "0"
|
||
},
|
||
".item": {
|
||
"padding": "0",
|
||
"margin": "0"
|
||
}
|
||
},
|
||
".item-wrapper": {
|
||
"position": "relative",
|
||
"border-radius": "4px",
|
||
"background": "@cardsBg",
|
||
"height": "100%",
|
||
"display": "flex",
|
||
"flex-flow": "column nowrap",
|
||
"@media (min-width: 992px)": {
|
||
"& when (@showButtons)": {
|
||
".item-content": {
|
||
"padding": "2rem 2rem 0"
|
||
},
|
||
".item-footer": {
|
||
"padding": "0 2rem 2rem"
|
||
}
|
||
},
|
||
"& when not (@showButtons)": {
|
||
".item-content": {
|
||
"padding": "2rem"
|
||
}
|
||
}
|
||
},
|
||
"@media (max-width: 991px)": {
|
||
"& when (@showButtons)": {
|
||
".item-content": {
|
||
"padding": "1rem 1rem 0"
|
||
},
|
||
".item-footer": {
|
||
"padding": "0 1rem 1rem"
|
||
}
|
||
},
|
||
"& when not (@showButtons)": {
|
||
".item-content": {
|
||
"padding": "1rem"
|
||
}
|
||
}
|
||
}
|
||
},
|
||
".mbr-section-btn": {
|
||
"margin-top": "auto !important"
|
||
},
|
||
".mbr-section-title": {
|
||
"color": "#ff9966"
|
||
},
|
||
".mbr-text, .mbr-section-btn": {
|
||
"text-align": "left",
|
||
"color": "#bbbbbb"
|
||
},
|
||
".item-title": {
|
||
"text-align": "left",
|
||
"color": "#ffffff"
|
||
},
|
||
".item-subtitle": {
|
||
"text-align": "left"
|
||
}
|
||
},
|
||
"_name": "features3",
|
||
"_sourceTheme": "mobirise5",
|
||
"_customHTML": "<section data-bs-version=\"5.1\" class=\"features3\" group=\"Features\">\n <mbr-parameters>\n <header>Size</header>\n <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"6\">\n <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"6\">\n <select title=\"Columns\" name=\"cardsWidth\">\n <option value=\"12\">1</option>\n <option value=\"6\">2</option>\n <option value=\"4\" selected>3</option>\n <option value=\"3\">4</option>\n </select>\n <header>Show/Hide</header>\n <input type=\"checkbox\" name=\"showTitle\" title=\"Title\" checked>\n <input type=\"checkbox\" name=\"showSubtitle\" title=\"Subtitle\">\n <header>Cards</header>\n <input type=\"checkbox\" name=\"autoSize\" title=\"Auto Size\">\n <input type=\"range\" name=\"imageHeight\" title=\"Height\" min=\"1\" max=\"5\" step=\"1\" value=\"3\" condition=\"autoSize && !(showButtons==false && showCardSubtitle==false && showCardTitle==false && showText==false)\">\n <input type=\"checkbox\" title=\"Spacing\" name=\"spacing\" checked>\n <input type=\"checkbox\" name=\"showCardTitle\" title=\"Title\" checked>\n <input type=\"checkbox\" name=\"showCardSubtitle\" title=\"Subtitle\">\n <input type=\"checkbox\" name=\"showText\" title=\"Text\" checked>\n <input type=\"checkbox\" name=\"showButtons\" title=\"Buttons\" checked>\n <input type=\"color\" name=\"cardsBg\" title=\"BG\" value=\"#232323\">\n <header>Background</header>\n <fieldset type=\"background\" name=\"bg\" required>\n <input type=\"image\" title=\"Image\" value=\"../_images/background3.jpg\">\n <input type=\"color\" title=\"Color\" value=\"#353535\" selected>\n </fieldset>\n <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\" checked>\n <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#fafafa\" condition=\"overlay && bg.type == 'image'\">\n <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.1\" condition=\"overlay && bg.type == 'image'\">\n </mbr-parameters>\n <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type !== 'color'\"></div>\n <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n <div class=\"mbr-section-head\" mbr-if=\"showTitle || showSubtitle\">\n <h4 class=\"mbr-section-title mbr-fonts-style align-center mb-0\" mbr-theme-style=\"display-2\" mbr-if=\"showTitle\" data-app-selector=\".mbr-section-title\">\n <b>Fonctionalité principal</b></h4>\n <h5 class=\"mbr-section-subtitle mbr-fonts-style align-center mb-0 mt-2\" mbr-theme-style=\"display-5\" mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle\">To add more cards, hover on a card and\n click 'Add items'</h5>\n </div>\n <div class=\"row mt-4\">\n <div class=\"item features-image сol-12 col-md-6 col-lg-{{cardsWidth}}\">\n <div class=\"item-wrapper\">\n <div class=\"item-img\">\n <img src=\"@PROJECT_PATH@/assets/images/capture-dcran-2023-03-30-235828-748x538.png\" alt=\"Mobirise Website Builder\" data-slide-to=\"0\" data-bs-slide-to=\"0\">\n </div>\n <div class=\"item-content\" mbr-if=\"showCardTitle || showCardSubtitle || showText || showButtons\">\n <h5 class=\"item-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".item-title\" mbr-if=\"showCardTitle\"><b>Film streaming</b></h5>\n <h6 class=\"item-subtitle mbr-fonts-style mt-1\" mbr-theme-style=\"display-7\" data-app-selector=\".item-subtitle\" mbr-if=\"showCardSubtitle\">\n <i>Card Subtitle</i>\n </h6>\n <p class=\"mbr-text mbr-fonts-style mt-3\" mbr-if=\"showText\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-text, .mbr-section-btn\">Avec lecteur média vous pouvez regarder des film mais aussi les télécharger pour pouvoir les regarder en mode hors connection.</p>\n </div>\n <div class=\"mbr-section-btn item-footer mt-2\" mbr-if=\"showButtons\" data-toolbar=\"-mbrBtnMove,-mbrBtnAdd\" mbr-buttons mbr-theme-style=\"display-4\"><a href=\"A propos.html#slider5-4\" class=\"btn item-btn btn-danger\" data-app-placeholder=\"Type Text\">En savoir plus ></a></div>\n </div>\n </div>\n <div class=\"item features-image сol-12 col-md-6 col-lg-{{cardsWidth}}\">\n <div class=\"item-wrapper\">\n <div class=\"item-img\">\n <img src=\"@PROJECT_PATH@/assets/images/bndfodi-256x256.png\" alt data-slide-to=\"1\" data-bs-slide-to=\"1\">\n </div>\n <div class=\"item-content\" mbr-if=\"showCardTitle || showCardSubtitle || showText || showButtons\">\n <h5 class=\"item-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".item-title\" mbr-if=\"showCardTitle\"><b>Web radio</b></h5>\n <h6 class=\"item-subtitle mbr-fonts-style mt-1\" mbr-theme-style=\"display-7\" data-app-selector=\".item-subtitle\" mbr-if=\"showCardSubtitle\">\n <i>Card Subtitle</i>\n </h6>\n <p class=\"mbr-text mbr-fonts-style mt-3\" mbr-if=\"showText\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-text, .mbr-section-btn\">Avec lecteur média vous pouvez écouter des web radio comme RFM, RMC, etc.... mais vos prope web radio.</p>\n </div>\n <div class=\"mbr-section-btn item-footer mt-2\" mbr-if=\"showButtons\" data-toolbar=\"-mbrBtnMove,-mbrBtnAdd\" mbr-buttons mbr-theme-style=\"display-4\"><a href=\"A propos.html#slider5-4\" class=\"btn item-btn btn-danger\" data-app-placeholder=\"Type Text\">En savoir plus ></a></div>\n </div>\n </div>\n <div class=\"item features-image сol-12 col-md-6 col-lg-{{cardsWidth}}\">\n <div class=\"item-wrapper\">\n <div class=\"item-img\">\n <img src=\"@PROJECT_PATH@/assets/images/menu-srie-748x538.png\" alt=\"Mobirise Website Builder\" data-slide-to=\"2\" data-bs-slide-to=\"2\">\n </div>\n <div class=\"item-content\" mbr-if=\"showCardTitle || showCardSubtitle || showText || showButtons\">\n <h5 class=\"item-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".item-title\" mbr-if=\"showCardTitle\"><b>Séries streaming</b></h5>\n <h6 class=\"item-subtitle mbr-fonts-style mt-1\" mbr-theme-style=\"display-7\" data-app-selector=\".item-subtitle\" mbr-if=\"showCardSubtitle\">\n <i>Card Subtitle</i>\n </h6>\n <p class=\"mbr-text mbr-fonts-style mt-3\" mbr-if=\"showText\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-text, .mbr-section-btn\">Avec lecteur média pouvez regarder des séries mais aussi les télécharger pour pouvoir les regarder en mode hors connection.<br></p>\n </div>\n <div class=\"mbr-section-btn item-footer mt-2\" mbr-if=\"showButtons\" data-toolbar=\"-mbrBtnMove,-mbrBtnAdd\" mbr-buttons mbr-theme-style=\"display-4\"><a href=\"A propos.html#slider5-4\" class=\"btn item-btn btn-danger\" data-app-placeholder=\"Type Text\">En savoir plus ></a></div>\n </div>\n </div>\n </div>\n </div>\n</section>",
|
||
"_cid": "sFGGDvi61Z",
|
||
"_anchor": "features3-b",
|
||
"_protectedParams": [],
|
||
"_global": false,
|
||
"_once": false,
|
||
"_params": {}
|
||
},
|
||
{
|
||
"alias": false,
|
||
"_styles": {
|
||
"padding-top": "(@paddingTop * 1rem)",
|
||
"padding-bottom": "(@paddingBottom * 1rem)",
|
||
"& when (@bg-type = 'color')": {
|
||
"background-color": "@bg-value"
|
||
},
|
||
"& when (@bg-type = 'image')": {
|
||
"background-image": "url(@bg-value)"
|
||
},
|
||
".mbr-iconfont": {
|
||
"display": "block",
|
||
"font-size": "5rem",
|
||
"color": "@primaryColor",
|
||
"margin-bottom": "2rem"
|
||
},
|
||
".card-wrapper": {
|
||
"padding": "3rem",
|
||
"background": "@cardColor",
|
||
"border-radius": "4px"
|
||
},
|
||
"@media (max-width: 992px)": {
|
||
".card-wrapper": {
|
||
"margin-bottom": "2rem"
|
||
}
|
||
},
|
||
"@media (max-width: 767px)": {
|
||
".card-wrapper": {
|
||
"padding": "3rem 1rem"
|
||
}
|
||
},
|
||
".mbr-section-title": {
|
||
"color": "#ff9966"
|
||
},
|
||
".card-title": {
|
||
"color": "#bbbbbb"
|
||
},
|
||
".mbr-text": {
|
||
"color": "#bbbbbb"
|
||
},
|
||
".mbr-section-subtitle": {
|
||
"color": "#bbbbbb"
|
||
},
|
||
".link": {
|
||
"color": "#bbbbbb"
|
||
}
|
||
},
|
||
"_name": "contacts1",
|
||
"_sourceTheme": "mobirise5",
|
||
"_customHTML": "<section data-bs-version=\"5.1\" class=\"contacts1\" group=\"Contacts\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'mbr-parallax-background': bg.parallax}\" plugins=\"mobirise-icons2\">\n\n <mbr-parameters>\n <header>Size</header>\n <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"8\">\n <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"8\">\n <header>Show/Hide</header>\n <input type=\"checkbox\" title=\"Title\" name=\"showTitle\" checked>\n <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubtitle\" checked>\n <header>Cards</header>\n <input type=\"checkbox\" title=\"Title\" name=\"showCardTitle\" checked>\n <input type=\"checkbox\" title=\"Text\" name=\"showText\" checked>\n <input type=\"checkbox\" title=\"Link\" name=\"showLink\" checked>\n <input type=\"color\" title=\"BG\" name=\"cardColor\" value=\"#353535\" selected>\n <input type=\"checkbox\" title=\"Icon\" name=\"showIcon\" checked>\n <header>Background</header>\n <fieldset type=\"background\" name=\"bg\" parallax>\n <input type=\"image\" title=\"Image\" value=\"../_images/background1.jpg\">\n <input type=\"color\" title=\"Color\" value=\"#353535\" selected>\n <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/428046504\">\n </fieldset>\n <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\" checked>\n <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#ffffff\" condition=\"overlay && bg.type !== 'color'\">\n <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.5\" condition=\"overlay && bg.type !== 'color'\">\n </mbr-parameters>\n\n <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n </div>\n <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n <div class=\"mbr-section-head\" mbr-if=\"showTitle || showSubtitle\">\n <h3 class=\"mbr-section-title mbr-fonts-style align-center mb-0\" mbr-theme-style=\"display-2\" mbr-if=\"showTitle\" data-app-selector=\".mbr-section-title\">\n <b>Contacts</b>\n </h3>\n <h4 class=\"mbr-section-subtitle mbr-fonts-style align-center mb-0 mt-2\" mbr-theme-style=\"display-5\" mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle\">vous souhaiter contribué a lecteur média, contact nous.</h4>\n </div>\n <div class=\"row justify-content-center mt-4\">\n <div class=\"card col-12 col-lg-6\">\n <div class=\"card-wrapper\">\n <div class=\"card-box align-center\">\n <div class=\"image-wrapper\">\n <a href=\"mailto:contact@lecteur-media.fr\"><span mbr-icon class=\"mbr-iconfont mobi-mbri-letter mobi-mbri\" mbr-if=\"showIcon\"></span></a>\n </div>\n <h4 class=\"card-title mbr-fonts-style mb-2\" mbr-theme-style=\"display-2\" mbr-if=\"showCardTitle\" data-app-selector=\".card-title\">\n <b>Email</b>\n </h4>\n <p class=\"mbr-text mbr-fonts-style mb-2\" mbr-theme-style=\"display-4\" mbr-if=\"showText\" data-app-selector=\".mbr-text\">\n Nous vous répondrons dans les plus brefs délais</p>\n <h5 class=\"link mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showLink\" data-app-selector=\".link\"><a href=\"mailto:contact@lecteur-media.fr\" class=\"text-primary\">Envoyez-nous un courriel</a></h5>\n </div>\n </div>\n </div>\n <div class=\"card col-12 col-lg-6\">\n <div class=\"card-wrapper\">\n <div class=\"card-box align-center\">\n <div class=\"image-wrapper\">\n <span mbr-icon class=\"mbr-iconfont socicon-microsoft socicon\" mbr-if=\"showIcon\" style></span>\n </div>\n <h4 class=\"card-title mbr-fonts-style align-center mb-2\" mbr-theme-style=\"display-2\" mbr-if=\"showCardTitle\" data-app-selector=\".card-title\">Windows</h4>\n <p class=\"mbr-text mbr-fonts-style mb-2\" mbr-theme-style=\"display-4\" mbr-if=\"showText\" data-app-selector=\".mbr-text\"></p>\n <h5 class=\"link mbr-black mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showLink\" data-app-selector=\".link\">uniquement compatible avec windows</h5>\n </div>\n </div>\n </div>\n </div>\n </div>\n</section>",
|
||
"_cid": "sFGJrLtt3K",
|
||
"_anchor": "contacts1-c",
|
||
"_protectedParams": [],
|
||
"_global": false,
|
||
"_once": false,
|
||
"_params": {}
|
||
},
|
||
{
|
||
"alias": false,
|
||
"_styles": {
|
||
"padding-top": "(@paddingTop * 1rem)",
|
||
"padding-bottom": "(@paddingBottom * 1rem)",
|
||
"& when (@bg-type = 'image')": {
|
||
"background-image": "url(@bg-value)"
|
||
},
|
||
"& when (@bg-type = 'color')": {
|
||
"background-color": "@bg-value"
|
||
},
|
||
".social-row": {
|
||
"display": "flex",
|
||
"flex-wrap": "wrap"
|
||
},
|
||
".soc-item": {
|
||
"display": "flex",
|
||
"align-items": "center",
|
||
"justify-content": "center",
|
||
"border-radius": "50%",
|
||
"background-color": "white",
|
||
"margin-right": "0.5rem",
|
||
"margin-bottom": "1rem",
|
||
"padding": "0.5rem",
|
||
"height": "2.5rem",
|
||
"width": "2.5rem"
|
||
},
|
||
"@media (max-width: 767px)": {
|
||
".row": {
|
||
"text-align": "center"
|
||
},
|
||
".social-row": {
|
||
"justify-content": "center"
|
||
}
|
||
},
|
||
".list": {
|
||
"list-style": "none",
|
||
"padding-left": "0",
|
||
"@media (max-width: 991px)": {
|
||
"margin-bottom": "2rem"
|
||
},
|
||
"@media (min-width: 992px)": {
|
||
"margin-bottom": "0rem"
|
||
},
|
||
"color": "#bbbbbb",
|
||
"text-align": "left"
|
||
},
|
||
".mbr-text": {
|
||
"color": "#bbbbbb"
|
||
},
|
||
".mbr-iconfont": {
|
||
"color": "black"
|
||
},
|
||
".copyright": {
|
||
"text-align": "center"
|
||
}
|
||
},
|
||
"_name": "footer1",
|
||
"_sourceTheme": "mobirise5",
|
||
"_customHTML": "<section data-bs-version=\"5.1\" class=\"footer1\" group=\"Footers\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" global once=\"footers\" mbr-class=\"{\n 'mbr-parallax-background': bg.parallax}\">\n\n <mbr-parameters>\n <header>Size</header>\n <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"5\">\n <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"5\">\n <header>Show/Hide</header>\n <input type=\"checkbox\" title=\"Title\" name=\"showTitle\" checked>\n <input type=\"checkbox\" title=\"Social\" name=\"showSocial\">\n <input type=\"range\" name=\"socialCount\" title=\"Social Count\" min=\"1\" max=\"4\" step=\"1\" value=\"3\" condition=\"showSocial\">\n <input type=\"checkbox\" title=\"Copyright\" name=\"showCopyright\" checked>\n <header>Background</header>\n <fieldset type=\"background\" name=\"bg\" parallax>\n <input type=\"image\" title=\"Image\" value=\"../_images/background8.jpg\">\n <input type=\"color\" title=\"Color\" value=\"#232323\" selected>\n <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/428046504\">\n </fieldset>\n <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\" checked>\n <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#232323\" condition=\"overlay && bg.type !== 'color'\">\n <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.6\" condition=\"overlay && bg.type !== 'color'\">\n </mbr-parameters>\n <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type !== 'color'\" opacity=\"{{overlayOpacity}}\" bg-color=\"{{overlayColor}}\"></div>\n <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n <div class=\"row mbr-white\">\n <div class=\"col-12 col-md-6 col-lg-3\">\n <h5 mbr-text class=\"mbr-section-subtitle mbr-fonts-style mb-2\" data-app-selector=\".mbr-section-subtitle\" mbr-theme-style=\"display-7\" mbr-if=\"showTitle\">\n <b>Liens</b></h5>\n <ul class=\"list mbr-fonts-style\" mbr-theme-style=\"display-4\" data-app-selector=\".list\" data-multiline mbr-article>\n <li class=\"mbr-text item-wrap\"><a href=\"index.html\" class=\"text-primary\">Accueil</a></li><li class=\"mbr-text item-wrap\"><a href=\"A propos.html#slider5-4\" class=\"text-primary\">A propos</a></li><li class=\"mbr-text item-wrap\"><a href=\"Téléchargement.html#features21-7\" class=\"text-primary\">Télécharger</a></li><li class=\"mbr-text item-wrap\"><a href=\"mailto:contact@lecteur-media.fr\" class=\"text-primary\">Nous contacter</a></li><li class=\"mbr-text item-wrap\"><a href=\"http://kryptons.duckdns.org/\" class=\"text-primary\" target=\"_blank\">kryptons Software</a></li>\n </ul>\n </div>\n <div class=\"col-12 col-md-6 col-lg-3\">\n <h5 mbr-text class=\"mbr-section-subtitle mbr-fonts-style mb-2\" data-app-selector=\".mbr-section-subtitle\" mbr-theme-style=\"display-7\" mbr-if=\"showTitle\"></h5>\n <ul class=\"list mbr-fonts-style\" mbr-theme-style=\"display-4\" data-app-selector=\".list\" data-multiline mbr-article></ul>\n </div>\n <div class=\"col-12 col-md-6 col-lg-3\">\n <h5 mbr-text class=\"mbr-section-subtitle mbr-fonts-style mb-2\" data-app-selector=\".mbr-section-subtitle\" mbr-theme-style=\"display-7\" mbr-if=\"showTitle\"><b>Fonctionalités</b></h5>\n <ul class=\"list mbr-fonts-style\" mbr-theme-style=\"display-4\" data-app-selector=\".list\" data-multiline mbr-article>\n <li class=\"mbr-text item-wrap\">Film straming</li><li class=\"mbr-text item-wrap\">Séries streaming</li><li class=\"mbr-text item-wrap\">Web radio</li><li class=\"mbr-text item-wrap\"><a href=\"A propos.html#slider5-4\" class=\"text-primary\">Plus de fonctionalités</a></li><li class=\"mbr-text item-wrap\"><br></li>\n </ul>\n </div>\n <div class=\"col-12 col-md-6 col-lg-3\">\n <h5 class=\"mbr-section-subtitle mbr-fonts-style mb-2\" mbr-theme-style=\"display-7\" mbr-if=\"showTitle\"><b>A propos de nous</b></h5>\n <p class=\"mbr-text mbr-fonts-style mb-4\" mbr-theme-style=\"display-4\" data-app-selector=\".mbr-text\">Lecteur média est développé par kryptons Software, il propose plusieur fonctionalités qui dépance le windows média players.</p>\n <h5 class=\"mbr-section-subtitle mbr-fonts-style mb-3\" mbr-theme-style=\"display-7\" mbr-if=\"showTitle && showSocial\">\n <b>Social</b>\n </h5>\n <div class=\"social-row display-7\" mbr-if=\"showSocial\">\n <div class=\"soc-item\">\n <a href=\"https://twitter.com/mobirise\" target=\"_blank\">\n <span mbr-icon class=\"mbr-iconfont socicon socicon-facebook\"></span>\n </a>\n </div>\n <div class=\"soc-item\" mbr-if=\"socialCount>1\">\n <a href=\"https://twitter.com/mobirise\" target=\"_blank\">\n <span mbr-icon class=\"mbr-iconfont socicon socicon-twitter\"></span>\n </a>\n </div>\n <div class=\"soc-item\" mbr-if=\"socialCount>2\">\n <a href=\"https://twitter.com/mobirise\" target=\"_blank\">\n <span mbr-icon class=\"mbr-iconfont socicon socicon-instagram\"></span>\n </a>\n </div>\n <div class=\"soc-item\" mbr-if=\"socialCount>3\">\n <a href=\"https://twitter.com/mobirise\" target=\"_blank\">\n <span mbr-icon class=\"mbr-iconfont socicon socicon-instagram\"></span>\n </a>\n </div>\n </div>\n </div>\n <div class=\"col-12 mt-4\" mbr-if=\"showCopyright\">\n <p class=\"mbr-text mb-0 mbr-fonts-style copyright align-center\" mbr-theme-style=\"display-7\" data-app-selector=\".copyright\" data-app-placeholder=\"Type Text\">\n © Copyright 2021-2023 - Tous droits réservés\n </p>\n </div>\n </div>\n </div>\n</section>",
|
||
"_cid": "sFGDg6hy8z",
|
||
"_anchor": "footer1-7",
|
||
"_protectedParams": [],
|
||
"_global": true,
|
||
"_once": "footers",
|
||
"_params": {}
|
||
}
|
||
]
|
||
},
|
||
"Téléchargement.html": {
|
||
"settings": {
|
||
"title": "Téléchargement",
|
||
"order": "2",
|
||
"meta_descr": "sur cette pages vous serez guider pour télécharger un installer la dernière version de lecteur média"
|
||
},
|
||
"components": [
|
||
{
|
||
"alias": false,
|
||
"_styles": {
|
||
"padding-top": "(@paddingTop * 1rem)",
|
||
"padding-bottom": "(@paddingBottom * 1rem)",
|
||
"& when (@bg-type = \"color\")": {
|
||
"background-color": "@bg-value"
|
||
},
|
||
"& when (@bg-type = \"image\")": {
|
||
"background-image": "url(@bg-value)"
|
||
},
|
||
".mbr-fallback-image.disabled": {
|
||
"display": "none"
|
||
},
|
||
".mbr-fallback-image": {
|
||
"display": "block",
|
||
"background-size": "cover",
|
||
"background-position": "center center",
|
||
"width": "100%",
|
||
"height": "100%",
|
||
"position": "absolute",
|
||
"top": "0",
|
||
"& when (@bg-type = 'video')": {
|
||
"background-image": "url(@fallBackImage)"
|
||
}
|
||
},
|
||
".item": {
|
||
"display": "flex",
|
||
"align-items": "center",
|
||
"margin-bottom": "2rem",
|
||
"flex-direction": "column",
|
||
"position": "relative",
|
||
".icon-wrap": {
|
||
"text-align": "center"
|
||
},
|
||
"& when (@showArrows)": {
|
||
"margin-bottom": "3rem",
|
||
"&::before": {
|
||
"content": "\"\\e925\"",
|
||
"font-family": "Moririse2 !important",
|
||
"position": "absolute",
|
||
"font-size": "~\"@{arrowsSize}px\"",
|
||
"left": "50%",
|
||
"top": "97%",
|
||
"color": "@iconColor",
|
||
"transform": "translate(-50%, 0)"
|
||
}
|
||
},
|
||
"&:last-child": {
|
||
"&:before": {
|
||
"display": "none"
|
||
}
|
||
},
|
||
"&.last": {
|
||
"&::before": {
|
||
"display": "none"
|
||
}
|
||
}
|
||
},
|
||
".icon-box": {
|
||
"background": "@iconColor",
|
||
"width": "60px",
|
||
"min-width": "60px",
|
||
"height": "60px",
|
||
"border-radius": "50%",
|
||
"margin-bottom": "1rem",
|
||
"text-align": "center",
|
||
"display": "inline-block"
|
||
},
|
||
".text-box": {
|
||
"text-align": "center"
|
||
},
|
||
"span": {
|
||
"font-size": "2rem",
|
||
"color": "contrast(@iconColor, darken(@iconColor, 50%), #ffffff, 60%)",
|
||
"line-height": "60px"
|
||
},
|
||
"@media (max-width: 991px)": {
|
||
".card": {
|
||
"margin-bottom": "2rem"
|
||
},
|
||
".card-wrapper": {
|
||
"margin-bottom": "2rem"
|
||
}
|
||
},
|
||
".icon-title, .item .icon-wrap": {
|
||
"color": "#fafafa"
|
||
},
|
||
".icon-text": {
|
||
"color": "#fafafa"
|
||
},
|
||
".mbr-text, .mbr-section-btn": {
|
||
"color": "#fafafa"
|
||
},
|
||
".card-title, .card-box": {
|
||
"color": "#fafafa"
|
||
}
|
||
},
|
||
"_name": "features21",
|
||
"_sourceTheme": "mobirise5",
|
||
"_customHTML": "<section data-bs-version=\"5.1\" class=\"features20\" group=\"Features\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'mbr-parallax-background': bg.parallax}\" plugins=\"mobirise-icons2\">\n\n <mbr-parameters>\n <header>Size</header>\n <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"9\" step=\"1\" value=\"6\">\n <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"9\" step=\"1\" value=\"6\">\n <input type=\"range\" name=\"textWidth\" title=\"Width\" min=\"7\" max=\"12\" value=\"9\" step=\"1\">\n <select title=\"Steps\" name=\"steps\">\n <option value=\"1\">1</option>\n <option value=\"2\">2</option>\n <option value=\"3\" selected>3</option>\n <option value=\"4\">4</option>\n <option value=\"5\">5</option>\n <option value=\"6\">6</option>\n <option value=\"7\">7</option>\n <option value=\"8\">8</option>\n <option value=\"9\">9</option>\n <option value=\"10\">10</option>\n </select>\n <header>Show/Hide</header>\n <input type=\"checkbox\" title=\"Title\" name=\"showTitle\" checked>\n <input type=\"checkbox\" title=\"Text\" name=\"showText\" checked>\n <input type=\"checkbox\" title=\"Button\" name=\"showButton\" checked>\n <header>Step</header>\n <input type=\"checkbox\" title=\"Title\" name=\"showCardTitle\" checked>\n <input type=\"checkbox\" title=\"Text\" name=\"showCardText\" checked>\n <input type=\"color\" name=\"iconColor\" title=\"Color\" value=\"#6592e6\">\n <input type=\"checkbox\" title=\"Arrows\" name=\"showArrows\" checked>\n <input type=\"color\" name=\"iconColor\" title=\"Color\" value=\"#ff9966\">\n <input type=\"range\" inline title=\"Arrows Size\" name=\"arrowsSize\" min=\"25\" max=\"41\" step=\"1\" value=\"32\" condition=\"showArrows\">\n <header>Background</header>\n <fieldset type=\"background\" name=\"bg\" parallax>\n <input type=\"image\" title=\"Image\" value=\"../_images/background1.jpg\">\n <input type=\"color\" title=\"Color\" value=\"#353535\" selected>\n <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/428046504\">\n </fieldset>\n <header condition=\"bg.type === 'video'\">Fallback Image</header>\n <input type=\"image\" title=\"Fallback Image\" value=\"../_images/background13.jpg\" name=\"fallBackImage\" condition=\"bg.type === 'video'\">\n <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\" checked>\n <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#ffffff\" condition=\"overlay && bg.type !== 'color'\">\n <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.8\" condition=\"overlay && bg.type !== 'color'\">\n </mbr-parameters>\n\n <div class=\"mbr-fallback-image disabled\" mbr-if=\"bg.type == 'video'\"></div>\n <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n </div>\n <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n <div class=\"row justify-content-center\">\n <div class=\"col-md-12 col-lg-{{textWidth}}\" mbr-if=\"showTitle || showText || showButton\">\n <div class=\"card-wrapper mb-4\">\n <div class=\"card-box align-center\">\n <h4 class=\"card-title mbr-fonts-style mb-4\" mbr-theme-style=\"display-2\" mbr-if=\"showTitle\" data-app-selector=\".card-title, .card-box\">\n <b>Étapes</b>\n </h4>\n <p class=\"mbr-text mbr-fonts-style mb-4\" mbr-theme-style=\"display-7\" mbr-if=\"showText\" data-app-selector=\".mbr-text, .mbr-section-btn\">En suivent c'est étapes vous serez comment télécharger et installer lecteur média dans sa dernnière version merci d'avoir choisi lecteur média</p>\n <div mbr-buttons mbr-theme-style=\"display-4\" class=\"mbr-section-btn\" data-toolbar=\"-mbrBtnMove\" mbr-if=\"showButton\"><a class=\"btn btn-danger\" href=\"https://dl.dropbox.com/s/neqqctnttivp6rq/installateur%20lecteur%20m%C3%A9dia.exe?dl=0\" data-app-placeholder=\"Type Text\"><span class=\"mobi-mbri mobi-mbri-download-2 mbr-iconfont mbr-iconfont-btn\"></span>Télécharger<br></a></div>\n </div>\n </div>\n </div>\n <div class=\"col-12 col-md-{{textWidth-1}}\">\n <div class=\"item mbr-flex\" mbr-class=\"{'last': steps == 1}\">\n <div class=\"icon-wrap w-100\">\n <div class=\"icon-box\">\n <span class=\"step-number mbr-fonts-style\" mbr-theme-style=\"display-5\">1</span>\n </div>\n </div>\n <div class=\"text-box\" mbr-if=\"showCardTitle || showCardText\">\n <h4 class=\"icon-title card-title mbr-black mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".icon-title, .item .icon-wrap\" mbr-if=\"showCardTitle\">\n <b>Télécharger</b></h4>\n <h5 class=\"icon-text mbr-black mbr-fonts-style\" mbr-theme-style=\"display-4\" data-app-selector=\".icon-text\" mbr-if=\"showCardText\">Première étape, télécharger le setup d'installation en cliquent sur le button ci-dessus \"Télécharger\" ou en cliquent <a href=\"https://dl.dropbox.com/s/neqqctnttivp6rq/installateur%20lecteur%20m%C3%A9dia.exe?dl=0\" class=\"text-primary\">ICI</a>.</h5>\n </div>\n </div>\n <div class=\"item mbr-flex\" mbr-if=\"steps > 1\" mbr-class=\"{'last': steps == 2}\">\n <div class=\"icon-wrap w-100\">\n <div class=\"icon-box\">\n <span class=\"step-number mbr-fonts-style\" mbr-theme-style=\"display-5\">2</span>\n </div>\n </div>\n <div class=\"text-box\" mbr-if=\"showCardTitle || showCardText\">\n <h4 class=\"icon-title card-title mbr-black mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".icon-title, .item .icon-wrap\" mbr-if=\"showCardTitle\"><b>Installer</b></h4>\n <h5 class=\"icon-text mbr-black mbr-fonts-style\" mbr-theme-style=\"display-4\" data-app-selector=\".icon-text\" mbr-if=\"showCardText\">Deuxième étape, l'installation pour cela vous allez lançer le setup d'installation qui se trouve principalement dans votre dossier de téléchargement est suivez les instructions.</h5>\n </div>\n </div>\n <div class=\"item mbr-flex\" mbr-if=\"steps > 2\" mbr-class=\"{'last': steps == 3}\">\n <div class=\"icon-wrap w-100\">\n <div class=\"icon-box\">\n <span class=\"step-number mbr-fonts-style\" mbr-theme-style=\"display-5\">3</span>\n </div>\n </div>\n <div class=\"text-box\" mbr-if=\"showCardTitle || showCardText\">\n <h4 class=\"icon-title card-title mbr-black mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".icon-title, .item .icon-wrap\" mbr-if=\"showCardTitle\"><b>Fin</b></h4>\n <h5 class=\"icon-text mbr-black mbr-fonts-style\" mbr-theme-style=\"display-4\" data-app-selector=\".icon-text\" mbr-if=\"showCardText\">Félisitation vous venez de téléchargé et d'intaller la dernière version de lecteur média découvrez tout les fonctionalité du lecteur, merci d'avoir choisi lecteur média.</h5>\n </div>\n </div>\n <div class=\"item mbr-flex\" mbr-if=\"steps > 3\" mbr-class=\"{'last': steps == 4}\">\n <div class=\"icon-wrap w-100\">\n <div class=\"icon-box\">\n <span class=\"step-number mbr-fonts-style\" mbr-theme-style=\"display-5\">4</span>\n </div>\n </div>\n <div class=\"text-box\" mbr-if=\"showCardTitle || showCardText\">\n <h4 class=\"icon-title card-title mbr-black mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".icon-title, .item .icon-wrap\" mbr-if=\"showCardTitle\">\n <b>Specification</b>\n </h4>\n <h5 class=\"icon-text mbr-black mbr-fonts-style\" mbr-theme-style=\"display-4\" data-app-selector=\".icon-text\" mbr-if=\"showCardText\">Mobirise is perfect for non-techies who\n are not familiar with\n the intricacies of web development.</h5>\n </div>\n </div>\n <div class=\"item mbr-flex\" mbr-if=\"steps > 4\" mbr-class=\"{'last': steps == 5}\">\n <div class=\"icon-wrap w-100\">\n <div class=\"icon-box\">\n <span class=\"step-number mbr-fonts-style\" mbr-theme-style=\"display-5\">5</span>\n </div>\n </div>\n <div class=\"text-box\" mbr-if=\"showCardTitle || showCardText\">\n <h4 class=\"icon-title card-title mbr-black mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".icon-title, .item .icon-wrap\" mbr-if=\"showCardTitle\">\n <b>Project Planning</b>\n </h4>\n <h5 class=\"icon-text mbr-black mbr-fonts-style\" mbr-theme-style=\"display-4\" data-app-selector=\".icon-text\" mbr-if=\"showCardText\">Mobirise is perfect for non-techies who\n are not familiar with\n the intricacies of web development.</h5>\n </div>\n </div>\n <div class=\"item mbr-flex\" mbr-if=\"steps > 5\" mbr-class=\"{'last': steps == 6}\">\n <div class=\"icon-wrap w-100\">\n <div class=\"icon-box\">\n <span class=\"step-number mbr-fonts-style\" mbr-theme-style=\"display-5\">6</span>\n </div>\n </div>\n <div class=\"text-box\" mbr-if=\"showCardTitle || showCardText\">\n <h4 class=\"icon-title card-title mbr-black mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".icon-title, .item .icon-wrap\" mbr-if=\"showCardTitle\">\n <b>Deployment</b>\n </h4>\n <h5 class=\"icon-text mbr-black mbr-fonts-style\" mbr-theme-style=\"display-4\" data-app-selector=\".icon-text\" mbr-if=\"showCardText\">Mobirise is perfect for non-techies who\n are not familiar with\n the intricacies of web development.</h5>\n </div>\n </div>\n <div class=\"item mbr-flex\" mbr-if=\"steps > 6\" mbr-class=\"{'last': steps == 7}\">\n <div class=\"icon-wrap w-100\">\n <div class=\"icon-box\">\n <span class=\"step-number mbr-fonts-style\" mbr-theme-style=\"display-5\">7</span>\n </div>\n </div>\n <div class=\"text-box\" mbr-if=\"showCardTitle || showCardText\">\n <h4 class=\"icon-title card-title mbr-black mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".icon-title, .item .icon-wrap\" mbr-if=\"showCardTitle\">\n <b>Specification</b>\n </h4>\n <h5 class=\"icon-text mbr-black mbr-fonts-style\" mbr-theme-style=\"display-4\" data-app-selector=\".icon-text\" mbr-if=\"showCardText\">Mobirise is perfect for non-techies who\n are not familiar with\n the intricacies of web development.</h5>\n </div>\n </div>\n <div class=\"item mbr-flex\" mbr-if=\"steps > 7\" mbr-class=\"{'last': steps == 8}\">\n <div class=\"icon-wrap w-100\">\n <div class=\"icon-box\">\n <span class=\"step-number mbr-fonts-style\" mbr-theme-style=\"display-5\">8</span>\n </div>\n </div>\n <div class=\"text-box\" mbr-if=\"showCardTitle || showCardText\">\n <h4 class=\"icon-title card-title mbr-black mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".icon-title, .item .icon-wrap\" mbr-if=\"showCardTitle\">\n <b>Project Planning</b>\n </h4>\n <h5 class=\"icon-text mbr-black mbr-fonts-style\" mbr-theme-style=\"display-4\" data-app-selector=\".icon-text\" mbr-if=\"showCardText\">Mobirise is perfect for non-techies who\n are not familiar with\n the intricacies of web development.</h5>\n </div>\n </div>\n <div class=\"item mbr-flex\" mbr-if=\"steps > 8\" mbr-class=\"{'last': steps == 9}\">\n <div class=\"icon-wrap w-100\">\n <div class=\"icon-box\">\n <span class=\"step-number mbr-fonts-style\" mbr-theme-style=\"display-5\">9</span>\n </div>\n </div>\n <div class=\"text-box\" mbr-if=\"showCardTitle || showCardText\">\n <h4 class=\"icon-title card-title mbr-black mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".icon-title, .item .icon-wrap\" mbr-if=\"showCardTitle\">\n <b>Deployment</b>\n </h4>\n <h5 class=\"icon-text mbr-black mbr-fonts-style\" mbr-theme-style=\"display-4\" data-app-selector=\".icon-text\" mbr-if=\"showCardText\">Mobirise is perfect for non-techies who\n are not familiar with\n the intricacies of web development.</h5>\n </div>\n </div>\n <div class=\"item mbr-flex\" mbr-if=\"steps > 9\" mbr-class=\"{'last': steps == 10}\">\n <div class=\"icon-wrap w-100\">\n <div class=\"icon-box\">\n <span class=\"step-number mbr-fonts-style\" mbr-theme-style=\"display-5\">10</span>\n </div>\n </div>\n <div class=\"text-box\" mbr-if=\"showCardTitle || showCardText\">\n <h4 class=\"icon-title card-title mbr-black mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".icon-title, .item .icon-wrap\" mbr-if=\"showCardTitle\">\n <b>Deployment</b>\n </h4>\n <h5 class=\"icon-text mbr-black mbr-fonts-style\" mbr-theme-style=\"display-4\" data-app-selector=\".icon-text\" mbr-if=\"showCardText\">Mobirise is perfect for non-techies who\n are not familiar with\n the intricacies of web development.</h5>\n </div>\n </div>\n </div>\n </div>\n </div>\n</section>",
|
||
"_cid": "tzsmsqmeBk",
|
||
"_anchor": "features21-7",
|
||
"_protectedParams": [],
|
||
"_global": false,
|
||
"_once": false,
|
||
"_params": {}
|
||
},
|
||
{
|
||
"alias": false,
|
||
"_styles": {
|
||
"padding-top": "(@paddingTop * 1rem)",
|
||
"padding-bottom": "(@paddingBottom * 1rem)",
|
||
"& when (@bg-type = 'color')": {
|
||
"background-color": "@bg-value"
|
||
},
|
||
"& when (@bg-type = 'image')": {
|
||
"background-image": "url(@bg-value)"
|
||
},
|
||
".mbr-fallback-image.disabled": {
|
||
"display": "none"
|
||
},
|
||
".mbr-fallback-image": {
|
||
"display": "block",
|
||
"background-size": "cover",
|
||
"background-position": "center center",
|
||
"width": "100%",
|
||
"height": "100%",
|
||
"position": "absolute",
|
||
"top": "0",
|
||
"& when (@bg-type = 'video')": {
|
||
"background-image": "url(@fallBackImage)"
|
||
}
|
||
},
|
||
".video-wrapper iframe": {
|
||
"width": "100%"
|
||
},
|
||
".mbr-section-title, .mbr-section-subtitle, .mbr-text": {
|
||
"text-align": "center"
|
||
},
|
||
".mbr-section-title": {
|
||
"color": "#fafafa"
|
||
}
|
||
},
|
||
"_name": "video2",
|
||
"_sourceTheme": "mobirise5",
|
||
"_customHTML": "<section data-bs-version=\"5.1\" class=\"video2\" group=\"Images & Videos\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" plugins=\"PlayerVimeo\" mbr-class=\"{'mbr-parallax-background': bg.parallax}\">\n <mbr-parameters>\n <header>Size</header>\n <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" value=\"6\" step=\"1\" condition=\"fullWidth==false\">\n <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" value=\"6\" step=\"1\" condition=\"fullWidth==false\">\n <input type=\"range\" name=\"textWidth\" title=\"Video\" min=\"4\" max=\"12\" step=\"1\" value=\"10\">\n <header>Show/Hide</header>\n <input type=\"checkbox\" title=\"Title\" name=\"showTitle\" checked>\n <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubtitle\">\n <input type=\"checkbox\" title=\"Description\" name=\"showDescription\">\n <header>Background</header>\n <fieldset type=\"background\" name=\"bg\" parallax>\n <input type=\"image\" value=\"../_images/background2.jpg\" title=\"Image\">\n <input type=\"color\" value=\"#353535\" title=\"Color\" selected>\n <input type=\"video\" value=\"https://vimeo.com/428046504\" title=\"Video\">\n </fieldset>\n <header condition=\"bg.type === 'video'\">Fallback Image</header>\n <input type=\"image\" title=\"Fallback Image\" value=\"../_images/background13.jpg\" name=\"fallBackImage\" condition=\"bg.type === 'video'\">\n <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\" checked>\n <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#ffffff\" condition=\"overlay && bg.type !== 'color'\">\n <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.4\" condition=\"overlay && bg.type !== 'color'\">\n </mbr-parameters>\n <div class=\"mbr-fallback-image disabled\" mbr-if=\"bg.type == 'video'\"></div>\n <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type !== 'color'\" opacity=\"{{overlayOpacity}}\" bg-color=\"{{overlayColor}}\"></div>\n <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n <div class=\"mbr-section-head\" mbr-if=\"showTitle || showSubtitle\">\n <h4 class=\"mbr-section-title mbr-fonts-style mb-0\" data-app-selector=\".mbr-section-title\" mbr-theme-style=\"display-2\" mbr-if=\"showTitle\"><b>Tutoriel vidéo</b></h4>\n <h5 class=\"mbr-section-subtitle mbr-fonts-style mb-0 mt-2\" data-app-selector=\".mbr-section-subtitle\" mbr-theme-style=\"display-7\" mbr-if=\"showSubtitle\">Click on the video in this block to set the link to\n your own video.</h5>\n </div>\n <div class=\"row justify-content-center mt-4\">\n <div class=\"col-12 col-md-{{textWidth}} video-block\">\n <div mbr-video class=\"video-wrapper\">\n <iframe src=\"https://youtu.be/UtyILafYXC4?loop=1\"></iframe>\n </div>\n <p class=\"mbr-text pt-2 mbr-fonts-style\" mbr-theme-style=\"display-4\" mbr-if=\"showDescription\" data-app-selector=\".mbr-text\">\n Video Description</p>\n </div>\n </div>\n </div>\n</section>",
|
||
"_cid": "tzxAq8BQAV",
|
||
"_anchor": "video2-b",
|
||
"_protectedParams": [],
|
||
"_global": false,
|
||
"_once": false,
|
||
"_params": {}
|
||
},
|
||
{
|
||
"alias": false,
|
||
"_styles": {
|
||
"& when not (@sticky)": {
|
||
".navbar-dropdown": {
|
||
"position": "relative !important"
|
||
},
|
||
"& when (@transparent)": {
|
||
".navbar-dropdown": {
|
||
"position": "absolute !important"
|
||
}
|
||
}
|
||
},
|
||
"& when (@sticky)": {
|
||
"z-index": "1000",
|
||
"width": "100%",
|
||
"& when not (@transparent)": {
|
||
"position": "relative",
|
||
"min-height": "60px"
|
||
},
|
||
"nav.navbar": {
|
||
"position": "fixed"
|
||
}
|
||
},
|
||
".dropdown-item:before": {
|
||
"font-family": "Moririse2 !important",
|
||
"content": "\"\\e966\"",
|
||
"display": "inline-block",
|
||
"width": "0",
|
||
"position": "absolute",
|
||
"left": "1rem",
|
||
"top": "0.5rem",
|
||
"margin-right": "0.5rem",
|
||
"line-height": "1",
|
||
"font-size": "inherit",
|
||
"vertical-align": "middle",
|
||
"text-align": "center",
|
||
"overflow": "hidden",
|
||
"transform": "scale(0, 1)",
|
||
"transition": "all 0.25s ease-in-out"
|
||
},
|
||
".dropdown-menu": {
|
||
"padding": "0",
|
||
"border-radius": "4px",
|
||
"box-shadow": "0 1px 3px 0 rgba(0, 0, 0, 0.1)"
|
||
},
|
||
".dropdown-item": {
|
||
"border-bottom": "1px solid #e6e6e6",
|
||
"&:hover, &:focus": {
|
||
"background": "@primaryColor !important",
|
||
"color": "white !important"
|
||
},
|
||
"&:first-child": {
|
||
"border-top-left-radius": "4px",
|
||
"border-top-right-radius": "4px"
|
||
},
|
||
"&:last-child": {
|
||
"border-bottom": "none",
|
||
"border-bottom-left-radius": "4px",
|
||
"border-bottom-right-radius": "4px"
|
||
}
|
||
},
|
||
".nav-dropdown .link": {
|
||
"padding": "0 0.3em !important",
|
||
"margin": "0.667em 1em !important"
|
||
},
|
||
".nav-dropdown .link.dropdown-toggle::after": {
|
||
"margin-left": "0.5rem",
|
||
"margin-top": "0.2rem"
|
||
},
|
||
".nav-link": {
|
||
"position": "relative"
|
||
},
|
||
".container": {
|
||
"display": "flex",
|
||
"margin": "auto"
|
||
},
|
||
".iconfont-wrapper": {
|
||
"color": "@iconsColor !important",
|
||
"font-size": "1.5rem",
|
||
"padding-right": "0.5rem"
|
||
},
|
||
".navbar-caption": {},
|
||
".navbar-nav": {},
|
||
".dropdown-menu, .navbar.opened": {
|
||
"background": "@menuBgColor !important"
|
||
},
|
||
".nav-item:focus, .nav-link:focus": {
|
||
"outline": "none"
|
||
},
|
||
".dropdown .dropdown-menu .dropdown-item": {
|
||
"width": "auto",
|
||
"transition": "all 0.25s ease-in-out",
|
||
"&::after": {
|
||
"right": "0.5rem"
|
||
},
|
||
".mbr-iconfont": {
|
||
"margin-right": "0.5rem",
|
||
"vertical-align": "sub",
|
||
"&:before": {
|
||
"display": "inline-block",
|
||
"transform": "scale(1, 1)",
|
||
"transition": "all 0.25s ease-in-out"
|
||
}
|
||
}
|
||
},
|
||
".collapsed": {
|
||
".dropdown-menu .dropdown-item:before": {
|
||
"display": "none"
|
||
},
|
||
".dropdown .dropdown-menu .dropdown-item": {
|
||
"padding": "0.235em 1.5em 0.235em 1.5em !important",
|
||
"transition": "none",
|
||
"margin": "0 !important"
|
||
}
|
||
},
|
||
".navbar": {
|
||
"min-height": "70px",
|
||
"transition": "all 0.3s",
|
||
"border-bottom": "1px solid transparent",
|
||
"&:not(.navbar-short)": {},
|
||
"& when not (@transparent)": {
|
||
"box-shadow": "0 1px 3px 0 rgba(0, 0, 0, 0.1)",
|
||
"background": "@menuBgColor"
|
||
},
|
||
"& when (@transparent)": {
|
||
"background": "rgba(red(@menuBgColor), green(@menuBgColor), blue(@menuBgColor), @opacity)"
|
||
},
|
||
"&.opened": {
|
||
"transition": "all 0.3s"
|
||
},
|
||
".dropdown-item": {
|
||
"padding": "0.5rem 1.8rem"
|
||
},
|
||
".navbar-logo img": {
|
||
"width": "auto"
|
||
},
|
||
".navbar-collapse": {
|
||
"justify-content": "flex-end",
|
||
"z-index": "1"
|
||
},
|
||
"&.collapsed": {
|
||
"justify-content": "center",
|
||
".nav-item .nav-link::before": {
|
||
"display": "none"
|
||
},
|
||
"&.opened": {
|
||
".dropdown-menu": {
|
||
"top": "0"
|
||
},
|
||
"@media (min-width: 992px)": {
|
||
"&:not(.navbar-short) .navbar-collapse when (@showLogo)": {
|
||
"max-height": "~\"calc(98.5vh - @{logoSize}rem)\""
|
||
}
|
||
}
|
||
},
|
||
".dropdown-menu": {
|
||
".dropdown-submenu": {
|
||
"left": "0 !important"
|
||
},
|
||
".dropdown-item:after": {
|
||
"right": "auto"
|
||
},
|
||
".dropdown-toggle[data-toggle=\"dropdown-submenu\"]:after": {
|
||
"margin-left": "0.5rem",
|
||
"margin-top": "0.2rem",
|
||
"border-top": "0.35em solid",
|
||
"border-right": "0.35em solid transparent",
|
||
"border-left": "0.35em solid transparent",
|
||
"border-bottom": "0",
|
||
"top": "41%"
|
||
}
|
||
},
|
||
"ul.navbar-nav": {
|
||
"li": {
|
||
"margin": "auto"
|
||
}
|
||
},
|
||
".dropdown-menu .dropdown-item": {
|
||
"padding": "0.25rem 1.5rem",
|
||
"text-align": "center"
|
||
},
|
||
".icons-menu": {
|
||
"padding-left": "0",
|
||
"padding-right": "0",
|
||
"padding-top": "0.5rem",
|
||
"padding-bottom": "0.5rem"
|
||
}
|
||
},
|
||
"@media (max-width: 991px)": {
|
||
".nav-item .nav-link::before": {
|
||
"display": "none"
|
||
},
|
||
"&.opened": {
|
||
".dropdown-menu": {
|
||
"top": "0"
|
||
}
|
||
},
|
||
".dropdown-menu": {
|
||
".dropdown-submenu": {
|
||
"left": "0 !important"
|
||
},
|
||
".dropdown-item:after": {
|
||
"right": "auto"
|
||
},
|
||
".dropdown-toggle[data-toggle=\"dropdown-submenu\"]:after": {
|
||
"margin-left": "0.5rem",
|
||
"margin-top": "0.2rem",
|
||
"border-top": "0.35em solid",
|
||
"border-right": "0.35em solid transparent",
|
||
"border-left": "0.35em solid transparent",
|
||
"border-bottom": "0",
|
||
"top": "40%"
|
||
}
|
||
},
|
||
".navbar-logo": {
|
||
"img": {
|
||
"height": "3rem !important"
|
||
}
|
||
},
|
||
"ul.navbar-nav": {
|
||
"li": {
|
||
"margin": "auto"
|
||
}
|
||
},
|
||
".dropdown-menu .dropdown-item": {
|
||
"padding": "0.25rem 1.5rem !important",
|
||
"text-align": "center"
|
||
},
|
||
".navbar-brand": {
|
||
"flex-shrink": "initial",
|
||
"flex-basis": "auto",
|
||
"word-break": "break-word",
|
||
"padding-right": "2rem"
|
||
},
|
||
".navbar-toggler": {
|
||
"flex-basis": "auto"
|
||
},
|
||
".icons-menu": {
|
||
"padding-left": "0",
|
||
"padding-top": "0.5rem",
|
||
"padding-bottom": "0.5rem"
|
||
}
|
||
},
|
||
"&.navbar-short": {
|
||
"min-height": "60px",
|
||
".navbar-logo": {
|
||
"img": {
|
||
"height": "2.5rem !important"
|
||
}
|
||
},
|
||
".navbar-brand": {
|
||
"min-height": "60px",
|
||
"padding": "0"
|
||
}
|
||
}
|
||
},
|
||
".navbar-brand": {
|
||
"min-height": "70px",
|
||
"flex-shrink": "0",
|
||
"align-items": "center",
|
||
"margin-right": "0",
|
||
"padding": "10px 0",
|
||
"transition": "all 0.3s",
|
||
"word-break": "break-word",
|
||
"z-index": "1",
|
||
".navbar-caption": {
|
||
"line-height": "inherit !important"
|
||
},
|
||
".navbar-logo a": {
|
||
"outline": "none"
|
||
}
|
||
},
|
||
".dropdown-item.active, .dropdown-item:active": {
|
||
"background-color": "transparent"
|
||
},
|
||
".navbar-expand-lg .navbar-nav .nav-link": {
|
||
"padding": "0"
|
||
},
|
||
".nav-dropdown .link.dropdown-toggle": {
|
||
"margin-right": "1.667em",
|
||
"&[aria-expanded=\"true\"]": {
|
||
"margin-right": "0",
|
||
"padding": "0.667em 1.667em"
|
||
}
|
||
},
|
||
".navbar.navbar-expand-lg .dropdown": {
|
||
".dropdown-menu": {
|
||
"background": "@menuBgColor",
|
||
".dropdown-submenu": {
|
||
"margin": "0",
|
||
"left": "100%"
|
||
}
|
||
}
|
||
},
|
||
".navbar .dropdown.open > .dropdown-menu": {
|
||
"display": "block"
|
||
},
|
||
"ul.navbar-nav": {
|
||
"flex-wrap": "wrap"
|
||
},
|
||
".navbar-buttons": {
|
||
"text-align": "center",
|
||
"min-width": "170px"
|
||
},
|
||
"button.navbar-toggler": {
|
||
"outline": "none",
|
||
"width": "31px",
|
||
"height": "20px",
|
||
"cursor": "pointer",
|
||
"transition": "all 0.2s",
|
||
"position": "relative",
|
||
"align-self": "center",
|
||
".hamburger span": {
|
||
"position": "absolute",
|
||
"right": "0",
|
||
"width": "30px",
|
||
"height": "2px",
|
||
"border-right": "5px",
|
||
"background-color": "@hamburgerColor",
|
||
"&:nth-child(1)": {
|
||
"top": "0",
|
||
"transition": "all 0.2s"
|
||
},
|
||
"&:nth-child(2)": {
|
||
"top": "8px",
|
||
"transition": "all 0.15s"
|
||
},
|
||
"&:nth-child(3)": {
|
||
"top": "8px",
|
||
"transition": "all 0.15s"
|
||
},
|
||
"&:nth-child(4)": {
|
||
"top": "16px",
|
||
"transition": "all 0.2s"
|
||
}
|
||
}
|
||
},
|
||
"nav.opened .hamburger span": {
|
||
"&:nth-child(1)": {
|
||
"top": "8px",
|
||
"width": "0",
|
||
"opacity": "0",
|
||
"right": "50%",
|
||
"transition": "all 0.2s"
|
||
},
|
||
"&:nth-child(2)": {
|
||
"transform": "rotate(45deg)",
|
||
"transition": "all 0.25s"
|
||
},
|
||
"&:nth-child(3)": {
|
||
"transform": "rotate(-45deg)",
|
||
"transition": "all 0.25s"
|
||
},
|
||
"&:nth-child(4)": {
|
||
"top": "8px",
|
||
"width": "0",
|
||
"opacity": "0",
|
||
"right": "50%",
|
||
"transition": "all 0.2s"
|
||
}
|
||
},
|
||
".navbar-dropdown": {
|
||
"padding": "0 1rem",
|
||
"& when (@sticky)": {
|
||
"position": "fixed"
|
||
}
|
||
},
|
||
"a.nav-link": {
|
||
"display": "flex",
|
||
"align-items": "center",
|
||
"justify-content": "center"
|
||
},
|
||
".icons-menu": {
|
||
"flex-wrap": "nowrap",
|
||
"display": "flex",
|
||
"justify-content": "center",
|
||
"padding-left": "1rem",
|
||
"padding-right": "1rem",
|
||
"padding-top": "0.3rem",
|
||
"text-align": "center"
|
||
},
|
||
"@media screen and (~'-ms-high-contrast: active'), (~'-ms-high-contrast: none')": {
|
||
".navbar": {
|
||
"height": "70px",
|
||
"&.opened": {
|
||
"height": "auto"
|
||
}
|
||
},
|
||
".nav-item .nav-link:hover::before": {
|
||
"width": "175%",
|
||
"max-width": "calc(100% ~\"+\" 2rem)",
|
||
"left": "-1rem"
|
||
}
|
||
}
|
||
},
|
||
"_name": "menu1",
|
||
"_sourceTheme": "mobirise5",
|
||
"_customHTML": "<section data-bs-version=\"5.1\" class=\"menu menu1\" group=\"Menu\" plugins=\"DropDown, TouchSwipe\" always-top global once=\"menu\" not-draggable position-absolute>\n <mbr-parameters>\n <header>Size</header>\n <input type=\"checkbox\" name=\"fullWidth\" title=\"Full Width\">\n <header>Show/Hide</header>\n <input type=\"checkbox\" title=\"Logo\" name=\"showLogo\" checked>\n <input type=\"range\" title=\"Logo Size\" inline name=\"logoSize\" min=\"3\" max=\"8\" step=\"0.1\" value=\"3\" condition=\"showLogo\">\n <input type=\"checkbox\" title=\"Brand Name\" name=\"showBrand\" checked>\n <input type=\"checkbox\" title=\"Menu Items\" name=\"showItems\" checked>\n <input type=\"checkbox\" title=\"Icons\" name=\"showIcons\">\n <select title=\"Amount\" name=\"iconsAmount\" condition=\"showIcons\">\n <option value=\"1\">1</option>\n <option value=\"2\">2</option>\n <option value=\"3\" selected>3</option>\n <option value=\"4\">4</option>\n </select>\n <input type=\"color\" title=\"Icons Color\" name=\"iconsColor\" value=\"#000000\" condition=\"showIcons\">\n <input type=\"checkbox\" title=\"Button\" name=\"showButtons\" checked>\n <header>Styles</header>\n <input type=\"checkbox\" title=\"Sticky\" name=\"sticky\">\n <input type=\"checkbox\" title=\"Collapsed\" name=\"collapsed\">\n <input type=\"checkbox\" title=\"Transparent\" name=\"transparent\">\n <input type=\"range\" title=\"Opacity\" name=\"opacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.2\" condition=\"transparent\">\n <input type=\"color\" title=\"Color\" name=\"menuBgColor\" value=\"#353535\">\n <input type=\"color\" title=\"Hamburger\" name=\"hamburgerColor\" value=\"#ffffff\">\n </mbr-parameters>\n\n <nav class=\"navbar navbar-dropdown\" mbr-class=\"{'navbar-fixed-top':sticky,\n 'navbar-expand-lg':!collapsed,\n 'collapsed':collapsed}\">\n <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n <div class=\"navbar-brand\">\n <span mbr-if=\"showLogo\" class=\"navbar-logo\">\n <a href=\"index.html\">\n <img src=\"@PROJECT_PATH@/assets/images/39837401b03c65e8417ad48feae80b66-icon.png\" alt mbr-style=\"{'height': logoSize + 'rem'}\">\n </a>\n </span>\n <span mbr-if=\"showBrand\" mbr-buttons mbr-theme-style=\"display-7\" class=\"navbar-caption-wrap\" data-toolbar=\"-mbrBtnMove,-mbrBtnAdd,-mbrBtnRemove,-iconFont\"><a class=\"navbar-caption text-white text-primary\" data-app-selector=\".navbar-caption\" href=\"index.html\" data-app-placeholder=\"Type Text\">Lecteur média</a></span>\n </div>\n <button class=\"navbar-toggler\" type=\"button\" data-toggle=\"collapse\" data-bs-toggle=\"collapse\" data-target=\"#navbarSupportedContent\" data-bs-target=\"#navbarSupportedContent\" aria-controls=\"navbarNavAltMarkup\" aria-expanded=\"false\" aria-label=\"Toggle navigation\" mbr-if=\"showItems || showIcons || showButtons\">\n <div class=\"hamburger\">\n <span></span>\n <span></span>\n <span></span>\n <span></span>\n </div>\n </button>\n <div class=\"collapse navbar-collapse\" id=\"navbarSupportedContent\" mbr-if=\"showItems || showIcons || showButtons\">\n <ul mbr-menu class=\"navbar-nav nav-dropdown\" mbr-theme-style=\"display-4\" mbr-if=\"showItems\" mbr-class=\"{'nav-right': !showButtons,'navbar-nav-top-padding': isPublish && !showBrand && !showLogo}\"><li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"index.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Acceuil</a></li>\n <li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"A propos.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">A propos</a></li><li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"index.html#contacts1-c\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Nous Contacter</a>\n </li></ul>\n <div class=\"icons-menu\" mbr-if=\"showIcons\">\n <a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" target=\"_blank\">\n <span mbr-icon class=\"p-2 mbr-iconfont socicon-facebook socicon\"></span>\n </a>\n <a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" target=\"_blank\" mbr-if=\"iconsAmount > 1\">\n <span mbr-icon class=\"p-2 mbr-iconfont socicon-twitter socicon\"></span>\n </a>\n <a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" target=\"_blank\" mbr-if=\"iconsAmount > 2\">\n <span mbr-icon class=\"p-2 mbr-iconfont socicon-instagram socicon\"></span>\n </a>\n <a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" target=\"_blank\" mbr-if=\"iconsAmount > 3\">\n <span mbr-icon class=\"p-2 mbr-iconfont socicon-linkedin socicon\"></span>\n </a>\n </div>\n <div mbr-if=\"showButtons\" mbr-buttons mbr-theme-style=\"display-4\" class=\"navbar-buttons mbr-section-btn\"><a class=\"btn btn-danger\" href=\"Téléchargement.html#features21-7\" data-app-placeholder=\"Type Text\"><span class=\"mobi-mbri mobi-mbri-download-2 mbr-iconfont mbr-iconfont-btn\"></span>Téléchargement</a></div>\n </div>\n </div>\n </nav>\n</section>",
|
||
"_cid": "sFGzlAXw3z",
|
||
"_anchor": "menu1-5",
|
||
"_protectedParams": [],
|
||
"_global": true,
|
||
"_once": "menu",
|
||
"_params": {}
|
||
},
|
||
{
|
||
"alias": false,
|
||
"_styles": {
|
||
"padding-top": "(@paddingTop * 1rem)",
|
||
"padding-bottom": "(@paddingBottom * 1rem)",
|
||
"& when (@bg-type = 'image')": {
|
||
"background-image": "url(@bg-value)"
|
||
},
|
||
"& when (@bg-type = 'color')": {
|
||
"background-color": "@bg-value"
|
||
},
|
||
".social-row": {
|
||
"display": "flex",
|
||
"flex-wrap": "wrap"
|
||
},
|
||
".soc-item": {
|
||
"display": "flex",
|
||
"align-items": "center",
|
||
"justify-content": "center",
|
||
"border-radius": "50%",
|
||
"background-color": "white",
|
||
"margin-right": "0.5rem",
|
||
"margin-bottom": "1rem",
|
||
"padding": "0.5rem",
|
||
"height": "2.5rem",
|
||
"width": "2.5rem"
|
||
},
|
||
"@media (max-width: 767px)": {
|
||
".row": {
|
||
"text-align": "center"
|
||
},
|
||
".social-row": {
|
||
"justify-content": "center"
|
||
}
|
||
},
|
||
".list": {
|
||
"list-style": "none",
|
||
"padding-left": "0",
|
||
"@media (max-width: 991px)": {
|
||
"margin-bottom": "2rem"
|
||
},
|
||
"@media (min-width: 992px)": {
|
||
"margin-bottom": "0rem"
|
||
},
|
||
"color": "#bbbbbb",
|
||
"text-align": "left"
|
||
},
|
||
".mbr-text": {
|
||
"color": "#bbbbbb"
|
||
},
|
||
".mbr-iconfont": {
|
||
"color": "black"
|
||
},
|
||
".copyright": {
|
||
"text-align": "center"
|
||
}
|
||
},
|
||
"_name": "footer1",
|
||
"_sourceTheme": "mobirise5",
|
||
"_customHTML": "<section data-bs-version=\"5.1\" class=\"footer1\" group=\"Footers\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" global once=\"footers\" mbr-class=\"{\n 'mbr-parallax-background': bg.parallax}\">\n\n <mbr-parameters>\n <header>Size</header>\n <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"5\">\n <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"5\">\n <header>Show/Hide</header>\n <input type=\"checkbox\" title=\"Title\" name=\"showTitle\" checked>\n <input type=\"checkbox\" title=\"Social\" name=\"showSocial\">\n <input type=\"range\" name=\"socialCount\" title=\"Social Count\" min=\"1\" max=\"4\" step=\"1\" value=\"3\" condition=\"showSocial\">\n <input type=\"checkbox\" title=\"Copyright\" name=\"showCopyright\" checked>\n <header>Background</header>\n <fieldset type=\"background\" name=\"bg\" parallax>\n <input type=\"image\" title=\"Image\" value=\"../_images/background8.jpg\">\n <input type=\"color\" title=\"Color\" value=\"#232323\" selected>\n <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/428046504\">\n </fieldset>\n <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\" checked>\n <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#232323\" condition=\"overlay && bg.type !== 'color'\">\n <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.6\" condition=\"overlay && bg.type !== 'color'\">\n </mbr-parameters>\n <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type !== 'color'\" opacity=\"{{overlayOpacity}}\" bg-color=\"{{overlayColor}}\"></div>\n <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n <div class=\"row mbr-white\">\n <div class=\"col-12 col-md-6 col-lg-3\">\n <h5 mbr-text class=\"mbr-section-subtitle mbr-fonts-style mb-2\" data-app-selector=\".mbr-section-subtitle\" mbr-theme-style=\"display-7\" mbr-if=\"showTitle\">\n <b>Liens</b></h5>\n <ul class=\"list mbr-fonts-style\" mbr-theme-style=\"display-4\" data-app-selector=\".list\" data-multiline mbr-article>\n <li class=\"mbr-text item-wrap\"><a href=\"index.html\" class=\"text-primary\">Accueil</a></li><li class=\"mbr-text item-wrap\"><a href=\"A propos.html#slider5-4\" class=\"text-primary\">A propos</a></li><li class=\"mbr-text item-wrap\"><a href=\"Téléchargement.html#features21-7\" class=\"text-primary\">Télécharger</a></li><li class=\"mbr-text item-wrap\"><a href=\"mailto:contact@lecteur-media.fr\" class=\"text-primary\">Nous contacter</a></li><li class=\"mbr-text item-wrap\"><a href=\"http://kryptons.duckdns.org/\" class=\"text-primary\" target=\"_blank\">kryptons Software</a></li>\n </ul>\n </div>\n <div class=\"col-12 col-md-6 col-lg-3\">\n <h5 mbr-text class=\"mbr-section-subtitle mbr-fonts-style mb-2\" data-app-selector=\".mbr-section-subtitle\" mbr-theme-style=\"display-7\" mbr-if=\"showTitle\"></h5>\n <ul class=\"list mbr-fonts-style\" mbr-theme-style=\"display-4\" data-app-selector=\".list\" data-multiline mbr-article></ul>\n </div>\n <div class=\"col-12 col-md-6 col-lg-3\">\n <h5 mbr-text class=\"mbr-section-subtitle mbr-fonts-style mb-2\" data-app-selector=\".mbr-section-subtitle\" mbr-theme-style=\"display-7\" mbr-if=\"showTitle\"><b>Fonctionalités</b></h5>\n <ul class=\"list mbr-fonts-style\" mbr-theme-style=\"display-4\" data-app-selector=\".list\" data-multiline mbr-article>\n <li class=\"mbr-text item-wrap\">Film straming</li><li class=\"mbr-text item-wrap\">Séries streaming</li><li class=\"mbr-text item-wrap\">Web radio</li><li class=\"mbr-text item-wrap\"><a href=\"A propos.html#slider5-4\" class=\"text-primary\">Plus de fonctionalités</a></li><li class=\"mbr-text item-wrap\"><br></li>\n </ul>\n </div>\n <div class=\"col-12 col-md-6 col-lg-3\">\n <h5 class=\"mbr-section-subtitle mbr-fonts-style mb-2\" mbr-theme-style=\"display-7\" mbr-if=\"showTitle\"><b>A propos de nous</b></h5>\n <p class=\"mbr-text mbr-fonts-style mb-4\" mbr-theme-style=\"display-4\" data-app-selector=\".mbr-text\">Lecteur média est développé par kryptons Software, il propose plusieur fonctionalités qui dépance le windows média players.</p>\n <h5 class=\"mbr-section-subtitle mbr-fonts-style mb-3\" mbr-theme-style=\"display-7\" mbr-if=\"showTitle && showSocial\">\n <b>Social</b>\n </h5>\n <div class=\"social-row display-7\" mbr-if=\"showSocial\">\n <div class=\"soc-item\">\n <a href=\"https://twitter.com/mobirise\" target=\"_blank\">\n <span mbr-icon class=\"mbr-iconfont socicon socicon-facebook\"></span>\n </a>\n </div>\n <div class=\"soc-item\" mbr-if=\"socialCount>1\">\n <a href=\"https://twitter.com/mobirise\" target=\"_blank\">\n <span mbr-icon class=\"mbr-iconfont socicon socicon-twitter\"></span>\n </a>\n </div>\n <div class=\"soc-item\" mbr-if=\"socialCount>2\">\n <a href=\"https://twitter.com/mobirise\" target=\"_blank\">\n <span mbr-icon class=\"mbr-iconfont socicon socicon-instagram\"></span>\n </a>\n </div>\n <div class=\"soc-item\" mbr-if=\"socialCount>3\">\n <a href=\"https://twitter.com/mobirise\" target=\"_blank\">\n <span mbr-icon class=\"mbr-iconfont socicon socicon-instagram\"></span>\n </a>\n </div>\n </div>\n </div>\n <div class=\"col-12 mt-4\" mbr-if=\"showCopyright\">\n <p class=\"mbr-text mb-0 mbr-fonts-style copyright align-center\" mbr-theme-style=\"display-7\" data-app-selector=\".copyright\" data-app-placeholder=\"Type Text\">\n © Copyright 2021-2023 - Tous droits réservés\n </p>\n </div>\n </div>\n </div>\n</section>",
|
||
"_cid": "sFGDg6hy8z",
|
||
"_anchor": "footer1-6",
|
||
"_protectedParams": [],
|
||
"_global": true,
|
||
"_once": "footers",
|
||
"_params": {}
|
||
}
|
||
]
|
||
},
|
||
"A propos.html": {
|
||
"settings": {
|
||
"title": "A propos",
|
||
"order": "1",
|
||
"meta_descr": "sur cette pages vous retrouvez tout les fonctionnalités de lecteur média."
|
||
},
|
||
"components": [
|
||
{
|
||
"alias": false,
|
||
"_styles": {
|
||
"padding-top": "(@paddingTop * 1rem)",
|
||
"padding-bottom": "(@paddingBottom * 1rem)",
|
||
"background-color": "@bgColor",
|
||
"@media (min-width: 992px)": {
|
||
".carousel": {
|
||
"min-height": "(@carouselHeight * 100px)",
|
||
"img": {
|
||
"max-height": "(@carouselHeight * 100px)",
|
||
"object-fit": "contain"
|
||
}
|
||
}
|
||
},
|
||
"@media (max-width: 991px) and (min-width: 768px)": {
|
||
".carousel": {
|
||
"min-height": "(@carouselHeight * 65px)",
|
||
"img": {
|
||
"max-height": "(@carouselHeight * 65px)",
|
||
"object-fit": "contain"
|
||
}
|
||
}
|
||
},
|
||
"@media (max-width: 767px)": {
|
||
".carousel": {
|
||
"min-height": "(@carouselHeight * 55px)",
|
||
"img": {
|
||
"max-height": "(@carouselHeight * 55px)",
|
||
"object-fit": "contain"
|
||
}
|
||
},
|
||
".container .carousel-control": {
|
||
"margin-bottom": "0"
|
||
},
|
||
".content-slider-wrap": {
|
||
"width": "100% !important"
|
||
}
|
||
},
|
||
".carousel, .carousel-inner": {
|
||
"display": "flex",
|
||
"align-items": "center"
|
||
},
|
||
".item-wrapper": {
|
||
"width": "100%"
|
||
},
|
||
".carousel-caption": {
|
||
"bottom": "40px"
|
||
},
|
||
".carousel-control:hover": {
|
||
"background": "#1b1b1b",
|
||
"color": "#fff",
|
||
"opacity": "1"
|
||
},
|
||
".mobi-mbri-arrow-next": {
|
||
"margin-left": "5px"
|
||
},
|
||
".mobi-mbri-arrow-prev": {
|
||
"margin-right": "5px"
|
||
},
|
||
".container .carousel-indicators": {
|
||
"margin-bottom": "3px"
|
||
},
|
||
".carousel-control": {
|
||
"top": "50%",
|
||
"width": "60px",
|
||
"height": "60px",
|
||
"margin-top": "-1.5rem",
|
||
"font-size": "22px",
|
||
"background-color": "rgba(0, 0, 0, 0.5)",
|
||
"border": "2px solid #fff",
|
||
"border-radius": "50%",
|
||
"transition": "all 0.3s",
|
||
"&.carousel-control-prev": {
|
||
"left": "0",
|
||
"margin-left": "2.5rem"
|
||
},
|
||
"&.carousel-control-next": {
|
||
"right": "0",
|
||
"margin-right": "2.5rem"
|
||
},
|
||
"@media (max-width: 767px)": {
|
||
"top": "auto",
|
||
"bottom": "1rem"
|
||
}
|
||
},
|
||
".carousel-indicators": {
|
||
"position": "absolute",
|
||
"bottom": "0",
|
||
"margin-bottom": "1.5rem !important",
|
||
"li": {
|
||
"max-width": "15px",
|
||
"height": "15px",
|
||
"width": "15px",
|
||
"max-height": "15px",
|
||
"margin": "3px",
|
||
"background-color": "rgba(0, 0, 0, 0.5)",
|
||
"border": "2px solid #fff",
|
||
"border-radius": "50%",
|
||
"opacity": "0.5",
|
||
"transition": "all 0.3s",
|
||
"&.active, &:hover": {
|
||
"opacity": "0.9"
|
||
},
|
||
"&::after, &::before": {
|
||
"content": "none"
|
||
}
|
||
},
|
||
"&.ie-fix": {
|
||
"left": "50%",
|
||
"display": "block",
|
||
"width": "60%",
|
||
"margin-left": "-30%",
|
||
"text-align": "center"
|
||
},
|
||
"@media (max-width: 768px)": {
|
||
"display": "none !important"
|
||
}
|
||
}
|
||
},
|
||
"_name": "slider2",
|
||
"_sourceTheme": "mobirise5",
|
||
"_customHTML": "<section data-bs-version=\"5.1\" class=\"slider2\" group=\"Sliders & Galleries\">\n <mbr-parameters>\n <input type=\"id\" name=\"sliderId\">\n <header>Size</header>\n <input type=\"checkbox\" name=\"fullWidth\" title=\"Full Width\" checked=\"\">\n <input type=\"range\" inline=\"\" title=\"Height\" name=\"carouselHeight\" min=\"4\" max=\"12\" step=\"1\" value=\"8\">\n <input type=\"range\" inline=\"\" title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"1\">\n <input type=\"range\" inline=\"\" title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"1\">\n <input type=\"range\" name=\"textWidth\" title=\"Width\" min=\"4\" max=\"12\" step=\"1\" value=\"10\" condition=\"!fullWidth\">\n <header>Carousel</header>\n <input type=\"checkbox\" title=\"Fade Effect\" name=\"fade\">\n <input type=\"checkbox\" title=\"Autoplay\" name=\"autoplay\" checked=\"\">\n <input type=\"range\" title=\"Interval\" name=\"interval\" min=\"3\" max=\"10\" value=\"5\" step=\"1\" condition=\"autoplay\">\n <header>Slide</header>\n <input type=\"checkbox\" title=\"Caption\" name=\"showCaption\">\n <input type=\"checkbox\" title=\"Text\" name=\"showText\">\n <input type=\"checkbox\" title=\"Overlay\" name=\"overlaySlide\">\n <input type=\"color\" title=\"Overlay Color\" name=\"overlaySlideColor\" value=\"#232323\" condition=\"overlaySlide\">\n <input type=\"range\" inline=\"\" title=\"Opacity\" name=\"overlaySlideOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.6\" condition=\"overlaySlide\">\n <header>Background</header>\n <input type=\"color\" title=\"Color\" name=\"bgColor\" value=\"#353535\" selected=\"\">\n </mbr-parameters>\n\n <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n </div>\n <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n <div class=\"row justify-content-center\">\n <div class=\"col-12 col-md-{{textWidth}}\" mbr-class=\"{'col-lg-12':fullWidth}\">\n <div id=\"{{sliderId}}\" class=\"carousel slide\" mbr-class=\"{'carousel-fade': fade}\" data-ride=\"{{autoplay ? 'carousel' : false}}\" data-bs-ride=\"{{autoplay ? 'carousel' : false}}\" data-interval=\"{{interval*1000}}\" data-bs-interval=\"{{interval*1000}}\">\n <div class=\"mbr-overlay\" mbr-if=\"overlaySlide\" mbr-style=\"{'opacity': overlaySlideOpacity, 'background-color': overlaySlideColor}\">\n </div>\n <ol class=\"carousel-indicators\">\n <li data-target=\"#{{sliderId}}\" data-bs-target=\"#{{sliderId}}\" data-slide-to=\"0\" data-bs-slide-to=\"0\" class=\"active\"></li><li data-target=\"#{{sliderId}}\" data-bs-target=\"#{{sliderId}}\" data-slide-to=\"1\" data-bs-slide-to=\"1\" class=\"\"></li><li data-target=\"#{{sliderId}}\" data-bs-target=\"#{{sliderId}}\" data-slide-to=\"2\" data-bs-slide-to=\"2\" class=\"\"></li><li data-target=\"#{{sliderId}}\" data-bs-target=\"#{{sliderId}}\" data-slide-to=\"3\" data-bs-slide-to=\"3\" class=\"\"></li><li data-target=\"#{{sliderId}}\" data-bs-target=\"#{{sliderId}}\" data-slide-to=\"4\" data-bs-slide-to=\"4\" class=\"\"></li><li data-target=\"#{{sliderId}}\" data-bs-target=\"#{{sliderId}}\" data-slide-to=\"5\" data-bs-slide-to=\"5\" class=\"\"></li><li data-target=\"#{{sliderId}}\" data-bs-target=\"#{{sliderId}}\" data-slide-to=\"6\" data-bs-slide-to=\"6\" class=\"\"></li><li data-target=\"#{{sliderId}}\" data-bs-target=\"#{{sliderId}}\" data-slide-to=\"7\" data-bs-slide-to=\"7\" class=\"\"></li><li data-target=\"#{{sliderId}}\" data-bs-target=\"#{{sliderId}}\" data-slide-to=\"8\" data-bs-slide-to=\"8\" class=\"\"></li>\n \n \n </ol>\n <div class=\"carousel-inner\">\n \n \n <div class=\"carousel-item slider-image item active\">\n <div class=\"item-wrapper\">\n <img class=\"d-block w-100\" src=\"@PROJECT_PATH@/assets/images/capture-dcran-2023-03-31-000627-563x339.png\" alt=\"Mobirise Website Builder\" data-slide-to=\"0\" data-bs-slide-to=\"0\">\n <div class=\"carousel-caption d-none d-md-block\" mbr-if=\"showCaption || showText\">\n <h5 class=\"mbr-section-subtitle mbr-fonts-style\" mbr-if=\"showCaption\" mbr-theme-style=\"display-5\">\n <b>Fixed-Height Slider</b>\n </h5>\n <p class=\"mbr-section-text mbr-fonts-style\" mbr-if=\"showText\" mbr-theme-style=\"display-7\">\n Click on the image to edit slides.</p>\n </div>\n </div>\n </div><div class=\"carousel-item slider-image item\">\n <div class=\"item-wrapper\">\n <img class=\"d-block w-100\" src=\"@PROJECT_PATH@/assets/images/capture-dcran-2023-03-30-235828-563x405.png\" alt=\"Mobirise Website Builder\" data-slide-to=\"1\" data-bs-slide-to=\"1\">\n <div class=\"carousel-caption d-none d-md-block\" mbr-if=\"showCaption || showText\">\n <h5 class=\"mbr-section-subtitle mbr-fonts-style\" mbr-if=\"showCaption\" mbr-theme-style=\"display-5\">\n <b>Fixed-Height Slider</b>\n </h5>\n <p class=\"mbr-section-text mbr-fonts-style\" mbr-if=\"showText\" mbr-theme-style=\"display-7\">\n Click on the image to edit slides.</p>\n </div>\n </div>\n </div><div class=\"carousel-item slider-image item\">\n <div class=\"item-wrapper\">\n <img class=\"d-block w-100\" src=\"@PROJECT_PATH@/assets/images/capture-dcran-2023-03-30-235903-563x405.png\" alt=\"Mobirise Website Builder\" data-slide-to=\"2\" data-bs-slide-to=\"2\">\n <div class=\"carousel-caption d-none d-md-block\" mbr-if=\"showCaption || showText\">\n <h5 class=\"mbr-section-subtitle mbr-fonts-style\" mbr-if=\"showCaption\" mbr-theme-style=\"display-5\">\n <b>Fixed-Height Slider</b>\n </h5>\n <p class=\"mbr-section-text mbr-fonts-style\" mbr-if=\"showText\" mbr-theme-style=\"display-7\">\n Click on the image to edit slides.</p>\n </div>\n </div>\n </div><div class=\"carousel-item slider-image item\">\n <div class=\"item-wrapper\">\n <img class=\"d-block w-100\" src=\"@PROJECT_PATH@/assets/images/capture-dcran-2023-03-31-000723-563x296.png\" alt=\"Mobirise Website Builder\" data-slide-to=\"3\" data-bs-slide-to=\"3\">\n <div class=\"carousel-caption d-none d-md-block\" mbr-if=\"showCaption || showText\">\n <h5 class=\"mbr-section-subtitle mbr-fonts-style\" mbr-if=\"showCaption\" mbr-theme-style=\"display-5\">\n <b>Fixed-Height Slider</b>\n </h5>\n <p class=\"mbr-section-text mbr-fonts-style\" mbr-if=\"showText\" mbr-theme-style=\"display-7\">\n Click on the image to edit slides.</p>\n </div>\n </div>\n </div><div class=\"carousel-item slider-image item\">\n <div class=\"item-wrapper\">\n <img class=\"d-block w-100\" src=\"@PROJECT_PATH@/assets/images/capture-dcran-2023-03-31-000754-563x367.png\" alt=\"Mobirise Website Builder\" data-slide-to=\"4\" data-bs-slide-to=\"4\">\n <div class=\"carousel-caption d-none d-md-block\" mbr-if=\"showCaption || showText\">\n <h5 class=\"mbr-section-subtitle mbr-fonts-style\" mbr-if=\"showCaption\" mbr-theme-style=\"display-5\">\n <b>Fixed-Height Slider</b>\n </h5>\n <p class=\"mbr-section-text mbr-fonts-style\" mbr-if=\"showText\" mbr-theme-style=\"display-7\">\n Click on the image to edit slides.</p>\n </div>\n </div>\n </div><div class=\"carousel-item slider-image item\">\n <div class=\"item-wrapper\">\n <img class=\"d-block w-100\" src=\"@PROJECT_PATH@/assets/images/capture-dcran-2023-03-31-000812-349x140.png\" alt=\"Mobirise Website Builder\" data-slide-to=\"5\" data-bs-slide-to=\"5\">\n <div class=\"carousel-caption d-none d-md-block\" mbr-if=\"showCaption || showText\">\n <h5 class=\"mbr-section-subtitle mbr-fonts-style\" mbr-if=\"showCaption\" mbr-theme-style=\"display-5\">\n <b>Fixed-Height Slider</b>\n </h5>\n <p class=\"mbr-section-text mbr-fonts-style\" mbr-if=\"showText\" mbr-theme-style=\"display-7\">\n Click on the image to edit slides.</p>\n </div>\n </div>\n </div><div class=\"carousel-item slider-image item\">\n <div class=\"item-wrapper\">\n <img class=\"d-block w-100\" src=\"@PROJECT_PATH@/assets/images/capture-dcran-2023-03-31-000913-240x159.png\" alt=\"Mobirise Website Builder\" data-slide-to=\"6\" data-bs-slide-to=\"6\">\n <div class=\"carousel-caption d-none d-md-block\" mbr-if=\"showCaption || showText\">\n <h5 class=\"mbr-section-subtitle mbr-fonts-style\" mbr-if=\"showCaption\" mbr-theme-style=\"display-5\">\n <b>Fixed-Height Slider</b>\n </h5>\n <p class=\"mbr-section-text mbr-fonts-style\" mbr-if=\"showText\" mbr-theme-style=\"display-7\">\n Click on the image to edit slides.</p>\n </div>\n </div>\n </div><div class=\"carousel-item slider-image item\">\n <div class=\"item-wrapper\">\n <img class=\"d-block w-100\" src=\"@PROJECT_PATH@/assets/images/capture-dcran-2023-03-31-000932-506x506.png\" alt=\"Mobirise Website Builder\" data-slide-to=\"7\" data-bs-slide-to=\"7\">\n <div class=\"carousel-caption d-none d-md-block\" mbr-if=\"showCaption || showText\">\n <h5 class=\"mbr-section-subtitle mbr-fonts-style\" mbr-if=\"showCaption\" mbr-theme-style=\"display-5\">\n <b>Fixed-Height Slider</b>\n </h5>\n <p class=\"mbr-section-text mbr-fonts-style\" mbr-if=\"showText\" mbr-theme-style=\"display-7\">\n Click on the image to edit slides.</p>\n </div>\n </div>\n </div><div class=\"carousel-item slider-image item\">\n <div class=\"item-wrapper\">\n <img class=\"d-block w-100\" src=\"@PROJECT_PATH@/assets/images/capture-dcran-2023-03-31-000953-563x313.png\" alt=\"Mobirise Website Builder\" data-slide-to=\"8\" data-bs-slide-to=\"8\">\n <div class=\"carousel-caption d-none d-md-block\" mbr-if=\"showCaption || showText\">\n <h5 class=\"mbr-section-subtitle mbr-fonts-style\" mbr-if=\"showCaption\" mbr-theme-style=\"display-5\">\n <b>Fixed-Height Slider</b>\n </h5>\n <p class=\"mbr-section-text mbr-fonts-style\" mbr-if=\"showText\" mbr-theme-style=\"display-7\">\n Click on the image to edit slides.</p>\n </div>\n </div>\n </div>\n </div>\n <a class=\"carousel-control carousel-control-prev\" href=\"#{{sliderId}}\" role=\"button\" data-slide=\"prev\" data-bs-slide=\"prev\">\n <span class=\"mobi-mbri mobi-mbri-arrow-prev\" aria-hidden=\"true\"></span>\n <span class=\"sr-only visually-hidden\">Previous</span>\n </a>\n <a class=\"carousel-control carousel-control-next\" href=\"#{{sliderId}}\" role=\"button\" data-slide=\"next\" data-bs-slide=\"next\">\n <span class=\"mobi-mbri mobi-mbri-arrow-next\" aria-hidden=\"true\"></span>\n <span class=\"sr-only visually-hidden\">Next</span>\n </a>\n </div>\n </div>\n </div>\n </div>\n</section>",
|
||
"_cid": "tzmrInHaUp",
|
||
"_anchor": "slider2-3",
|
||
"_protectedParams": [],
|
||
"_global": false,
|
||
"_once": false,
|
||
"_params": {}
|
||
},
|
||
{
|
||
"alias": false,
|
||
"_styles": {
|
||
"padding-top": "(@paddingTop * 1rem)",
|
||
"padding-bottom": "(@paddingBottom * 1rem)",
|
||
"& when (@bg-type = \"color\")": {
|
||
"background-color": "@bg-value"
|
||
},
|
||
"& when (@bg-type = \"image\")": {
|
||
"background-image": "url(@bg-value)",
|
||
"& when (@overlay)": {
|
||
".mbr-overlay": {
|
||
"background": "@overlayColor",
|
||
"opacity": "@overlayOpacity"
|
||
}
|
||
}
|
||
},
|
||
"img, .item-img": {
|
||
"width": "100%",
|
||
"& when (@autoSize)": {
|
||
"height": "100%",
|
||
"object-fit": "cover",
|
||
"& when (@showCardTitle)": {
|
||
"height": "(@imageHeight * 100px)",
|
||
"object-fit": "cover"
|
||
},
|
||
"& when (@showCardSubtitle)": {
|
||
"height": "(@imageHeight * 100px)",
|
||
"object-fit": "cover"
|
||
},
|
||
"& when (@showText)": {
|
||
"height": "(@imageHeight * 100px)",
|
||
"object-fit": "cover"
|
||
},
|
||
"& when (@showButtons)": {
|
||
"height": "(@imageHeight * 100px)",
|
||
"object-fit": "cover"
|
||
}
|
||
}
|
||
},
|
||
".item:focus, span:focus": {
|
||
"outline": "none"
|
||
},
|
||
".item-wrapper": {
|
||
"position": "relative"
|
||
},
|
||
".slide-content": {
|
||
"position": "relative",
|
||
"border-radius": "4px",
|
||
"background": "@cardsBg",
|
||
"height": "100%",
|
||
"display": "flex",
|
||
"overflow": "hidden",
|
||
"flex-flow": "column nowrap",
|
||
"@media (min-width: 992px)": {
|
||
"& when (@showButtons)": {
|
||
".item-content": {
|
||
"padding": "2rem 2rem 0"
|
||
},
|
||
".item-footer": {
|
||
"padding": "0 2rem 2rem"
|
||
}
|
||
},
|
||
"& when not (@showButtons)": {
|
||
".item-content": {
|
||
"padding": "2rem"
|
||
}
|
||
}
|
||
},
|
||
"@media (max-width: 991px)": {
|
||
"& when (@showButtons)": {
|
||
".item-content": {
|
||
"padding": "1rem 1rem 0"
|
||
},
|
||
".item-footer": {
|
||
"padding": "0 1rem 1rem"
|
||
}
|
||
},
|
||
"& when not (@showButtons)": {
|
||
".item-content": {
|
||
"padding": "1rem"
|
||
}
|
||
}
|
||
}
|
||
},
|
||
".mbr-section-btn": {
|
||
"margin-top": "auto !important"
|
||
},
|
||
".mbr-section-title": {
|
||
"color": "#ffffff"
|
||
},
|
||
".mbr-text, .mbr-section-btn": {
|
||
"text-align": "left",
|
||
"color": "#ffffff"
|
||
},
|
||
".item-title": {
|
||
"text-align": "left",
|
||
"color": "#ffffff"
|
||
},
|
||
".item-subtitle": {
|
||
"text-align": "left",
|
||
"color": "#bbbbbb"
|
||
},
|
||
".embla__slide": {
|
||
"display": "flex",
|
||
"justify-content": "center",
|
||
"position": "relative",
|
||
"min-width": "370px",
|
||
"max-width": "370px",
|
||
"@media (max-width: 768px)": {
|
||
"min-width": "70%",
|
||
"max-width": "initial",
|
||
"margin-left": "1rem !important",
|
||
"margin-right": "1rem !important"
|
||
}
|
||
},
|
||
".embla__button--next, .embla__button--prev": {
|
||
"display": "flex"
|
||
},
|
||
".embla__button": {
|
||
"top": "50%",
|
||
"width": "60px",
|
||
"height": "60px",
|
||
"margin-top": "-1.5rem",
|
||
"font-size": "22px",
|
||
"background-color": "rgba(0, 0, 0, 0.5)",
|
||
"color": "#fff",
|
||
"border": "2px solid #fff",
|
||
"border-radius": "50%",
|
||
"transition": "all 0.3s",
|
||
"position": "absolute",
|
||
"display": "flex",
|
||
"justify-content": "center",
|
||
"align-items": "center",
|
||
"& when not (@arrows)": {
|
||
"display": "none"
|
||
},
|
||
"& when not (@arrowsMobile)": {
|
||
"@media (max-width: 768px)": {
|
||
"display": "none"
|
||
}
|
||
},
|
||
"&:disabled": {
|
||
"cursor": "default",
|
||
"display": "none"
|
||
},
|
||
"&:hover": {
|
||
"background": "#000",
|
||
"color": "rgba(255, 255, 255, 0.5)"
|
||
},
|
||
"&.embla__button--prev": {
|
||
"left": "0",
|
||
"margin-left": "2.5rem"
|
||
},
|
||
"&.embla__button--next": {
|
||
"right": "0",
|
||
"margin-right": "2.5rem"
|
||
},
|
||
"@media (max-width: 767px)": {
|
||
"top": "auto"
|
||
}
|
||
},
|
||
".embla": {
|
||
"position": "relative",
|
||
"width": "100%"
|
||
},
|
||
".embla__viewport": {
|
||
"overflow": "hidden",
|
||
"width": "100%"
|
||
},
|
||
".embla__viewport.is-draggable": {
|
||
"cursor": "grab"
|
||
},
|
||
".embla__viewport.is-dragging": {
|
||
"cursor": "grabbing"
|
||
},
|
||
".embla__container": {
|
||
"display": "flex",
|
||
"user-select": "none",
|
||
"-webkit-touch-callout": "none",
|
||
"-khtml-user-select": "none",
|
||
"-webkit-tap-highlight-color": "transparent",
|
||
"@media (max-width: 768px)": {
|
||
"margin-left": "1.3rem",
|
||
"margin-right": "1.3rem",
|
||
"& .embla__slide:first-child": {
|
||
"margin-left": "2rem !important"
|
||
},
|
||
"& .embla__slide:last-child": {
|
||
"margin-right": "2rem !important"
|
||
}
|
||
}
|
||
}
|
||
},
|
||
"_name": "slider5",
|
||
"_sourceTheme": "mobirise5",
|
||
"_customHTML": "<section data-bs-version=\"5.1\" class=\"slider5 mbr-embla\" group=\"Sliders & Galleries\" plugins=\"embla\" mbr-class=\"{\n 'mbr-fullscreen': fullScreen,\n 'mbr-parallax-background': bg.parallax}\">\n <mbr-parameters>\n <header>Size</header>\n <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\" checked=\"\">\n <input type=\"range\" inline=\"\" title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"0\">\n <input type=\"range\" inline=\"\" title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"0\">\n <header>Show/Hide</header>\n <input type=\"checkbox\" name=\"showTitle\" title=\"Title\" checked=\"\">\n <input type=\"checkbox\" name=\"showSubtitle\" title=\"Subtitle\">\n <header>Carousel</header>\n <input type=\"checkbox\" title=\"Autoplay\" name=\"autoplay\">\n <input type=\"range\" title=\"Interval\" name=\"interval\" min=\"1\" max=\"10\" value=\"5\" step=\"1\" condition=\"autoplay\">\n <input type=\"checkbox\" title=\"Loop\" name=\"loop\">\n <input type=\"checkbox\" title=\"Draggable\" name=\"draggable\" checked=\"\">\n <input type=\"checkbox\" name=\"arrows\" title=\"Arrows\" checked=\"\">\n <input type=\"checkbox\" name=\"arrowsMobile\" title=\"Mobile Arrows\" condition=\"arrows\" checked=\"\">\n <header>Cards</header>\n <input type=\"checkbox\" name=\"autoSize\" title=\"Auto Size\" checked=\"\">\n <input type=\"range\" name=\"imageHeight\" title=\"Height\" min=\"1\" max=\"5\" step=\"1\" value=\"3\" condition=\"autoSize && !(showButtons==false && showCardSubtitle==false && showCardTitle==false && showText==false)\">\n <input type=\"range\" name=\"gap\" title=\"Gap\" min=\"0\" max=\"10\" step=\"1\" value=\"1\">\n <input type=\"checkbox\" name=\"showCardTitle\" title=\"Title\" checked=\"\">\n <input type=\"checkbox\" name=\"showCardSubtitle\" title=\"Subtitle\" checked=\"\">\n <input type=\"checkbox\" name=\"showText\" title=\"Text\" checked=\"\">\n <input type=\"checkbox\" name=\"showButtons\" title=\"Buttons\" checked=\"\">\n <input type=\"color\" name=\"cardsBg\" title=\"BG\" value=\"#353535\">\n <header>Background</header>\n <fieldset type=\"background\" name=\"bg\" parallax=\"\" required=\"\">\n <input type=\"image\" title=\"Image\" value=\"../_images/background3.jpg\">\n <input type=\"color\" title=\"Color\" value=\"#353535\" selected=\"\">\n </fieldset>\n <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\" checked=\"\">\n <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#fafafa\" condition=\"overlay && bg.type == 'image'\">\n <input type=\"range\" inline=\"\" title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.6\" condition=\"overlay && bg.type == 'image'\">\n </mbr-parameters>\n <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type !== 'color'\"></div>\n <div class=\"position-relative\">\n <div class=\"mbr-section-head\" mbr-if=\"showTitle || showSubtitle\">\n <h4 class=\"mbr-section-title mbr-fonts-style align-center mb-0\" mbr-theme-style=\"display-2\" mbr-if=\"showTitle\" data-app-selector=\".mbr-section-title\">\n <b>Fontionalité</b></h4>\n <h5 class=\"mbr-section-subtitle mbr-fonts-style align-center mb-0 mt-2\" mbr-theme-style=\"display-5\" mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle\">To add more cards, hover on a card and\n click 'Add items'</h5>\n </div>\n <div class=\"embla mt-4\" data-loop=\"{{loop}}\" data-auto-play=\"{{autoplay}}\" data-auto-play-interval=\"{{interval}}\" data-draggable=\"{{draggable}}\" data-skip-snaps=\"true\" data-align=\"center\" data-contain-scroll=\"trimSnaps\">\n <div class=\"embla__viewport\" mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n <div class=\"embla__container\">\n \n \n \n <div class=\"embla__slide slider-image item active\" mbr-style=\"{'margin-left': gap + 'rem', 'margin-right': gap + 'rem'}\">\n <div class=\"slide-content\">\n <div class=\"item-img\">\n <div class=\"item-wrapper\">\n <img src=\"@PROJECT_PATH@/assets/images/capture-dcran-2023-03-30-235828-598x430.png\" alt=\"Mobirise Website Builder\" title=\"\" data-slide-to=\"0\" data-bs-slide-to=\"0\">\n </div>\n </div>\n <div class=\"item-content\" mbr-if=\"showCardTitle || showCardSubtitle || showText || showButtons\">\n <h5 class=\"item-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".item-title\" mbr-if=\"showCardTitle\"><b>Film streaming</b></h5>\n <h6 class=\"item-subtitle mbr-fonts-style mt-1\" mbr-theme-style=\"display-7\" data-app-selector=\".item-subtitle\" mbr-if=\"showCardSubtitle\"></h6>\n <p class=\"mbr-text mbr-fonts-style mt-3\" mbr-if=\"showText\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-text, .mbr-section-btn\">Avec lecteur média vous pouvez regarder des film mais aussi les télécharger pour pouvoir les regarder en mode hors connection.</p>\n </div>\n <div class=\"mbr-section-btn item-footer mt-2\" mbr-if=\"showButtons\" data-toolbar=\"-mbrBtnMove,-mbrBtnAdd\" mbr-buttons=\"\" mbr-theme-style=\"display-7\"><a href=\"Téléchargement.html#features21-7\" class=\"btn item-btn btn-danger\" data-app-placeholder=\"Type Text\"><span class=\"mobi-mbri mobi-mbri-download-2 mbr-iconfont mbr-iconfont-btn\"></span>Télécharger</a></div>\n </div>\n </div><div class=\"embla__slide slider-image item\" mbr-style=\"{'margin-left': gap + 'rem', 'margin-right': gap + 'rem'}\">\n <div class=\"slide-content\">\n <div class=\"item-img\">\n <div class=\"item-wrapper\">\n <img src=\"@PROJECT_PATH@/assets/images/capture-dcran-2023-03-31-000627-748x450.png\" alt=\"Mobirise Website Builder\" title=\"\" data-slide-to=\"1\" data-bs-slide-to=\"1\">\n </div>\n </div>\n <div class=\"item-content\" mbr-if=\"showCardTitle || showCardSubtitle || showText || showButtons\">\n <h5 class=\"item-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".item-title\" mbr-if=\"showCardTitle\"><b>Thème noir</b></h5>\n <h6 class=\"item-subtitle mbr-fonts-style mt-1\" mbr-theme-style=\"display-7\" data-app-selector=\".item-subtitle\" mbr-if=\"showCardSubtitle\"></h6>\n <p class=\"mbr-text mbr-fonts-style mt-3\" mbr-if=\"showText\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-text, .mbr-section-btn\">Avec lecteur média vous pouvez personnalisé votre lecteur, en activent le theme noir, vous pouvez modifier l'image de la musique est bien plus....</p>\n </div>\n <div class=\"mbr-section-btn item-footer mt-2\" mbr-if=\"showButtons\" data-toolbar=\"-mbrBtnMove,-mbrBtnAdd\" mbr-buttons=\"\" mbr-theme-style=\"display-7\"><a href=\"Téléchargement.html#features21-7\" class=\"btn item-btn btn-danger\" data-app-placeholder=\"Type Text\"><span class=\"mobi-mbri mobi-mbri-download-2 mbr-iconfont mbr-iconfont-btn\"></span>Télécharger</a></div>\n </div>\n </div><div class=\"embla__slide slider-image item\" mbr-style=\"{'margin-left': gap + 'rem', 'margin-right': gap + 'rem'}\">\n <div class=\"slide-content\">\n <div class=\"item-img\">\n <div class=\"item-wrapper\">\n <img src=\"@PROJECT_PATH@/assets/images/bndfodi-256x256.png\" alt=\"Mobirise Website Builder\" title=\"\" data-slide-to=\"2\" data-bs-slide-to=\"2\">\n </div>\n </div>\n <div class=\"item-content\" mbr-if=\"showCardTitle || showCardSubtitle || showText || showButtons\">\n <h5 class=\"item-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".item-title\" mbr-if=\"showCardTitle\"><b>Web radio</b></h5>\n <h6 class=\"item-subtitle mbr-fonts-style mt-1\" mbr-theme-style=\"display-7\" data-app-selector=\".item-subtitle\" mbr-if=\"showCardSubtitle\"></h6>\n <p class=\"mbr-text mbr-fonts-style mt-3\" mbr-if=\"showText\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-text, .mbr-section-btn\">Avec lecteur média vous pouvez écouter des web radio comme RFM, RMC, etc.... mais vos prope web radio.</p>\n </div>\n <div class=\"mbr-section-btn item-footer mt-2\" mbr-if=\"showButtons\" data-toolbar=\"-mbrBtnMove,-mbrBtnAdd\" mbr-buttons=\"\" mbr-theme-style=\"display-7\"><a href=\"Téléchargement.html#features21-7\" class=\"btn item-btn btn-danger\" data-app-placeholder=\"Type Text\"><span class=\"mobi-mbri mobi-mbri-download-2 mbr-iconfont mbr-iconfont-btn\"></span>Télécharger</a></div>\n </div>\n </div><div class=\"embla__slide slider-image item\" mbr-style=\"{'margin-left': gap + 'rem', 'margin-right': gap + 'rem'}\">\n <div class=\"slide-content\">\n <div class=\"item-img\">\n <div class=\"item-wrapper\">\n <img src=\"@PROJECT_PATH@/assets/images/menu-srie-748x538.png\" alt=\"Mobirise Website Builder\" title=\"\" data-slide-to=\"3\" data-bs-slide-to=\"3\">\n </div>\n </div>\n <div class=\"item-content\" mbr-if=\"showCardTitle || showCardSubtitle || showText || showButtons\">\n <h5 class=\"item-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".item-title\" mbr-if=\"showCardTitle\"><b>Séries streaming</b></h5>\n <h6 class=\"item-subtitle mbr-fonts-style mt-1\" mbr-theme-style=\"display-7\" data-app-selector=\".item-subtitle\" mbr-if=\"showCardSubtitle\"></h6>\n <p class=\"mbr-text mbr-fonts-style mt-3\" mbr-if=\"showText\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-text, .mbr-section-btn\">Avec lecteur média pouvez regarder des séries mais aussi les télécharger pour pouvoir les regarder en mode hors connection.</p>\n </div>\n <div class=\"mbr-section-btn item-footer mt-2\" mbr-if=\"showButtons\" data-toolbar=\"-mbrBtnMove,-mbrBtnAdd\" mbr-buttons=\"\" mbr-theme-style=\"display-7\"><a href=\"Téléchargement.html#features21-7\" class=\"btn item-btn btn-danger\" data-app-placeholder=\"Type Text\"><span class=\"mobi-mbri mobi-mbri-download-2 mbr-iconfont mbr-iconfont-btn\"></span>Télécharger</a></div>\n </div>\n </div><div class=\"embla__slide slider-image item\" mbr-style=\"{'margin-left': gap + 'rem', 'margin-right': gap + 'rem'}\">\n <div class=\"slide-content\">\n <div class=\"item-img\">\n <div class=\"item-wrapper\">\n <img src=\"@PROJECT_PATH@/assets/images/capture-dcran-2023-03-24-234220-485x255.png\" alt=\"Mobirise Website Builder\" title=\"\" data-slide-to=\"4\" data-bs-slide-to=\"4\">\n </div>\n </div>\n <div class=\"item-content\" mbr-if=\"showCardTitle || showCardSubtitle || showText || showButtons\">\n <h5 class=\"item-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".item-title\" mbr-if=\"showCardTitle\"><b>Compte lecteur média</b></h5>\n <h6 class=\"item-subtitle mbr-fonts-style mt-1\" mbr-theme-style=\"display-7\" data-app-selector=\".item-subtitle\" mbr-if=\"showCardSubtitle\"></h6>\n <p class=\"mbr-text mbr-fonts-style mt-3\" mbr-if=\"showText\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-text, .mbr-section-btn\">Avec lecteur média vous pouvez vous créer un compte gratuitement, vous aurez un drive est de fonctionnalité supplémentaire.....</p>\n </div>\n <div class=\"mbr-section-btn item-footer mt-2\" mbr-if=\"showButtons\" data-toolbar=\"-mbrBtnMove,-mbrBtnAdd\" mbr-buttons=\"\" mbr-theme-style=\"display-7\"><a href=\"Téléchargement.html#features21-7\" class=\"btn item-btn btn-danger\" data-app-placeholder=\"Type Text\"><span class=\"mobi-mbri mobi-mbri-download-2 mbr-iconfont mbr-iconfont-btn\"></span>Télécharger</a></div>\n </div>\n </div><div class=\"embla__slide slider-image item\" mbr-style=\"{'margin-left': gap + 'rem', 'margin-right': gap + 'rem'}\">\n <div class=\"slide-content\">\n <div class=\"item-img\">\n <div class=\"item-wrapper\">\n <img src=\"@PROJECT_PATH@/assets/images/capture-dcran-2023-03-24-234929-485x269.png\" alt=\"Mobirise Website Builder\" title=\"\" data-slide-to=\"5\" data-bs-slide-to=\"5\">\n </div>\n </div>\n <div class=\"item-content\" mbr-if=\"showCardTitle || showCardSubtitle || showText || showButtons\">\n <h5 class=\"item-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".item-title\" mbr-if=\"showCardTitle\"><b>Musique streaming</b></h5>\n <h6 class=\"item-subtitle mbr-fonts-style mt-1\" mbr-theme-style=\"display-7\" data-app-selector=\".item-subtitle\" mbr-if=\"showCardSubtitle\"></h6>\n <p class=\"mbr-text mbr-fonts-style mt-3\" mbr-if=\"showText\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-text, .mbr-section-btn\">Avec lecteur média vous pouvez écouter des la musique mais aussi le télécharge ou même l'ajouter a une playlist, cet partie du logiciel<br>est communautaire.</p>\n </div>\n <div class=\"mbr-section-btn item-footer mt-2\" mbr-if=\"showButtons\" data-toolbar=\"-mbrBtnMove,-mbrBtnAdd\" mbr-buttons=\"\" mbr-theme-style=\"display-7\"><a href=\"Téléchargement.html#features21-7\" class=\"btn item-btn btn-danger\" data-app-placeholder=\"Type Text\"><span class=\"mobi-mbri mobi-mbri-download-2 mbr-iconfont mbr-iconfont-btn\"></span>Télécharger</a></div>\n </div>\n </div><div class=\"embla__slide slider-image item\" mbr-style=\"{'margin-left': gap + 'rem', 'margin-right': gap + 'rem'}\">\n <div class=\"slide-content\">\n <div class=\"item-img\">\n <div class=\"item-wrapper\">\n <img src=\"@PROJECT_PATH@/assets/images/capture-dcran-2023-03-24-235432-308x111.png\" alt=\"Mobirise Website Builder\" title=\"\" data-slide-to=\"6\" data-bs-slide-to=\"6\">\n </div>\n </div>\n <div class=\"item-content\" mbr-if=\"showCardTitle || showCardSubtitle || showText || showButtons\">\n <h5 class=\"item-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".item-title\" mbr-if=\"showCardTitle\"><b>Widget</b></h5>\n <h6 class=\"item-subtitle mbr-fonts-style mt-1\" mbr-theme-style=\"display-7\" data-app-selector=\".item-subtitle\" mbr-if=\"showCardSubtitle\"></h6>\n <p class=\"mbr-text mbr-fonts-style mt-3\" mbr-if=\"showText\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-text, .mbr-section-btn\">Avec lecteur média vous pouvez avoir un widget qui vous permet d'écouter vos musique, web radio, playlist.</p>\n </div>\n <div class=\"mbr-section-btn item-footer mt-2\" mbr-if=\"showButtons\" data-toolbar=\"-mbrBtnMove,-mbrBtnAdd\" mbr-buttons=\"\" mbr-theme-style=\"display-7\"><a href=\"Téléchargement.html#features21-7\" class=\"btn item-btn btn-danger\" data-app-placeholder=\"Type Text\"><span class=\"mobi-mbri mobi-mbri-download-2 mbr-iconfont mbr-iconfont-btn\"></span>Télécharger</a></div>\n </div>\n </div>\n </div>\n </div>\n <button class=\"embla__button embla__button--prev\">\n <span class=\"mobi-mbri mobi-mbri-arrow-prev mbr-iconfont\" aria-hidden=\"true\"></span>\n <span class=\"sr-only visually-hidden visually-hidden\">Previous</span>\n </button>\n <button class=\"embla__button embla__button--next\">\n <span class=\"mobi-mbri mobi-mbri-arrow-next mbr-iconfont\" aria-hidden=\"true\"></span>\n <span class=\"sr-only visually-hidden visually-hidden\">Next</span>\n </button>\n </div>\n </div>\n</section>",
|
||
"_cid": "tzmsIkGvcS",
|
||
"_anchor": "slider5-4",
|
||
"_protectedParams": [],
|
||
"_global": false,
|
||
"_once": false,
|
||
"_params": {}
|
||
},
|
||
{
|
||
"alias": false,
|
||
"_styles": {
|
||
"& when not (@sticky)": {
|
||
".navbar-dropdown": {
|
||
"position": "relative !important"
|
||
},
|
||
"& when (@transparent)": {
|
||
".navbar-dropdown": {
|
||
"position": "absolute !important"
|
||
}
|
||
}
|
||
},
|
||
"& when (@sticky)": {
|
||
"z-index": "1000",
|
||
"width": "100%",
|
||
"& when not (@transparent)": {
|
||
"position": "relative",
|
||
"min-height": "60px"
|
||
},
|
||
"nav.navbar": {
|
||
"position": "fixed"
|
||
}
|
||
},
|
||
".dropdown-item:before": {
|
||
"font-family": "Moririse2 !important",
|
||
"content": "\"\\e966\"",
|
||
"display": "inline-block",
|
||
"width": "0",
|
||
"position": "absolute",
|
||
"left": "1rem",
|
||
"top": "0.5rem",
|
||
"margin-right": "0.5rem",
|
||
"line-height": "1",
|
||
"font-size": "inherit",
|
||
"vertical-align": "middle",
|
||
"text-align": "center",
|
||
"overflow": "hidden",
|
||
"transform": "scale(0, 1)",
|
||
"transition": "all 0.25s ease-in-out"
|
||
},
|
||
".dropdown-menu": {
|
||
"padding": "0",
|
||
"border-radius": "4px",
|
||
"box-shadow": "0 1px 3px 0 rgba(0, 0, 0, 0.1)"
|
||
},
|
||
".dropdown-item": {
|
||
"border-bottom": "1px solid #e6e6e6",
|
||
"&:hover, &:focus": {
|
||
"background": "@primaryColor !important",
|
||
"color": "white !important"
|
||
},
|
||
"&:first-child": {
|
||
"border-top-left-radius": "4px",
|
||
"border-top-right-radius": "4px"
|
||
},
|
||
"&:last-child": {
|
||
"border-bottom": "none",
|
||
"border-bottom-left-radius": "4px",
|
||
"border-bottom-right-radius": "4px"
|
||
}
|
||
},
|
||
".nav-dropdown .link": {
|
||
"padding": "0 0.3em !important",
|
||
"margin": "0.667em 1em !important"
|
||
},
|
||
".nav-dropdown .link.dropdown-toggle::after": {
|
||
"margin-left": "0.5rem",
|
||
"margin-top": "0.2rem"
|
||
},
|
||
".nav-link": {
|
||
"position": "relative"
|
||
},
|
||
".container": {
|
||
"display": "flex",
|
||
"margin": "auto"
|
||
},
|
||
".iconfont-wrapper": {
|
||
"color": "@iconsColor !important",
|
||
"font-size": "1.5rem",
|
||
"padding-right": "0.5rem"
|
||
},
|
||
".navbar-caption": {},
|
||
".navbar-nav": {},
|
||
".dropdown-menu, .navbar.opened": {
|
||
"background": "@menuBgColor !important"
|
||
},
|
||
".nav-item:focus, .nav-link:focus": {
|
||
"outline": "none"
|
||
},
|
||
".dropdown .dropdown-menu .dropdown-item": {
|
||
"width": "auto",
|
||
"transition": "all 0.25s ease-in-out",
|
||
"&::after": {
|
||
"right": "0.5rem"
|
||
},
|
||
".mbr-iconfont": {
|
||
"margin-right": "0.5rem",
|
||
"vertical-align": "sub",
|
||
"&:before": {
|
||
"display": "inline-block",
|
||
"transform": "scale(1, 1)",
|
||
"transition": "all 0.25s ease-in-out"
|
||
}
|
||
}
|
||
},
|
||
".collapsed": {
|
||
".dropdown-menu .dropdown-item:before": {
|
||
"display": "none"
|
||
},
|
||
".dropdown .dropdown-menu .dropdown-item": {
|
||
"padding": "0.235em 1.5em 0.235em 1.5em !important",
|
||
"transition": "none",
|
||
"margin": "0 !important"
|
||
}
|
||
},
|
||
".navbar": {
|
||
"min-height": "70px",
|
||
"transition": "all 0.3s",
|
||
"border-bottom": "1px solid transparent",
|
||
"&:not(.navbar-short)": {},
|
||
"& when not (@transparent)": {
|
||
"box-shadow": "0 1px 3px 0 rgba(0, 0, 0, 0.1)",
|
||
"background": "@menuBgColor"
|
||
},
|
||
"& when (@transparent)": {
|
||
"background": "rgba(red(@menuBgColor), green(@menuBgColor), blue(@menuBgColor), @opacity)"
|
||
},
|
||
"&.opened": {
|
||
"transition": "all 0.3s"
|
||
},
|
||
".dropdown-item": {
|
||
"padding": "0.5rem 1.8rem"
|
||
},
|
||
".navbar-logo img": {
|
||
"width": "auto"
|
||
},
|
||
".navbar-collapse": {
|
||
"justify-content": "flex-end",
|
||
"z-index": "1"
|
||
},
|
||
"&.collapsed": {
|
||
"justify-content": "center",
|
||
".nav-item .nav-link::before": {
|
||
"display": "none"
|
||
},
|
||
"&.opened": {
|
||
".dropdown-menu": {
|
||
"top": "0"
|
||
},
|
||
"@media (min-width: 992px)": {
|
||
"&:not(.navbar-short) .navbar-collapse when (@showLogo)": {
|
||
"max-height": "~\"calc(98.5vh - @{logoSize}rem)\""
|
||
}
|
||
}
|
||
},
|
||
".dropdown-menu": {
|
||
".dropdown-submenu": {
|
||
"left": "0 !important"
|
||
},
|
||
".dropdown-item:after": {
|
||
"right": "auto"
|
||
},
|
||
".dropdown-toggle[data-toggle=\"dropdown-submenu\"]:after": {
|
||
"margin-left": "0.5rem",
|
||
"margin-top": "0.2rem",
|
||
"border-top": "0.35em solid",
|
||
"border-right": "0.35em solid transparent",
|
||
"border-left": "0.35em solid transparent",
|
||
"border-bottom": "0",
|
||
"top": "41%"
|
||
}
|
||
},
|
||
"ul.navbar-nav": {
|
||
"li": {
|
||
"margin": "auto"
|
||
}
|
||
},
|
||
".dropdown-menu .dropdown-item": {
|
||
"padding": "0.25rem 1.5rem",
|
||
"text-align": "center"
|
||
},
|
||
".icons-menu": {
|
||
"padding-left": "0",
|
||
"padding-right": "0",
|
||
"padding-top": "0.5rem",
|
||
"padding-bottom": "0.5rem"
|
||
}
|
||
},
|
||
"@media (max-width: 991px)": {
|
||
".nav-item .nav-link::before": {
|
||
"display": "none"
|
||
},
|
||
"&.opened": {
|
||
".dropdown-menu": {
|
||
"top": "0"
|
||
}
|
||
},
|
||
".dropdown-menu": {
|
||
".dropdown-submenu": {
|
||
"left": "0 !important"
|
||
},
|
||
".dropdown-item:after": {
|
||
"right": "auto"
|
||
},
|
||
".dropdown-toggle[data-toggle=\"dropdown-submenu\"]:after": {
|
||
"margin-left": "0.5rem",
|
||
"margin-top": "0.2rem",
|
||
"border-top": "0.35em solid",
|
||
"border-right": "0.35em solid transparent",
|
||
"border-left": "0.35em solid transparent",
|
||
"border-bottom": "0",
|
||
"top": "40%"
|
||
}
|
||
},
|
||
".navbar-logo": {
|
||
"img": {
|
||
"height": "3rem !important"
|
||
}
|
||
},
|
||
"ul.navbar-nav": {
|
||
"li": {
|
||
"margin": "auto"
|
||
}
|
||
},
|
||
".dropdown-menu .dropdown-item": {
|
||
"padding": "0.25rem 1.5rem !important",
|
||
"text-align": "center"
|
||
},
|
||
".navbar-brand": {
|
||
"flex-shrink": "initial",
|
||
"flex-basis": "auto",
|
||
"word-break": "break-word",
|
||
"padding-right": "2rem"
|
||
},
|
||
".navbar-toggler": {
|
||
"flex-basis": "auto"
|
||
},
|
||
".icons-menu": {
|
||
"padding-left": "0",
|
||
"padding-top": "0.5rem",
|
||
"padding-bottom": "0.5rem"
|
||
}
|
||
},
|
||
"&.navbar-short": {
|
||
"min-height": "60px",
|
||
".navbar-logo": {
|
||
"img": {
|
||
"height": "2.5rem !important"
|
||
}
|
||
},
|
||
".navbar-brand": {
|
||
"min-height": "60px",
|
||
"padding": "0"
|
||
}
|
||
}
|
||
},
|
||
".navbar-brand": {
|
||
"min-height": "70px",
|
||
"flex-shrink": "0",
|
||
"align-items": "center",
|
||
"margin-right": "0",
|
||
"padding": "10px 0",
|
||
"transition": "all 0.3s",
|
||
"word-break": "break-word",
|
||
"z-index": "1",
|
||
".navbar-caption": {
|
||
"line-height": "inherit !important"
|
||
},
|
||
".navbar-logo a": {
|
||
"outline": "none"
|
||
}
|
||
},
|
||
".dropdown-item.active, .dropdown-item:active": {
|
||
"background-color": "transparent"
|
||
},
|
||
".navbar-expand-lg .navbar-nav .nav-link": {
|
||
"padding": "0"
|
||
},
|
||
".nav-dropdown .link.dropdown-toggle": {
|
||
"margin-right": "1.667em",
|
||
"&[aria-expanded=\"true\"]": {
|
||
"margin-right": "0",
|
||
"padding": "0.667em 1.667em"
|
||
}
|
||
},
|
||
".navbar.navbar-expand-lg .dropdown": {
|
||
".dropdown-menu": {
|
||
"background": "@menuBgColor",
|
||
".dropdown-submenu": {
|
||
"margin": "0",
|
||
"left": "100%"
|
||
}
|
||
}
|
||
},
|
||
".navbar .dropdown.open > .dropdown-menu": {
|
||
"display": "block"
|
||
},
|
||
"ul.navbar-nav": {
|
||
"flex-wrap": "wrap"
|
||
},
|
||
".navbar-buttons": {
|
||
"text-align": "center",
|
||
"min-width": "170px"
|
||
},
|
||
"button.navbar-toggler": {
|
||
"outline": "none",
|
||
"width": "31px",
|
||
"height": "20px",
|
||
"cursor": "pointer",
|
||
"transition": "all 0.2s",
|
||
"position": "relative",
|
||
"align-self": "center",
|
||
".hamburger span": {
|
||
"position": "absolute",
|
||
"right": "0",
|
||
"width": "30px",
|
||
"height": "2px",
|
||
"border-right": "5px",
|
||
"background-color": "@hamburgerColor",
|
||
"&:nth-child(1)": {
|
||
"top": "0",
|
||
"transition": "all 0.2s"
|
||
},
|
||
"&:nth-child(2)": {
|
||
"top": "8px",
|
||
"transition": "all 0.15s"
|
||
},
|
||
"&:nth-child(3)": {
|
||
"top": "8px",
|
||
"transition": "all 0.15s"
|
||
},
|
||
"&:nth-child(4)": {
|
||
"top": "16px",
|
||
"transition": "all 0.2s"
|
||
}
|
||
}
|
||
},
|
||
"nav.opened .hamburger span": {
|
||
"&:nth-child(1)": {
|
||
"top": "8px",
|
||
"width": "0",
|
||
"opacity": "0",
|
||
"right": "50%",
|
||
"transition": "all 0.2s"
|
||
},
|
||
"&:nth-child(2)": {
|
||
"transform": "rotate(45deg)",
|
||
"transition": "all 0.25s"
|
||
},
|
||
"&:nth-child(3)": {
|
||
"transform": "rotate(-45deg)",
|
||
"transition": "all 0.25s"
|
||
},
|
||
"&:nth-child(4)": {
|
||
"top": "8px",
|
||
"width": "0",
|
||
"opacity": "0",
|
||
"right": "50%",
|
||
"transition": "all 0.2s"
|
||
}
|
||
},
|
||
".navbar-dropdown": {
|
||
"padding": "0 1rem",
|
||
"& when (@sticky)": {
|
||
"position": "fixed"
|
||
}
|
||
},
|
||
"a.nav-link": {
|
||
"display": "flex",
|
||
"align-items": "center",
|
||
"justify-content": "center"
|
||
},
|
||
".icons-menu": {
|
||
"flex-wrap": "nowrap",
|
||
"display": "flex",
|
||
"justify-content": "center",
|
||
"padding-left": "1rem",
|
||
"padding-right": "1rem",
|
||
"padding-top": "0.3rem",
|
||
"text-align": "center"
|
||
},
|
||
"@media screen and (~'-ms-high-contrast: active'), (~'-ms-high-contrast: none')": {
|
||
".navbar": {
|
||
"height": "70px",
|
||
"&.opened": {
|
||
"height": "auto"
|
||
}
|
||
},
|
||
".nav-item .nav-link:hover::before": {
|
||
"width": "175%",
|
||
"max-width": "calc(100% ~\"+\" 2rem)",
|
||
"left": "-1rem"
|
||
}
|
||
}
|
||
},
|
||
"_name": "menu1",
|
||
"_sourceTheme": "mobirise5",
|
||
"_customHTML": "<section data-bs-version=\"5.1\" class=\"menu menu1\" group=\"Menu\" plugins=\"DropDown, TouchSwipe\" always-top global once=\"menu\" not-draggable position-absolute>\n <mbr-parameters>\n <header>Size</header>\n <input type=\"checkbox\" name=\"fullWidth\" title=\"Full Width\">\n <header>Show/Hide</header>\n <input type=\"checkbox\" title=\"Logo\" name=\"showLogo\" checked>\n <input type=\"range\" title=\"Logo Size\" inline name=\"logoSize\" min=\"3\" max=\"8\" step=\"0.1\" value=\"3\" condition=\"showLogo\">\n <input type=\"checkbox\" title=\"Brand Name\" name=\"showBrand\" checked>\n <input type=\"checkbox\" title=\"Menu Items\" name=\"showItems\" checked>\n <input type=\"checkbox\" title=\"Icons\" name=\"showIcons\">\n <select title=\"Amount\" name=\"iconsAmount\" condition=\"showIcons\">\n <option value=\"1\">1</option>\n <option value=\"2\">2</option>\n <option value=\"3\" selected>3</option>\n <option value=\"4\">4</option>\n </select>\n <input type=\"color\" title=\"Icons Color\" name=\"iconsColor\" value=\"#000000\" condition=\"showIcons\">\n <input type=\"checkbox\" title=\"Button\" name=\"showButtons\" checked>\n <header>Styles</header>\n <input type=\"checkbox\" title=\"Sticky\" name=\"sticky\">\n <input type=\"checkbox\" title=\"Collapsed\" name=\"collapsed\">\n <input type=\"checkbox\" title=\"Transparent\" name=\"transparent\">\n <input type=\"range\" title=\"Opacity\" name=\"opacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.2\" condition=\"transparent\">\n <input type=\"color\" title=\"Color\" name=\"menuBgColor\" value=\"#353535\">\n <input type=\"color\" title=\"Hamburger\" name=\"hamburgerColor\" value=\"#ffffff\">\n </mbr-parameters>\n\n <nav class=\"navbar navbar-dropdown\" mbr-class=\"{'navbar-fixed-top':sticky,\n 'navbar-expand-lg':!collapsed,\n 'collapsed':collapsed}\">\n <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n <div class=\"navbar-brand\">\n <span mbr-if=\"showLogo\" class=\"navbar-logo\">\n <a href=\"index.html\">\n <img src=\"@PROJECT_PATH@/assets/images/39837401b03c65e8417ad48feae80b66-icon.png\" alt mbr-style=\"{'height': logoSize + 'rem'}\">\n </a>\n </span>\n <span mbr-if=\"showBrand\" mbr-buttons mbr-theme-style=\"display-7\" class=\"navbar-caption-wrap\" data-toolbar=\"-mbrBtnMove,-mbrBtnAdd,-mbrBtnRemove,-iconFont\"><a class=\"navbar-caption text-white text-primary\" data-app-selector=\".navbar-caption\" href=\"index.html\" data-app-placeholder=\"Type Text\">Lecteur média</a></span>\n </div>\n <button class=\"navbar-toggler\" type=\"button\" data-toggle=\"collapse\" data-bs-toggle=\"collapse\" data-target=\"#navbarSupportedContent\" data-bs-target=\"#navbarSupportedContent\" aria-controls=\"navbarNavAltMarkup\" aria-expanded=\"false\" aria-label=\"Toggle navigation\" mbr-if=\"showItems || showIcons || showButtons\">\n <div class=\"hamburger\">\n <span></span>\n <span></span>\n <span></span>\n <span></span>\n </div>\n </button>\n <div class=\"collapse navbar-collapse\" id=\"navbarSupportedContent\" mbr-if=\"showItems || showIcons || showButtons\">\n <ul mbr-menu class=\"navbar-nav nav-dropdown\" mbr-theme-style=\"display-4\" mbr-if=\"showItems\" mbr-class=\"{'nav-right': !showButtons,'navbar-nav-top-padding': isPublish && !showBrand && !showLogo}\"><li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"index.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Acceuil</a></li>\n <li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"A propos.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">A propos</a></li><li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"index.html#contacts1-c\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Nous Contacter</a>\n </li></ul>\n <div class=\"icons-menu\" mbr-if=\"showIcons\">\n <a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" target=\"_blank\">\n <span mbr-icon class=\"p-2 mbr-iconfont socicon-facebook socicon\"></span>\n </a>\n <a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" target=\"_blank\" mbr-if=\"iconsAmount > 1\">\n <span mbr-icon class=\"p-2 mbr-iconfont socicon-twitter socicon\"></span>\n </a>\n <a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" target=\"_blank\" mbr-if=\"iconsAmount > 2\">\n <span mbr-icon class=\"p-2 mbr-iconfont socicon-instagram socicon\"></span>\n </a>\n <a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" target=\"_blank\" mbr-if=\"iconsAmount > 3\">\n <span mbr-icon class=\"p-2 mbr-iconfont socicon-linkedin socicon\"></span>\n </a>\n </div>\n <div mbr-if=\"showButtons\" mbr-buttons mbr-theme-style=\"display-4\" class=\"navbar-buttons mbr-section-btn\"><a class=\"btn btn-danger\" href=\"Téléchargement.html#features21-7\" data-app-placeholder=\"Type Text\"><span class=\"mobi-mbri mobi-mbri-download-2 mbr-iconfont mbr-iconfont-btn\"></span>Téléchargement</a></div>\n </div>\n </div>\n </nav>\n</section>",
|
||
"_cid": "sFGzlAXw3z",
|
||
"_anchor": "menu1-0",
|
||
"_protectedParams": [],
|
||
"_global": true,
|
||
"_once": "menu",
|
||
"_params": {}
|
||
},
|
||
{
|
||
"alias": false,
|
||
"_styles": {
|
||
"padding-top": "(@paddingTop * 1rem)",
|
||
"padding-bottom": "(@paddingBottom * 1rem)",
|
||
"& when (@bg-type = 'image')": {
|
||
"background-image": "url(@bg-value)"
|
||
},
|
||
"& when (@bg-type = 'color')": {
|
||
"background-color": "@bg-value"
|
||
},
|
||
".social-row": {
|
||
"display": "flex",
|
||
"flex-wrap": "wrap"
|
||
},
|
||
".soc-item": {
|
||
"display": "flex",
|
||
"align-items": "center",
|
||
"justify-content": "center",
|
||
"border-radius": "50%",
|
||
"background-color": "white",
|
||
"margin-right": "0.5rem",
|
||
"margin-bottom": "1rem",
|
||
"padding": "0.5rem",
|
||
"height": "2.5rem",
|
||
"width": "2.5rem"
|
||
},
|
||
"@media (max-width: 767px)": {
|
||
".row": {
|
||
"text-align": "center"
|
||
},
|
||
".social-row": {
|
||
"justify-content": "center"
|
||
}
|
||
},
|
||
".list": {
|
||
"list-style": "none",
|
||
"padding-left": "0",
|
||
"@media (max-width: 991px)": {
|
||
"margin-bottom": "2rem"
|
||
},
|
||
"@media (min-width: 992px)": {
|
||
"margin-bottom": "0rem"
|
||
},
|
||
"color": "#bbbbbb",
|
||
"text-align": "left"
|
||
},
|
||
".mbr-text": {
|
||
"color": "#bbbbbb"
|
||
},
|
||
".mbr-iconfont": {
|
||
"color": "black"
|
||
},
|
||
".copyright": {
|
||
"text-align": "center"
|
||
}
|
||
},
|
||
"_name": "footer1",
|
||
"_sourceTheme": "mobirise5",
|
||
"_customHTML": "<section data-bs-version=\"5.1\" class=\"footer1\" group=\"Footers\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" global once=\"footers\" mbr-class=\"{\n 'mbr-parallax-background': bg.parallax}\">\n\n <mbr-parameters>\n <header>Size</header>\n <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"5\">\n <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"5\">\n <header>Show/Hide</header>\n <input type=\"checkbox\" title=\"Title\" name=\"showTitle\" checked>\n <input type=\"checkbox\" title=\"Social\" name=\"showSocial\">\n <input type=\"range\" name=\"socialCount\" title=\"Social Count\" min=\"1\" max=\"4\" step=\"1\" value=\"3\" condition=\"showSocial\">\n <input type=\"checkbox\" title=\"Copyright\" name=\"showCopyright\" checked>\n <header>Background</header>\n <fieldset type=\"background\" name=\"bg\" parallax>\n <input type=\"image\" title=\"Image\" value=\"../_images/background8.jpg\">\n <input type=\"color\" title=\"Color\" value=\"#232323\" selected>\n <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/428046504\">\n </fieldset>\n <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\" checked>\n <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#232323\" condition=\"overlay && bg.type !== 'color'\">\n <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.6\" condition=\"overlay && bg.type !== 'color'\">\n </mbr-parameters>\n <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type !== 'color'\" opacity=\"{{overlayOpacity}}\" bg-color=\"{{overlayColor}}\"></div>\n <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n <div class=\"row mbr-white\">\n <div class=\"col-12 col-md-6 col-lg-3\">\n <h5 mbr-text class=\"mbr-section-subtitle mbr-fonts-style mb-2\" data-app-selector=\".mbr-section-subtitle\" mbr-theme-style=\"display-7\" mbr-if=\"showTitle\">\n <b>Liens</b></h5>\n <ul class=\"list mbr-fonts-style\" mbr-theme-style=\"display-4\" data-app-selector=\".list\" data-multiline mbr-article>\n <li class=\"mbr-text item-wrap\"><a href=\"index.html\" class=\"text-primary\">Accueil</a></li><li class=\"mbr-text item-wrap\"><a href=\"A propos.html#slider5-4\" class=\"text-primary\">A propos</a></li><li class=\"mbr-text item-wrap\"><a href=\"Téléchargement.html#features21-7\" class=\"text-primary\">Télécharger</a></li><li class=\"mbr-text item-wrap\"><a href=\"mailto:contact@lecteur-media.fr\" class=\"text-primary\">Nous contacter</a></li><li class=\"mbr-text item-wrap\"><a href=\"http://kryptons.duckdns.org/\" class=\"text-primary\" target=\"_blank\">kryptons Software</a></li>\n </ul>\n </div>\n <div class=\"col-12 col-md-6 col-lg-3\">\n <h5 mbr-text class=\"mbr-section-subtitle mbr-fonts-style mb-2\" data-app-selector=\".mbr-section-subtitle\" mbr-theme-style=\"display-7\" mbr-if=\"showTitle\"></h5>\n <ul class=\"list mbr-fonts-style\" mbr-theme-style=\"display-4\" data-app-selector=\".list\" data-multiline mbr-article></ul>\n </div>\n <div class=\"col-12 col-md-6 col-lg-3\">\n <h5 mbr-text class=\"mbr-section-subtitle mbr-fonts-style mb-2\" data-app-selector=\".mbr-section-subtitle\" mbr-theme-style=\"display-7\" mbr-if=\"showTitle\"><b>Fonctionalités</b></h5>\n <ul class=\"list mbr-fonts-style\" mbr-theme-style=\"display-4\" data-app-selector=\".list\" data-multiline mbr-article>\n <li class=\"mbr-text item-wrap\">Film straming</li><li class=\"mbr-text item-wrap\">Séries streaming</li><li class=\"mbr-text item-wrap\">Web radio</li><li class=\"mbr-text item-wrap\"><a href=\"A propos.html#slider5-4\" class=\"text-primary\">Plus de fonctionalités</a></li><li class=\"mbr-text item-wrap\"><br></li>\n </ul>\n </div>\n <div class=\"col-12 col-md-6 col-lg-3\">\n <h5 class=\"mbr-section-subtitle mbr-fonts-style mb-2\" mbr-theme-style=\"display-7\" mbr-if=\"showTitle\"><b>A propos de nous</b></h5>\n <p class=\"mbr-text mbr-fonts-style mb-4\" mbr-theme-style=\"display-4\" data-app-selector=\".mbr-text\">Lecteur média est développé par kryptons Software, il propose plusieur fonctionalités qui dépance le windows média players.</p>\n <h5 class=\"mbr-section-subtitle mbr-fonts-style mb-3\" mbr-theme-style=\"display-7\" mbr-if=\"showTitle && showSocial\">\n <b>Social</b>\n </h5>\n <div class=\"social-row display-7\" mbr-if=\"showSocial\">\n <div class=\"soc-item\">\n <a href=\"https://twitter.com/mobirise\" target=\"_blank\">\n <span mbr-icon class=\"mbr-iconfont socicon socicon-facebook\"></span>\n </a>\n </div>\n <div class=\"soc-item\" mbr-if=\"socialCount>1\">\n <a href=\"https://twitter.com/mobirise\" target=\"_blank\">\n <span mbr-icon class=\"mbr-iconfont socicon socicon-twitter\"></span>\n </a>\n </div>\n <div class=\"soc-item\" mbr-if=\"socialCount>2\">\n <a href=\"https://twitter.com/mobirise\" target=\"_blank\">\n <span mbr-icon class=\"mbr-iconfont socicon socicon-instagram\"></span>\n </a>\n </div>\n <div class=\"soc-item\" mbr-if=\"socialCount>3\">\n <a href=\"https://twitter.com/mobirise\" target=\"_blank\">\n <span mbr-icon class=\"mbr-iconfont socicon socicon-instagram\"></span>\n </a>\n </div>\n </div>\n </div>\n <div class=\"col-12 mt-4\" mbr-if=\"showCopyright\">\n <p class=\"mbr-text mb-0 mbr-fonts-style copyright align-center\" mbr-theme-style=\"display-7\" data-app-selector=\".copyright\" data-app-placeholder=\"Type Text\">\n © Copyright 2021-2023 - Tous droits réservés\n </p>\n </div>\n </div>\n </div>\n</section>",
|
||
"_cid": "sFGDg6hy8z",
|
||
"_anchor": "footer1-1",
|
||
"_protectedParams": [],
|
||
"_global": true,
|
||
"_once": "footers",
|
||
"_params": {}
|
||
}
|
||
]
|
||
}
|
||
}
|
||
} |