");--invalid-icon:url("data:image/svg+xml,")}html{scroll-padding-top:55px}body{word-break:break-word;overflow-x:hidden}img{height:auto;max-width:100%}}@keyframes scroll-wheel{0%{transform:translateY(0);opacity:1}50%{transform:translateY(10px);opacity:.5}100%{transform:translateY(0);opacity:1}}:root{--white:#fff;--black:#000;--dark-gray:#212121;--color-default:#80858f;--yellow:gold;--red:#bf5748;--header-height:90px}html{scrollbar-color:var(--yellow) var(--dark-gray);height:100%}html body{margin:0;height:100%;font-family:"Roboto",sans-serif;font-size:16px;font-weight:400;line-height:26px;color:var(--color-default)}html body.single-portfolio #header{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:rgba(0,0,0,.5)}html body.single-portfolio #header #main-nav ul:first-child>li a{color:var(--white)}html body #header{height:var(--header-height);position:fixed;padding:20px 0;top:0;width:100%;z-index:999}html body #header #nav-mobile{display:none}html body #header #nav-mobile.nav-mobile-hamburger{position:absolute;top:2rem;right:1.5rem;width:60px;height:50px;background-color:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:10px;flex:none}html body #header #nav-mobile.nav-mobile-hamburger .hamburger{position:absolute;width:34px;left:13px;top:13px}html body #header #nav-mobile.nav-mobile-hamburger .hamburger:after,html body #header #nav-mobile.nav-mobile-hamburger .hamburger:before{background:var(--white);content:"";display:block;height:3px;border-radius:0;margin:4px 0;border-radius:50px}html body #header #nav-mobile.nav-mobile-hamburger .hamburger span{background:var(--white);content:"";display:block;height:3px;border-radius:0;margin:4px 0;border-radius:50px}html body #header #main-nav{margin-top:0}html body #header #main-nav ul:first-child{list-style:none;display:flex;align-items:center;justify-content:center;margin:0;padding:0}html body #header #main-nav ul:first-child>li{position:relative}html body #header #main-nav ul:first-child>li.menu-item-home a:after{display:none}html body #header #main-nav ul:first-child>li a{color:var(--black);margin-left:20px;margin-right:20px;padding:5px 0;font-weight:500;text-align:center;text-transform:uppercase;text-decoration:none;position:relative;font-size:15px}html body #header #main-nav ul:first-child>li a:after{content:"";position:absolute;z-index:-1;left:51%;right:51%;bottom:0;background:var(--black);height:2px}html body #header #main-nav ul:first-child>li a img{max-height:70px}html body section{display:grid;min-height:100vh;place-content:center;line-height:normal;background:silver;text-shadow:1px 1px 3px;position:relative}html body section#global-portfolio{position:relative}html body section#global-portfolio header{padding-top:var(--header-height);padding-bottom:1rem;max-width:85vw}html body #content.interna .uk-position-relative{padding-top:0;overflow:hidden;z-index:0}html body #content.interna .uk-position-relative .scroll-indicator{position:absolute;bottom:5px;left:50%;transform:translateX(-50%);z-index:1000;padding:10px;background:rgba(0,0,0,.5);border-radius:20px}html body #content.interna .uk-position-relative #mouse-svg{display:block;margin:0 auto}html body #content.interna .uk-position-relative #mouse-svg .scroll-wheel{animation:scroll-wheel 2s infinite}html body #content.interna .uk-position-relative .scroll-text{text-align:center;font-size:11px;color:#fff;margin-top:-25px}html body #content.interna .uk-position-relative .scroll-indicator{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}html body #content.interna .uk-slideshow-items{position:relative;width:100vw;min-height:auto!important;height:calc(100vh - 10px);overflow:hidden}html body #content.interna .uk-slideshow-items img{-o-object-fit:cover!important;object-fit:cover!important;width:100%!important;height:100%!important}html body #content.interna .uk-thumbnav{position:relative;bottom:-100px;opacity:0}html body #content.interna .uk-thumbnav li{width:100px;height:100px;border-radius:50%;overflow:hidden;position:relative;margin:0 .2rem;padding:0}html body #content.interna .uk-thumbnav li img{filter:grayscale(100%);opacity:.8}html body #content.interna section#global-portfolio{position:relative;min-height:auto}html body #content.interna section#global-portfolio:before,html body #content.interna section#global-portfolio:after{position:absolute;top:0;left:0;right:0;content:"";height:5px}html body #content.interna section#global-portfolio:before{background:linear-gradient(90deg,var(--yellow),transparent)}html body #content.interna section#global-portfolio:after{background:linear-gradient(90deg,transparent,var(--yellow));top:5px}html body #content.interna section#global-portfolio header{padding-top:var(--header-height);margin-top:0}@media (max-width:576px){html{overflow-x:hidden}html body #header #nav-mobile{position:relative;z-index:1}html body #header #nav-mobile{display:block}html body #header #nav-mobile+#main-nav{width:100%;overflow:hidden;position:absolute;visibility:hidden;opacity:0;top:0;right:0;bottom:0;left:0;margin:0;padding:0;border:none;background-color:var(--dark-gray)}html body #header #nav-mobile+#main-nav ul{padding:0;margin:0;display:none}html body #header #nav-mobile+#main-nav ul li{display:inline-block;width:100%;text-align:center;padding:.8rem 0;position:relative;order:2}html body #header #nav-mobile+#main-nav ul li a{color:var(--white);font-weight:800;font-size:23px}html body #header #nav-mobile+#main-nav ul li.menu-item-home{order:1}html body.single-portfolio #header{background-color:rgba(0,0,0,0)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}html body section#global-portfolio header{flex-direction:column;padding-top:0}html body #content.interna section#global-portfolio header{padding-top:1rem}}#preloader{position:fixed;top:0;left:0;width:100%;height:100%;background-color:transparent;z-index:9999;display:flex;justify-content:center;align-items:center;overflow:hidden}.preloader-content{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%}#preloader .left,#preloader .right{position:absolute;top:0;width:50%;height:100%;background-color:#fff;z-index:10000}#preloader .left{left:0;transform:translateX(0)}#preloader .right{right:0;transform:translateX(0)}.preloader-content span{font-size:24px;color:#333;font-weight:700;z-index:10001}@media not all{html{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:16px;font-weight:400;line-height:1.5;-webkit-text-size-adjust:100%;background:#fff;color:#666}body{margin:0}a{color:#1e87f0;text-decoration:none}img,svg{vertical-align:middle}img,svg{max-width:100%;height:auto;box-sizing:border-box}p,ul{margin:0 0 20px}*+p{margin-top:20px}ul{padding-left:30px}:focus{outline:0}:focus-visible{outline:2px dotted #333}details,main{display:block}summary{display:list-item}:root{--uk-breakpoint-s:640px;--uk-breakpoint-m:960px;--uk-breakpoint-l:1200px;--uk-breakpoint-xl:1600px}.uk-slideshow-items{position:relative;z-index:0;margin:0;padding:0;list-style:none;overflow:hidden;-webkit-touch-callout:none;touch-action:pan-y}.uk-slideshow-items>*{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;will-change:transform,opacity}.uk-slideshow-items>:not(.uk-active){display:none}:root{--uk-leader-fill-content:.}.uk-thumbnav{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style:none;margin-left:-15px}.uk-thumbnav>*{padding-left:15px}.uk-thumbnav>*>*{display:inline-block;position:relative}[uk-cover]{max-width:none;position:absolute;left:50%;top:50%;--uk-position-translate-x:-50%;--uk-position-translate-y:-50%;transform:translate(var(--uk-position-translate-x),var(--uk-position-translate-y))}:root{--uk-position-margin-offset:0px}[class*=uk-position-bottom]{position:absolute!important;max-width:calc(100% - (var(--uk-position-margin-offset)*2));box-sizing:border-box}.uk-position-bottom-center{left:calc(50% - var(--uk-position-margin-offset));--uk-position-translate-x:-50%;transform:translate(var(--uk-position-translate-x),0);width:max-content}.uk-position-bottom-center{bottom:0}.uk-position-relative{position:relative!important}.uk-light{color:rgba(255,255,255,.7)}.uk-light a{color:#fff}}.cmplz-hidden{display:none!important}
MaterPlena® - CHR Designer
Loading...
Continue scrolling
MaterPlena®
I developed the Materplena website using PHP and HTML5, ensuring a lightweight and responsive structure. Utilizing a model for the product lines of Cristália – Indústria Farmacêutica, the intuitive design provides optimized navigation. The content highlights the benefits of the supplement, emphasizing ingredients like folic acid, iron, and vitamin D, which are essential for health during pregnancy.
To provide the best experiences, we use technologies like cookies to store and/or access device information. Consenting to these technologies will allow us to process data such as browsing behavior or unique IDs on this site. Not consenting or withdrawing consent may adversely affect certain features and functions. For more details, please visit our Privacy Policy.
Functional
Always active
The technical storage or access is strictly necessary for the legitimate purpose of enabling the use of a specific service explicitly requested by the subscriber or user, or for the sole purpose of carrying out the transmission of a communication over an electronic communications network.
Preferences
The technical storage or access is necessary for the legitimate purpose of storing preferences that are not requested by the subscriber or user.
Statistics
The technical storage or access that is used exclusively for statistical purposes.The technical storage or access that is used exclusively for anonymous statistical purposes. Without a subpoena, voluntary compliance on the part of your Internet Service Provider, or additional records from a third party, information stored or retrieved for this purpose alone cannot usually be used to identify you.
Marketing
The technical storage or access is required to create user profiles to send advertising, or to track the user on a website or across several websites for similar marketing purposes.