text: (this.webpackJsonppersonalcv=this.webpackJsonppersonalcv||[]).push([[0],{102:function(e,a,t){e.exports=t.p+"static/media/bg.e8119cbb.jpg"},105:function(e,a){e.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOEAAADhCAMAAAAJbSJIAAAAq1BMVEX////tU1NlXFTtUVHtT09iWVHsTEyKg31gV05eVEtpYFj//Pz+9vbo5+bsSUlhWE+yrqr97e2moZ3f3dvuXFzwbm785OT3t7d7c226trP39/b72dn0mJjwdHSalJDuWFj1np7yhITMycb2ra3xfHzwcnLvZmb6zc34vr7u7ez1paX4vLyQioTzjIz5xsb+8fHU0c91bGX71dXCv7zyiYmAeHJWS0KLhH6rpqJ/5k71AAAK8klEQVR4nO2ceXuqOhDGxQRUcN8Vxa11q3Wp7T39/p/sZgEUmATveaqh3vz+UguceUkyM5kkJ5fTaDQajUaj0Wg0Go1Go9FoNBqNRqPRaDQajeb/Tnff672tuqrNuBvuZxtVq5bR/nRVm3IXnMXEQsgwDISsyV61NXfA2WJsBOD2SrU9P0+PtV8osdNQbdBP011i45pqT7VFP827FRFIGtFRbdLPspqgqEI0eS5/6rxH+yh1qM/VTd14E5JuOlVt1E/iTKtxgYb1qdqqn6TRTjShgV/Kqs36QRbxUfhsChudZ1fYAwQ+lcID1IS3Kiy7+7eVm/HsYGEBAg3r/YZbD4tle2JM2p3F4e5m/j1dwJFShaMbbh1bGFGwNc5wCjSF+ijppdvUOxudS+tby8xKdOEmRMZb2p3O7PrdWC8Z7ajOJzgKSeb9kXbrW2RGaViLR9j739kbYBMaqJ02BY5HUbzM5KQZDPbM3tT54SKWyyKUxUZ0tgKB6a70sIzfimcZzBFcQR81jOo65dYFjt+K2tlzp+UXURMilGIt1L2r2atBJtsh7HGvKW6jB7jganoIfTAfcCikWCO5o2kkRiF9LbOM5aeHMRwKWSdNifdgLouW2XI1zkg0CKmt8tUZsAnJe8lWWrMW+lHS38by/gYHmVT39FhcsBkChVPpvd22QGFqpvdAGsJAQU215AszW0Eui9KC6ANxRkIvQ02dSGOFYEZpIJyhKvLCEg9CWiuVOkXBjDJTCmVehlCV5tDxZaosKlzBniK01JB6DMEozJJCVzRl8pGnbKJRmCGF3Y7MyxhpSxaJZarMKZTGCW6pbBgK6joZUtiYpbSgfHFUFmayobDxkibQwEtJygasNGZLYTddoLyAEV/vj74b9QrdNCdDkRUwZE1IFCqvRe3lcZCDkHjmlFzvjyq8YSXgnji9yQ0CycxJHA1X8lxIscLGCEnNC5AUMEQF8mwodF+kyXaIzCF+CCtX6hU6i1uGIFPYFial0aWYjCnc4xsFkmgoLLYkNk5lS+FNXZRaORM9oxyNhcAD8S3rxnfCvc3LGLKYtoo8Ay2hPTiP1BTlIM6XoyBLNAzL4+uOjl+B0KhSYTJhFjQqmoiG4TpyR7U3TUYOlQrjq0wIt19AhcJNJo1oE3a6WVPobK98Dd078QGtrZB4vxXE++jleJqDFHZUFr3LU+RrRBZe9sqCiZ5ohSxax6dTSFCh0oVuZz2uVi3Lqk5mvYZoJ5RwlTNaQaTbibKnkIhy19tRb9VlI60LRkiRjdHaBTJcUCHK1KaaNdhJBUuATjTYs4rxrQqdXk9Ny8Jra4IlmVWkwdGELmtACifAescCV8dKTlKN4RVAcGJRfo1cjF9oQ0MKjYSfKm/Jr9WUFeW7AG18Fu6Eiq73I4uVOaBog+MFkPKIztlSVnruAzxPgDOa2EIFHjNXtU7ufk+ctGnM2LtBWMEuDWhrt2AnVMzNBOauAIWx+oA79htfRYkKrgqCrjSakIZ5nQsoxK/XfWC/DP4RBQoPcGnfmiYvje0NChd6oRUahC9e87A1whsVKOwCszsDPLHmxNZD/VEo2PR3qSa7s+rln1BQKnbhOX81Gc8+YpOSMHEtQ1UbxE+fOo3FtXdS4WkgN0EVJnKSQyxuXmZXcOqOJtsPdz9dRuOLpMh8L3qgQjRJWLKNNvZ11gIe0yDREk2qscKldK3nPjhAQkKta8cVxovcPJ3hiLbFJasH1vTxCuFgkVAY9yaRFX54/gVKfvxOIgfMShML+ImhFo3onzcqVLF5uCxQGDtREN+UEpsf729YqjPAfPz+lAWHLKJbEhMbZ2JzKzh7T2Cp2HZahlfJouMwsUc6ft5A4K9i4IT7egQihdfRgiQzsT5qxedGkn0Zl7vSNuPeB4HCSMR/i18DOAzJJtxAIH58pKAIFV7yx4/4chw0OxZucQtvst7V7IwWKbwsHnUTwQ4s4azly64IjxRt/XZe4XcfuprkviK4nu2MZBLxRFRBvzsihUFDJQWKgtrhXSgRWR11R0wEWRsVsig75VUyIcCictlhhOAMHE9GCivg4kiGcOd9nFwSl9Trnd4y0YwIV9sjtfVvqFAWiLGSs2NkyLa2d6dtjOmBYHYpQuTLcqu6vv8hVgg2rNxjOI3ebNkm8/9qFRvt5Xi6Oig/HySo04ia9YYzvg13v14sFr39R1e5OgpYZBEKzODBwnSEh0eBPvo7/2+z1N0/F4E3nMzPIuWbSxBpRxEzC/y/YSSxZtk6cnc7qdMCX6Bkt2nWuakRLTXLtz8DfA40Cv7NAhP/r0US9KtbMJd2BpEKnP3eMciRny7BxjRbR7P/Bsn5EmQt1780Dkboira3Y2v2u4dgCDxDx1an9/t7qI+zHlux1Uyib/HbXUyEw9vrhMzrMZ+cW0Z7tn8qfRTnY/s57rQny854Nl0/nTyO0+i6brfbeJrRp9FoNBqNRqPRaDQajSaXO9YJc9VW/DWbCmUo+MrwSrVaqfBwy36K+onQb0W/ViKXNM183vy9CptF0zTzreuvNbsVveSXKyTm5y+SmrXI1/ASrTDD/L8VtgbebucNdlcKh/Nv8tv3kXvb1vl8JtdWyHXegLmnVt3bNQcb4pTPlKP/2OOZX6kCscKWZ5tFQp7CFTrnU75GfjLzBWZ7vZQ3T606va5m2vVhxcuzj6dzrmLT99LfsKdW+uRL6axAXk6icH4q5S8whcNmyfS/F+05V0iuNvmPpul98deRr5nzXJP+rcQbcU6eap4qsAWqFB5PJjfbvCisMwFmibRhvkYNrl+/BCosfCH94dGmL8KjD3WoWv4xOwqHBaamdPrqM7upwhbtePliodnskz8Wm6HCmt+V86yP8g/HXIF20xPtpkP6tmxVeZ9A4ZzabtqDyqZy/PI9zTfT0yQ2t4j1dIxxhfau6dm8+WyvueOiv3MDJpsOviP5ZH4NJVYoUOhR8+xzeAlVyJRyQ2kXtI9MoXk6+j/4Q+3M2tDLbWjLsb5JH1Cqq1AXmA8o7DM1TngJUbhh3nHXOhLmJ/LxzBXyLHZXC+SzPhm0Of3rkDzMtBX5maRC/pW9f9O7/EYsrtisH3LoGB1cK/QuPbHgK2TtWprn5jZtS1Wd1JcUROacxxXyaPZ9uSRUaJYC/vlOUejQdi3unO+iQj9D3CHzlMEgGX4xhRuuEGhDczcIOaYo5CPSbpFn1pT5mcAvfG2uv52cHOulfW6Wr5CPr931zSkK6QDM5z3uWpVR4eFrR0fi8MzCPPV/f5j3H7BLvBq3uBDt0K1UhTyasLuU+RmiqsBCdM3uf/X7PKoR5+DbZn+TeFg/+RF/wH47nTfD4WZzLnjpCis8MVKXzzDOfj5iBglakXZZ37ZasVQqBlkb/80s2oXCySyWvtMVOh5/ePEos+DeDHdByuUr5W6vHvuVew6eq9bouzDn6Qp5wCB+ZqNKHaPyJ5wxsEyUJzJDzwznEUQYs9ip22GqbZrJcVi7KKxxhdw3m8ryGZ9N/VSi9SiTdD3bC4L/cMB/LeabA7vkVxOPXp7+WCyW+vRF1P8hcZHPijwaIrnzLdCP/oz5G6gZqGBzJFNzQvN8XSrdzJt0il9xcsf53B9Jw8qZzeKPrN9V5gQ+32+xj+ya4+Vjjvox888DpTyaIHF7XmjCFpQynpJNX+m86QGcS8kK+nPh2afTafcMe/xFbCjqZhUajUaj0Wg0Go1Go9FoNBqNRqPRaDQajUaj0SjhX/2m0hqcG7t7AAAAAElFTkSuQmCC"},153:function(e,a,t){e.exports=t.p+"static/media/platzi.f8e2aa00.jpg"},154:function(e,a,t){e.exports=t.p+"static/media/bancolombia.e5900ad6.png"},162:function(e,a,t){e.exports=t.p+"static/media/bg2.b4b9a9f7.jpg"},163:function(e,a,t){e.exports=t.p+"static/media/bg3.e1e0f115.jpg"},164:function(e,a,t){e.exports=t.p+"static/media/sign.cf8b686b.jpg"},165:function(e,a,t){e.exports=t.p+"static/media/landing.08e18cb9.jpg"},166:function(e,a,t){e.exports=t.p+"static/media/profile.090a5aab.jpg"},167:function(e,a,t){e.exports=t.p+"static/media/perfil.b3c32109.jpg"},174:function(e,a){e.exports="data:image/png;base64,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"},175:function(e,a,t){e.exports=t.p+"static/media/itm.5ceeb150.png"},204:function(e,a,t){e.exports=t(279)},209:function(e,a,t){},277:function(e,a,t){e.exports=t.p+"static/media/bg4.199e9ec1.jpg"},278:function(e,a,t){e.exports=t.p+"static/media/profile-bg.baf6b40a.jpg"},279:function(e,a,t){"use strict";t.r(a);var n=t(0),r=t.n(n),o=t(16),l=t.n(o),i=(t(209),t(43)),c=t(19),s=t(11),m=t.n(s),d=t(331),p=t(7),u=t(18),b=t(334),g=t(335),x=t(283),h=t(333),f=t(373),E=t(336),v=t(147),k=t.n(v),w=t(6),N={paddingRight:"15px",paddingLeft:"15px",marginRight:"auto",marginLeft:"auto",width:"100%"},y=Object(w.a)(Object(w.a)({},N),{},{"@media (min-width: 576px)":{maxWidth:"540px"},"@media (min-width: 768px)":{maxWidth:"720px"},"@media (min-width: 992px)":{maxWidth:"960px"},"@media (min-width: 1200px)":{maxWidth:"1140px"}}),C={fontFamily:'"Roboto", "Helvetica", "Arial", sans-serif',fontWeight:"300",lineHeight:"1.5em"},F={boxShadow:"0 12px 20px -10px rgba(156, 39, 176, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(156, 39, 176, 0.2)"},j={boxShadow:"0 12px 20px -10px rgba(0, 188, 212, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(0, 188, 212, 0.2)"},O={boxShadow:"0 12px 20px -10px rgba(76, 175, 80, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(76, 175, 80, 0.2)"},R={boxShadow:"0 12px 20px -10px rgba(255, 152, 0, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(255, 152, 0, 0.2)"},S={boxShadow:"0 12px 20px -10px rgba(244, 67, 54, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(244, 67, 54, 0.2)"},I={boxShadow:"0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(233, 30, 99, 0.4)"},T=Object(w.a)({color:"#fff",background:"linear-gradient(60deg, #ffa726, #fb8c00)"},R),A=Object(w.a)({color:"#fff",background:"linear-gradient(60deg, #66bb6a, #43a047)"},O),L=Object(w.a)({color:"#fff",background:"linear-gradient(60deg, #ef5350, #e53935)"},S),B=Object(w.a)({color:"#fff",background:"linear-gradient(60deg, #26c6da, #00acc1)"},j),H=Object(w.a)({color:"#fff",background:"linear-gradient(60deg, #ab47bc, #8e24aa)"},F),z=(Object(w.a)({color:"#fff",background:"linear-gradient(60deg, #ec407a, #d81b60)"},I),Object(w.a)({margin:"0 20px 10px",paddingTop:"10px",borderTop:"1px solid #eeeeee",height:"auto"},C),{color:"#3C4858",margin:"1.75rem 0 0.875rem",textDecoration:"none",fontWeight:"700",fontFamily:'"Roboto Slab", "Times New Roman", serif'}),W=(Object(w.a)(Object(w.a)({},z),{},{marginTop:".625rem"}),{appBar:{display:"flex",border:"0",borderRadius:"3px",padding:"0.625rem 0",marginBottom:"20px",color:"#555",width:"100%",backgroundColor:"#fff",boxShadow:"0 4px 18px 0px rgba(0, 0, 0, 0.12), 0 7px 10px -5px rgba(0, 0, 0, 0.15)",transition:"all 150ms ease 0s",alignItems:"center",flexFlow:"row nowrap",justifyContent:"flex-start",position:"relative",zIndex:"unset"},absolute:{position:"absolute",zIndex:"1100"},fixed:{position:"fixed",zIndex:"1100"},container:Object(w.a)(Object(w.a)({},y),{},{minHeight:"50px",flex:"1",alignItems:"center",justifyContent:"space-between",display:"flex",flexWrap:"nowrap"}),flex:{flex:1},title:Object(w.a)(Object(w.a)({},C),{},{lineHeight:"30px",fontSize:"18px",borderRadius:"3px",textTransform:"none",color:"inherit",padding:"8px 16px",letterSpacing:"unset","&:hover,&:focus":{color:"inherit",background:"transparent"}}),appResponsive:{margin:"20px 10px"},primary:{backgroundColor:"#9c27b0",color:"#FFFFFF",boxShadow:"0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 12px -5px rgba(156, 39, 176, 0.46)"},info:{backgroundColor:"#00acc1",color:"#FFFFFF",boxShadow:"0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 12px -5px rgba(0, 188, 212, 0.46)"},success:{backgroundColor:"#4caf50",color:"#FFFFFF",boxShadow:"0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 12px -5px rgba(76, 175, 80, 0.46)"},warning:{backgroundColor:"#ff9800",color:"#FFFFFF",boxShadow:"0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 12px -5px rgba(255, 152, 0, 0.46)"},danger:{backgroundColor:"#f44336",color:"#FFFFFF",boxShadow:"0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 12px -5px rgba(244, 67, 54, 0.46)"},rose:{backgroundColor:"#e91e63",color:"#FFFFFF",boxShadow:"0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 12px -5px rgba(233, 30, 99, 0.46)"},transparent:{backgroundColor:"transparent !important",boxShadow:"none",paddingTop:"25px",color:"#FFFFFF"},dark:{color:"#FFFFFF",backgroundColor:"#212121 !important",boxShadow:"0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 12px -5px rgba(33, 33, 33, 0.46)"},white:{border:"0",padding:"0.625rem 0",marginBottom:"20px",color:"#555",backgroundColor:"#fff !important",boxShadow:"0 4px 18px 0px rgba(0, 0, 0, 0.12), 0 7px 10px -5px rgba(0, 0, 0, 0.15)"},drawerPaper:Object(w.a)(Object(w.a)({border:"none",bottom:"0",transitionProperty:"top, bottom, width",transitionDuration:".2s, .2s, .35s",transitionTimingFunction:"linear, linear, ease",width:260},{boxShadow:"0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2)"}),{},{position:"fixed",display:"block",top:"0",height:"100vh",right:"0",left:"auto",visibility:"visible",overflowY:"visible",borderTop:"none",textAlign:"left",paddingRight:"0px",paddingLeft:"0"},{transition:"all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1)"})}),D=Object(d.a)(W);function P(e){var a,t=D(),n=r.a.useState(!1),o=Object(u.a)(n,2),l=o[0],i=o[1];r.a.useEffect((function(){return e.changeColorOnScroll&&window.addEventListener("scroll",s),function(){e.changeColorOnScroll&&window.removeEventListener("scroll",s)}}));var c=function(){i(!l)},s=function(){var a=e.color,n=e.changeColorOnScroll;window.pageYOffset>n.height?(document.body.getElementsByTagName("header")[0].classList.remove(t[a]),document.body.getElementsByTagName("header")[0].classList.add(t[n.color])):(document.body.getElementsByTagName("header")[0].classList.add(t[a]),document.body.getElementsByTagName("header")[0].classList.remove(t[n.color]))},d=e.color,v=e.rightLinks,w=e.leftLinks,N=e.brand,y=e.fixed,C=e.absolute,F=m()((a={},Object(p.a)(a,t.appBar,!0),Object(p.a)(a,t[d],d),Object(p.a)(a,t.absolute,C),Object(p.a)(a,t.fixed,y),a)),j=r.a.createElement(h.a,{className:t.title},N);return r.a.createElement(b.a,{className:F},r.a.createElement(g.a,{className:t.container},void 0!==w?j:null,r.a.createElement("div",{className:t.flex},void 0!==w?r.a.createElement(f.a,{smDown:!0,implementation:"css"},w):j),r.a.createElement(f.a,{smDown:!0,implementation:"css"},v),r.a.createElement(f.a,{mdUp:!0},r.a.createElement(x.a,{color:"inherit","aria-label":"open drawer",onClick:c},r.a.createElement(k.a,null)))),r.a.createElement(f.a,{mdUp:!0,implementation:"js"},r.a.createElement(E.a,{variant:"temporary",anchor:"right",open:l,classes:{paper:t.drawerPaper},onClose:c},r.a.createElement("div",{className:t.appResponsive},w,v))))}P.defaultProp={color:"white"};var K=t(286),M=t(287),q={block:{color:"inherit",padding:"0.9375rem",fontWeight:"500",fontSize:"12px",textTransform:"uppercase",borderRadius:"3px",textDecoration:"none",position:"relative",display:"block"},left:{float:"left!important",display:"block"},right:{padding:"15px 0",margin:"0",float:"right!important"},footer:{padding:"0.9375rem 0",textAlign:"center",display:"flex",zIndex:"2",position:"relative"},a:{color:"#9c27b0",textDecoration:"none",backgroundColor:"transparent"},footerWhiteFont:{"&,&:hover,&:focus":{color:"#FFFFFF"}},container:y,list:{marginBottom:"0",padding:"0",marginTop:"0"},inlineBlock:{display:"inline-block",padding:"0px",width:"auto"},icon:{width:"18px",height:"18px",position:"relative",top:"3px"}},U=Object(d.a)(q);function V(e){var a,t,n=U(),o=e.whiteFont,l=m()((a={},Object(p.a)(a,n.footer,!0),Object(p.a)(a,n.footerWhiteFont,o),a));m()((t={},Object(p.a)(t,n.a,!0),Object(p.a)(t,n.footerWhiteFont,o),t));return r.a.createElement("footer",{className:l},r.a.createElement("div",{className:n.container},r.a.createElement("div",{className:n.left},r.a.createElement(K.a,{className:n.list},r.a.createElement(M.a,{className:n.inlineBlock},r.a.createElement(h.a,{className:n.block,href:"https://www.instagram.com/_teolopera/",target:"_blank"},r.a.createElement("i",{className:"fab fa-instagram"}))),r.a.createElement(M.a,{className:n.inlineBlock},r.a.createElement(h.a,{className:n.block,href:"https://www.linkedin.com/in/mateo-serna-795a85199/",target:"_blank"},r.a.createElement("i",{className:"fab fa-linkedin"}))),r.a.createElement(M.a,{className:n.inlineBlock},r.a.createElement(h.a,{className:n.block,href:"https://github.com/pais4",target:"_blank"},r.a.createElement("i",{className:"fab fa-github"})))))))}var Q=t(25),X=t(337),J=Object(d.a)({grid:{marginRight:"-15px",marginLeft:"-15px",width:"auto"}});function G(e){var a=J(),t=e.children,n=e.className,o=Object(Q.a)(e,["children","className"]);return r.a.createElement(X.a,Object.assign({container:!0},o,{className:a.grid+" "+n}),t)}G.defaultProps={className:""};var Z=Object(d.a)({grid:{position:"relative",width:"100%",minHeight:"1px",paddingRight:"15px",paddingLeft:"15px",flexBasis:"auto"}});function Y(e){var a=Z(),t=e.children,n=e.className,o=Object(Q.a)(e,["children","className"]);return r.a.createElement(X.a,Object.assign({item:!0},o,{className:a.grid+" "+n}),t)}Y.defaultProps={className:""};var _=t(148),$={button:{minHeight:"auto",minWidth:"auto",backgroundColor:"#999999",color:"#FFFFFF",boxShadow:"0 2px 2px 0 rgba(153, 153, 153, 0.14), 0 3px 1px -2px rgba(153, 153, 153, 0.2), 0 1px 5px 0 rgba(153, 153, 153, 0.12)",border:"none",borderRadius:"3px",position:"relative",padding:"12px 30px",margin:".3125rem 1px",fontSize:"12px",fontWeight:"400",textTransform:"uppercase",letterSpacing:"0",willChange:"box-shadow, transform",transition:"box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1)",lineHeight:"1.42857143",textAlign:"center",whiteSpace:"nowrap",verticalAlign:"middle",touchAction:"manipulation",cursor:"pointer","&:hover,&:focus":{color:"#FFFFFF",backgroundColor:"#999999",boxShadow:"0 14px 26px -12px rgba(153, 153, 153, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(153, 153, 153, 0.2)"},"& .fab,& .fas,& .far,& .fal,& .material-icons":{position:"relative",display:"inline-block",top:"0",fontSize:"1.1rem",marginRight:"4px",verticalAlign:"middle"},"& svg":{position:"relative",display:"inline-block",top:"0",width:"18px",height:"18px",marginRight:"4px",verticalAlign:"middle"},"&$justIcon":{"& .fab,& .fas,& .far,& .fal,& .material-icons":{marginRight:"0px",position:"absolute",width:"100%",transform:"none",left:"0px",top:"0px",height:"100%",lineHeight:"41px",fontSize:"20px"}}},fullWidth:{width:"100%"},primary:{backgroundColor:"#9c27b0",boxShadow:"0 2px 2px 0 rgba(156, 39, 176, 0.14), 0 3px 1px -2px rgba(156, 39, 176, 0.2), 0 1px 5px 0 rgba(156, 39, 176, 0.12)","&:hover,&:focus":{backgroundColor:"#9c27b0",boxShadow:"0 14px 26px -12px rgba(156, 39, 176, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(156, 39, 176, 0.2)"}},info:{backgroundColor:"#00acc1",boxShadow:"0 2px 2px 0 rgba(0, 188, 212, 0.14), 0 3px 1px -2px rgba(0, 188, 212, 0.2), 0 1px 5px 0 rgba(0, 188, 212, 0.12)","&:hover,&:focus":{backgroundColor:"#00acc1",boxShadow:"0 14px 26px -12px rgba(0, 188, 212, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 188, 212, 0.2)"}},success:{backgroundColor:"#4caf50",boxShadow:"0 2px 2px 0 rgba(76, 175, 80, 0.14), 0 3px 1px -2px rgba(76, 175, 80, 0.2), 0 1px 5px 0 rgba(76, 175, 80, 0.12)","&:hover,&:focus":{backgroundColor:"#4caf50",boxShadow:"0 14px 26px -12px rgba(76, 175, 80, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(76, 175, 80, 0.2)"}},warning:{backgroundColor:"#ff9800",boxShadow:"0 2px 2px 0 rgba(255, 152, 0, 0.14), 0 3px 1px -2px rgba(255, 152, 0, 0.2), 0 1px 5px 0 rgba(255, 152, 0, 0.12)","&:hover,&:focus":{backgroundColor:"#ff9800",boxShadow:"0 14px 26px -12px rgba(255, 152, 0, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 152, 0, 0.2)"}},danger:{backgroundColor:"#f44336",boxShadow:"0 2px 2px 0 rgba(244, 67, 54, 0.14), 0 3px 1px -2px rgba(244, 67, 54, 0.2), 0 1px 5px 0 rgba(244, 67, 54, 0.12)","&:hover,&:focus":{backgroundColor:"#f44336",boxShadow:"0 14px 26px -12px rgba(244, 67, 54, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(244, 67, 54, 0.2)"}},rose:{backgroundColor:"#e91e63",boxShadow:"0 2px 2px 0 rgba(233, 30, 99, 0.14), 0 3px 1px -2px rgba(233, 30, 99, 0.2), 0 1px 5px 0 rgba(233, 30, 99, 0.12)","&:hover,&:focus":{backgroundColor:"#e91e63",boxShadow:"0 14px 26px -12px rgba(233, 30, 99, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(233, 30, 99, 0.2)"}},white:{"&,&:focus,&:hover,&:visited":{backgroundColor:"#FFFFFF",color:"#999999"}},twitter:{backgroundColor:"#55acee",color:"#fff",boxShadow:"0 2px 2px 0 rgba(85, 172, 238, 0.14), 0 3px 1px -2px rgba(85, 172, 238, 0.2), 0 1px 5px 0 rgba(85, 172, 238, 0.12)","&:hover,&:focus,&:visited":{backgroundColor:"#55acee",color:"#fff",boxShadow:"0 14px 26px -12px rgba(85, 172, 238, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(85, 172, 238, 0.2)"}},facebook:{backgroundColor:"#3b5998",color:"#fff",boxShadow:"0 2px 2px 0 rgba(59, 89, 152, 0.14), 0 3px 1px -2px rgba(59, 89, 152, 0.2), 0 1px 5px 0 rgba(59, 89, 152, 0.12)","&:hover,&:focus":{backgroundColor:"#3b5998",color:"#fff",boxShadow:"0 14px 26px -12px rgba(59, 89, 152, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(59, 89, 152, 0.2)"}},google:{backgroundColor:"#dd4b39",color:"#fff",boxShadow:"0 2px 2px 0 rgba(221, 75, 57, 0.14), 0 3px 1px -2px rgba(221, 75, 57, 0.2), 0 1px 5px 0 rgba(221, 75, 57, 0.12)","&:hover,&:focus":{backgroundColor:"#dd4b39",color:"#fff",boxShadow:"0 14px 26px -12px rgba(221, 75, 57, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(221, 75, 57, 0.2)"}},github:{backgroundColor:"#333333",color:"#fff",boxShadow:"0 2px 2px 0 rgba(51, 51, 51, 0.14), 0 3px 1px -2px rgba(51, 51, 51, 0.2), 0 1px 5px 0 rgba(51, 51, 51, 0.12)","&:hover,&:focus":{backgroundColor:"#333333",color:"#fff",boxShadow:"0 14px 26px -12px rgba(51, 51, 51, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(51, 51, 51, 0.2)"}},simple:{"&,&:focus,&:hover,&:visited":{color:"#FFFFFF",background:"transparent",boxShadow:"none"},"&$primary":{"&,&:focus,&:hover,&:visited":{color:"#9c27b0"}},"&$info":{"&,&:focus,&:hover,&:visited":{color:"#00acc1"}},"&$success":{"&,&:focus,&:hover,&:visited":{color:"#4caf50"}},"&$warning":{"&,&:focus,&:hover,&:visited":{color:"#ff9800"}},"&$rose":{"&,&:focus,&:hover,&:visited":{color:"#e91e63"}},"&$danger":{"&,&:focus,&:hover,&:visited":{color:"#f44336"}},"&$twitter":{"&,&:focus,&:hover,&:visited":{color:"#55acee"}},"&$facebook":{"&,&:focus,&:hover,&:visited":{color:"#3b5998"}},"&$google":{"&,&:focus,&:hover,&:visited":{color:"#dd4b39"}},"&$github":{"&,&:focus,&:hover,&:visited":{color:"#333333"}}},transparent:{"&,&:focus,&:hover,&:visited":{color:"inherit",background:"transparent",boxShadow:"none"}},disabled:{opacity:"0.65",pointerEvents:"none"},lg:{padding:"1.125rem 2.25rem",fontSize:"0.875rem",lineHeight:"1.333333",borderRadius:"0.2rem"},sm:{padding:"0.40625rem 1.25rem",fontSize:"0.6875rem",lineHeight:"1.5",borderRadius:"0.2rem"},round:{borderRadius:"30px"},block:{width:"100% !important"},link:{"&,&:hover,&:focus":{backgroundColor:"transparent",color:"#999999",boxShadow:"none"}},justIcon:{paddingLeft:"12px",paddingRight:"12px",fontSize:"20px",height:"41px",minWidth:"41px",width:"41px","& .fab,& .fas,& .far,& .fal,& svg,& .material-icons":{marginRight:"0px"},"&$lg":{height:"57px",minWidth:"57px",width:"57px",lineHeight:"56px","& .fab,& .fas,& .far,& .fal,& .material-icons":{fontSize:"32px",lineHeight:"56px"},"& svg":{width:"32px",height:"32px"}},"&$sm":{height:"30px",minWidth:"30px",width:"30px","& .fab,& .fas,& .far,& .fal,& .material-icons":{fontSize:"17px",lineHeight:"29px"},"& svg":{width:"17px",height:"17px"}}}},ee=t.n(_)()((function(){return Object(w.a)({},$)})),ae=r.a.forwardRef((function(e,a){var t,n=e.color,o=e.round,l=e.children,i=e.fullWidth,c=e.disabled,s=e.simple,d=e.size,u=e.block,b=e.link,g=e.justIcon,x=e.className,f=Object(Q.a)(e,["color","round","children","fullWidth","disabled","simple","size","block","link","justIcon","className"]),E=ee(),v=m()((t={},Object(p.a)(t,E.button,!0),Object(p.a)(t,E[d],d),Object(p.a)(t,E[n],n),Object(p.a)(t,E.round,o),Object(p.a)(t,E.fullWidth,i),Object(p.a)(t,E.disabled,c),Object(p.a)(t,E.simple,s),Object(p.a)(t,E.block,u),Object(p.a)(t,E.link,b),Object(p.a)(t,E.justIcon,g),Object(p.a)(t,x,x),t));return r.a.createElement(h.a,Object.assign({},f,{ref:a,className:v}),l)})),te={parallax:{height:"90vh",maxHeight:"1000px",overflow:"hidden",position:"relative",backgroundPosition:"center center",backgroundSize:"cover",margin:"0",padding:"0",border:"0",display:"flex",alignItems:"center"},filter:{"&:before":{background:"rgba(0, 0, 0, 0.5)"},"&:after,&:before":{position:"absolute",zIndex:"1",width:"100%",height:"100%",display:"block",left:"0",top:"0",content:"''"}},small:{height:"380px"}},ne=Object(d.a)(te);function re(e){var a,t;t=window.innerWidth>=768?window.pageYOffset/3:0;var n=r.a.useState("translate3d(0,"+t+"px,0)"),o=Object(u.a)(n,2),l=o[0],i=o[1];r.a.useEffect((function(){return window.innerWidth>=768&&window.addEventListener("scroll",c),function(){window.innerWidth>=768&&window.removeEventListener("scroll",c)}}));var c=function(){var e=window.pageYOffset/3;i("translate3d(0,"+e+"px,0)")},s=e.filter,d=e.className,b=e.children,g=e.style,x=e.image,h=e.small,f=ne(),E=m()((a={},Object(p.a)(a,f.parallax,!0),Object(p.a)(a,f.filter,s),Object(p.a)(a,f.small,h),Object(p.a)(a,d,void 0!==d),a));return r.a.createElement("div",{className:E,style:Object(w.a)(Object(w.a)({},g),{},{backgroundImage:"url("+x+")",transform:l})},b)}var oe=t(376),le=t(344),ie=t(345),ce=t(342),se=t(341),me=t(340),de=t(70),pe=t(289),ue=t(343),be=t(338),ge=t(339),xe=function(e){return{popperClose:{pointerEvents:"none"},dropdown:{borderRadius:"3px",border:"0",boxShadow:"0 2px 5px 0 rgba(0, 0, 0, 0.26)",top:"100%",zIndex:"1000",minWidth:"160px",padding:"5px 0",margin:"2px 0 0",fontSize:"14px",textAlign:"left",listStyle:"none",backgroundColor:"#fff",backgroundClip:"padding-box"},menuList:{padding:"0"},popperResponsive:Object(p.a)({zIndex:"1200"},e.breakpoints.down("sm"),{zIndex:"1640",position:"static",float:"none",width:"auto",marginTop:"0",backgroundColor:"transparent",border:"0",boxShadow:"none",color:"black"}),dropdownItem:Object(w.a)(Object(w.a)({},C),{},{fontSize:"13px",padding:"10px 20px",margin:"0 5px",borderRadius:"2px",position:"relative",transition:"all 150ms linear",display:"block",clear:"both",fontWeight:"400",height:"fit-content",color:"#333",whiteSpace:"nowrap",minHeight:"unset"}),blackHover:{"&:hover":{boxShadow:"0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(33, 33, 33, 0.4)",backgroundColor:"#212121",color:"#fff"}},primaryHover:{"&:hover":Object(w.a)({backgroundColor:"#9c27b0",color:"#FFFFFF"},F)},infoHover:{"&:hover":Object(w.a)({backgroundColor:"#00acc1",color:"#FFFFFF"},j)},successHover:{"&:hover":Object(w.a)({backgroundColor:"#4caf50",color:"#FFFFFF"},O)},warningHover:{"&:hover":Object(w.a)({backgroundColor:"#ff9800",color:"#FFFFFF"},R)},dangerHover:{"&:hover":Object(w.a)({backgroundColor:"#f44336",color:"#FFFFFF"},S)},roseHover:{"&:hover":Object(w.a)({backgroundColor:"#e91e63",color:"#FFFFFF"},I)},dropdownItemRTL:{textAlign:"right"},dropdownDividerItem:{margin:"5px 0",backgroundColor:"rgba(0, 0, 0, 0.12)",height:"1px",overflow:"hidden"},buttonIcon:{width:"20px",height:"20px"},caret:{transition:"all 150ms ease-in",display:"inline-block",width:"0",height:"0",marginLeft:"4px",verticalAlign:"middle",borderTop:"4px solid",borderRight:"4px solid transparent",borderLeft:"4px solid transparent"},caretActive:{transform:"rotate(180deg)"},caretRTL:{marginRight:"4px"},dropdownHeader:{display:"block",padding:"0.1875rem 1.25rem",fontSize:"0.75rem",lineHeight:"1.428571",color:"#777",whiteSpace:"nowrap",fontWeight:"inherit",marginTop:"10px",minHeight:"unset","&:hover,&:focus":{backgroundColor:"transparent",cursor:"auto"}},noLiPadding:{padding:"0"}}},he=Object(d.a)(xe);function fe(e){var a,t,n,o=r.a.useState(null),l=Object(u.a)(o,2),i=l[0],c=l[1],s=function(a){c(null),e&&e.onClick&&e.onClick(a)},d=function(e){i.contains(e.target)||c(null)},b=he(),g=e.buttonText,x=e.buttonIcon,h=e.dropdownList,f=e.buttonProps,E=e.dropup,v=e.dropdownHeader,k=e.caret,w=e.hoverColor,N=e.left,y=e.rtlActive,C=e.noLiPadding,F=m()((a={},Object(p.a)(a,b.caret,!0),Object(p.a)(a,b.caretActive,Boolean(i)),Object(p.a)(a,b.caretRTL,y),a)),j=m()((t={},Object(p.a)(t,b.dropdownItem,!0),Object(p.a)(t,b[w+"Hover"],!0),Object(p.a)(t,b.noLiPadding,C),Object(p.a)(t,b.dropdownItemRTL,y),t)),O=null;switch(typeof x){case"object":O=r.a.createElement(e.buttonIcon,{className:b.buttonIcon});break;case"string":O=r.a.createElement(be.a,{className:b.buttonIcon},e.buttonIcon);break;default:O=null}return r.a.createElement("div",null,r.a.createElement("div",null,r.a.createElement(ae,Object.assign({"aria-label":"Notifications","aria-owns":i?"menu-list":null,"aria-haspopup":"true"},f,{onClick:function(e){i&&i.contains(e.target)?c(null):c(e.currentTarget)}}),O,void 0!==g?g:null,k?r.a.createElement("b",{className:F}):null)),r.a.createElement(ge.a,{open:Boolean(i),anchorEl:i,transition:!0,disablePortal:!0,placement:E?N?"top-start":"top":N?"bottom-start":"bottom",className:m()((n={},Object(p.a)(n,b.popperClose,!i),Object(p.a)(n,b.popperResponsive,!0),n))},(function(){return r.a.createElement(pe.a,{in:Boolean(i),id:"menu-list",style:E?{transformOrigin:"0 100% 0"}:{transformOrigin:"0 0 0"}},r.a.createElement(de.a,{className:b.dropdown},r.a.createElement(me.a,{onClickAway:d},r.a.createElement(se.a,{role:"menu",className:b.menuList},void 0!==v?r.a.createElement(ce.a,{onClick:function(){return s(v)},className:b.dropdownHeader},v):null,h.map((function(e,a){return e.divider?r.a.createElement(ue.a,{key:a,onClick:function(){return s("divider")},className:b.dropdownDividerItem}):r.a.createElement(ce.a,{key:a,onClick:function(){return s(e)},className:j},e)}))))))})))}fe.defaultProps={caret:!0,hoverColor:"primary"};var Ee={tooltip:{padding:"10px 15px",minWidth:"130px",color:"#555555",lineHeight:"1.7em",background:"#FFFFFF",border:"none",borderRadius:"3px",boxShadow:"0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2)",maxWidth:"200px",textAlign:"center",fontFamily:'"Helvetica Neue",Helvetica,Arial,sans-serif',fontSize:"0.875em",fontStyle:"normal",fontWeight:"400",textShadow:"none",textTransform:"none",letterSpacing:"normal",wordBreak:"normal",wordSpacing:"normal",wordWrap:"normal",whiteSpace:"normal",lineBreak:"auto"}},ve=function(e){return Object(w.a)(Object(w.a)({list:Object(w.a)(Object(w.a)({},C),{},{fontSize:"14px",margin:0,paddingLeft:"0",listStyle:"none",paddingTop:"0",paddingBottom:"0",color:"inherit"}),listItem:Object(p.a)({float:"left",color:"inherit",position:"relative",display:"block",width:"auto",margin:"0",padding:"0"},e.breakpoints.down("sm"),{width:"100%","&:after":{width:"calc(100% - 30px)",content:'""',display:"block",height:"1px",marginLeft:"15px",backgroundColor:"#e5e5e5"}}),listItemText:{padding:"0 !important"},navLink:Object(p.a)({color:"inherit",position:"relative",padding:"0.9375rem",fontWeight:"400",fontSize:"12px",textTransform:"uppercase",borderRadius:"3px",lineHeight:"20px",textDecoration:"none",margin:"0px",display:"inline-flex","&:hover,&:focus":{color:"inherit",background:"rgba(200, 200, 200, 0.2)"}},e.breakpoints.down("sm"),{width:"calc(100% - 30px)",marginLeft:"15px",marginBottom:"8px",marginTop:"8px",textAlign:"left","& > span:first-child":{justifyContent:"flex-start"}}),notificationNavLink:{color:"inherit",padding:"0.9375rem",fontWeight:"400",fontSize:"12px",textTransform:"uppercase",lineHeight:"20px",textDecoration:"none",margin:"0px",display:"inline-flex",top:"4px"},registerNavLink:{top:"3px",position:"relative",fontWeight:"400",fontSize:"12px",textTransform:"uppercase",lineHeight:"20px",textDecoration:"none",margin:"0px",display:"inline-flex"},navLinkActive:{color:"inherit",backgroundColor:"rgba(255, 255, 255, 0.1)"},icons:{width:"20px",height:"20px",marginRight:"3px"},socialIcons:{position:"relative",fontSize:"20px !important",marginRight:"4px"},dropdownLink:{"&,&:hover,&:focus":{color:"inherit",textDecoration:"none",display:"block",padding:"10px 20px"}}},Ee),{},{marginRight5:{marginRight:"5px"}})},ke=Object(d.a)(ve);function we(e){var a=ke();return r.a.createElement(K.a,{className:a.list},r.a.createElement(M.a,{className:a.listItem},r.a.createElement(fe,{noLiPadding:!0,buttonText:"Components",buttonProps:{className:a.navLink,color:"transparent"},buttonIcon:le.a,dropdownList:[r.a.createElement(i.b,{to:"/",className:a.dropdownLink},"All components"),r.a.createElement("a",{href:"https://creativetimofficial.github.io/material-kit-react/#/documentation?ref=mkr-navbar",target:"_blank",className:a.dropdownLink},"Documentation")]})),r.a.createElement(M.a,{className:a.listItem},r.a.createElement(ae,{href:"https://www.creative-tim.com/product/material-kit-react?ref=mkr-navbar",color:"transparent",target:"_blank",className:a.navLink},r.a.createElement(ie.a,{className:a.icons})," Download")),r.a.createElement(M.a,{className:a.listItem},r.a.createElement(oe.a,{id:"instagram-twitter",title:"Follow us on twitter",placement:window.innerWidth>959?"top":"left",classes:{tooltip:a.tooltip}},r.a.createElement(ae,{href:"https://twitter.com/CreativeTim?ref=creativetim",target:"_blank",color:"transparent",className:a.navLink},r.a.createElement("i",{className:a.socialIcons+" fab fa-twitter"})))),r.a.createElement(M.a,{className:a.listItem},r.a.createElement(oe.a,{id:"instagram-facebook",title:"Follow us on facebook",placement:window.innerWidth>959?"top":"left",classes:{tooltip:a.tooltip}},r.a.createElement(ae,{color:"transparent",href:"https://www.facebook.com/CreativeTim?ref=creativetim",target:"_blank",className:a.navLink},r.a.createElement("i",{className:a.socialIcons+" fab fa-facebook"})))),r.a.createElement(M.a,{className:a.listItem},r.a.createElement(oe.a,{id:"instagram-tooltip",title:"Follow us on instagram",placement:window.innerWidth>959?"top":"left",classes:{tooltip:a.tooltip}},r.a.createElement(ae,{color:"transparent",href:"https://www.instagram.com/CreativeTimOfficial?ref=creativetim",target:"_blank",className:a.navLink},r.a.createElement("i",{className:a.socialIcons+" fab fa-instagram"})))))}var Ne=t(181),ye=t(117),Ce=t.n(ye),Fe=t(348),je=t(349),Oe=t(374),Re=t(372),Se=t(350),Ie=t(63),Te=t.n(Ie),Ae=t(101),Le=t.n(Ae),Be=t(34),He=t.n(Be),ze=t(44),We=t.n(ze),De=t(346),Pe=t(377),Ke=t(375),Me={disabled:{"&:before":{borderColor:"transparent !important"}},underline:{"&:hover:not($disabled):before,&:before":{borderColor:"#D2D2D2 !important",borderWidth:"1px !important"},"&:after":{borderColor:"#9c27b0"}},underlineError:{"&:after":{borderColor:"#f44336"}},underlineSuccess:{"&:after":{borderColor:"#4caf50"}},whiteUnderline:{"&:hover:not($disabled):before,&:before":{borderColor:"#FFFFFF"},"&:after":{borderColor:"#FFFFFF"}},labelRoot:Object(w.a)(Object(w.a)({},C),{},{color:"#AAAAAA !important",fontWeight:"400",fontSize:"14px",lineHeight:"1.42857",top:"10px",letterSpacing:"unset","& + $underline":{marginTop:"0px"}}),labelRootError:{color:"#f44336 !important"},labelRootSuccess:{color:"#4caf50 !important"},formControl:{margin:"0 0 17px 0",paddingTop:"27px",position:"relative","& svg,& .fab,& .far,& .fal,& .fas,& .material-icons":{color:"#495057"}},input:{color:"#495057",height:"unset","&,&::placeholder":{fontSize:"14px",fontFamily:'"Roboto", "Helvetica", "Arial", sans-serif',fontWeight:"400",lineHeight:"1.42857",opacity:"1"},"&::placeholder":{color:"#AAAAAA"}},whiteInput:{"&,&::placeholder":{color:"#FFFFFF",opacity:"1"}}},qe=Object(d.a)(Me);function Ue(e){var a,t,n,o,l=qe(),i=e.formControlProps,c=e.labelText,s=e.id,d=e.labelProps,u=e.inputProps,b=e.error,g=e.white,x=e.inputRootCustomClasses,h=e.success,f=m()((a={},Object(p.a)(a," "+l.labelRootError,b),Object(p.a)(a," "+l.labelRootSuccess,h&&!b),a)),E=m()((t={},Object(p.a)(t,l.underlineError,b),Object(p.a)(t,l.underlineSuccess,h&&!b),Object(p.a)(t,l.underline,!0),Object(p.a)(t,l.whiteUnderline,g),t)),v=m()(Object(p.a)({},x,void 0!==x)),k=m()((n={},Object(p.a)(n,l.input,!0),Object(p.a)(n,l.whiteInput,g),n));return o=void 0!==i?m()(i.className,l.formControl):l.formControl,r.a.createElement(De.a,Object.assign({},i,{className:o}),void 0!==c?r.a.createElement(Pe.a,Object.assign({className:l.labelRoot+" "+f,htmlFor:s},d),c):null,r.a.createElement(Ke.a,Object.assign({classes:{input:k,root:v,disabled:l.disabled,underline:E},id:s},u)))}var Ve=t(347),Qe={root:{height:"4px",marginBottom:"20px",overflow:"hidden"},bar:{height:"4px"},primary:{backgroundColor:"#9c27b0"},warning:{backgroundColor:"#ff9800"},danger:{backgroundColor:"#f44336"},success:{backgroundColor:"#4caf50"},info:{backgroundColor:"#00acc1"},rose:{backgroundColor:"#e91e63"},gray:{backgroundColor:"#999999"},primaryBackground:{background:"rgba(156, 39, 176, 0.2)"},warningBackground:{background:"rgba(255, 152, 0, 0.2)"},dangerBackground:{background:"rgba(244, 67, 54, 0.2)"},successBackground:{background:"rgba(76, 175, 80, 0.2)"},infoBackground:{background:"rgba(0, 188, 212, 0.2)"},roseBackground:{background:"rgba(233, 30, 99, 0.2)"},grayBackground:{background:"rgba(221, 221, 221, 0.2)"}},Xe=Object(d.a)(Qe);function Je(e){var a=Xe(),t=e.color,n=Object(Q.a)(e,["color"]);return r.a.createElement(Ve.a,Object.assign({},n,{classes:{root:a.root+" "+a[t+"Background"],bar:a.bar+" "+a[t]}}))}Je.defaultProps={color:"gray"};var Ge={pagination:{display:"inline-block",paddingLeft:"0",margin:"0 0 20px 0",borderRadius:"4px"},paginationItem:{display:"inline"},paginationLink:{":first-of-type":{marginleft:"0"},letterSpacing:"unset",border:"0",borderRadius:"30px !important",transition:"all .3s",padding:"0px 11px",margin:"0 3px",minWidth:"30px",height:"30px",minHeight:"auto",lineHeight:"30px",fontWeight:"400",fontSize:"12px",textTransform:"uppercase",background:"transparent",position:"relative",float:"left",textDecoration:"none",boxSizing:"border-box","&,&:hover,&:focus":{color:"#999999"},"&:hover,&:focus":{zIndex:"3",backgroundColor:"#eee",borderColor:"#ddd"},"&:hover":{cursor:"pointer"}},primary:{"&,&:hover,&:focus":{backgroundColor:"#9c27b0",borderColor:"#9c27b0",color:"#FFFFFF",boxShadow:"0 4px 5px 0 rgba(156, 39, 176, 0.14), 0 1px 10px 0 rgba(156, 39, 176, 0.12), 0 2px 4px -1px rgba(156, 39, 176, 0.2)"},"&:hover,&:focus":{zIndex:"2",cursor:"default"}},info:{"&,&:hover,&:focus":{backgroundColor:"#00acc1",borderColor:"#00acc1",color:"#FFFFFF",boxShadow:"0 4px 5px 0 rgba(0, 188, 212, 0.14), 0 1px 10px 0 rgba(0, 188, 212, 0.12), 0 2px 4px -1px rgba(0, 188, 212, 0.2)"},"&:hover,&:focus":{zIndex:"2",cursor:"default"}},success:{"&,&:hover,&:focus":{backgroundColor:"#4caf50",borderColor:"#4caf50",color:"#FFFFFF",boxShadow:"0 4px 5px 0 rgba(76, 175, 80, 0.14), 0 1px 10px 0 rgba(76, 175, 80, 0.12), 0 2px 4px -1px rgba(76, 175, 80, 0.2)"},"&:hover,&:focus":{zIndex:"2",cursor:"default"}},warning:{"&,&:hover,&:focus":{backgroundColor:"#ff9800",borderColor:"#ff9800",color:"#FFFFFF",boxShadow:"0 4px 5px 0 rgba(255, 152, 0, 0.14), 0 1px 10px 0 rgba(255, 152, 0, 0.12), 0 2px 4px -1px rgba(255, 152, 0, 0.2)"},"&:hover,&:focus":{zIndex:"2",cursor:"default"}},danger:{"&,&:hover,&:focus":{backgroundColor:"#f44336",borderColor:"#f44336",color:"#FFFFFF",boxShadow:"0 4px 5px 0 rgba(244, 67, 54, 0.14), 0 1px 10px 0 rgba(244, 67, 54, 0.12), 0 2px 4px -1px rgba(244, 67, 54, 0.2)"},"&:hover,&:focus":{zIndex:"2",cursor:"default"}},disabled:{"&,&:hover,&:focus":{color:"#777",cursor:"not-allowed",backgroundColor:"#fff",borderColor:"#ddd"}}},Ze=Object(d.a)(Ge);function Ye(e){var a=Ze(),t=e.pages,n=e.color;return r.a.createElement("ul",{className:a.pagination},t.map((function(e,t){var o,l=m()((o={},Object(p.a)(o,a.paginationLink,!0),Object(p.a)(o,a[n],e.active),Object(p.a)(o,a.disabled,e.disabled),o));return r.a.createElement("li",{className:a.paginationItem,key:t},void 0!==e.onClick?r.a.createElement(h.a,{onClick:e.onClick,className:l},e.text):r.a.createElement(h.a,{onClick:function(){return alert("you've clicked "+e.text)},className:l},e.text))})))}Ye.defaultProps={color:"primary"};var _e={badge:{marginRight:"3px",borderRadius:"12px",padding:"5px 12px",textTransform:"uppercase",fontSize:"10px",fontWeight:"500",lineHeight:"1",color:"#fff",textAlign:"center",whiteSpace:"nowrap",verticalAlign:"baseline",display:"inline-block"},primary:{backgroundColor:"#9c27b0"},warning:{backgroundColor:"#ff9800"},danger:{backgroundColor:"#f44336"},success:{backgroundColor:"#4caf50"},info:{backgroundColor:"#00acc1"},rose:{backgroundColor:"#e91e63"},gray:{backgroundColor:"#6c757d"}},$e=Object(d.a)(_e);function ea(e){var a=$e(),t=e.color,n=e.children;return r.a.createElement("span",{className:a.badge+" "+a[t]},n)}ea.defaultProps={color:"gray"};var aa={checkRoot:{padding:"12px","&:hover":{backgroundColor:"unset"}},radioRoot:{padding:"12px","&:hover":{backgroundColor:"unset"}},labelRoot:{marginLeft:"-14px"},checkboxAndRadio:{position:"relative",display:"block",marginTop:"10px",marginBottom:"10px"},checkboxAndRadioHorizontal:{position:"relative",display:"block","&:first-child":{marginTop:"10px"},"&:not(:first-child)":{marginTop:"-14px"},marginTop:"0",marginBottom:"0"},checked:{color:"#9c27b0!important"},checkedIcon:{width:"20px",height:"20px",border:"1px solid rgba(0, 0, 0, .54)",borderRadius:"3px"},uncheckedIcon:{width:"0px",height:"0px",padding:"9px",border:"1px solid rgba(0, 0, 0, .54)",borderRadius:"3px"},disabledCheckboxAndRadio:{opacity:"0.45"},label:{cursor:"pointer",paddingLeft:"0",color:"rgba(0, 0, 0, 0.26)",fontSize:"14px",lineHeight:"1.428571429",fontWeight:"400",display:"inline-flex",transition:"0.3s ease all",letterSpacing:"unset"},labelHorizontal:{color:"rgba(0, 0, 0, 0.26)",cursor:"pointer",display:"inline-flex",fontSize:"14px",lineHeight:"1.428571429",fontWeight:"400",paddingTop:"39px",marginRight:"0","@media (min-width: 992px)":{float:"right"}},labelHorizontalRadioCheckbox:{paddingTop:"22px"},labelLeftHorizontal:{color:"rgba(0, 0, 0, 0.26)",cursor:"pointer",display:"inline-flex",fontSize:"14px",lineHeight:"1.428571429",fontWeight:"400",paddingTop:"22px",marginRight:"0"},labelError:{color:"#f44336"},radio:{color:"#9c27b0!important"},radioChecked:{width:"16px",height:"16px",border:"1px solid #9c27b0",borderRadius:"50%"},radioUnchecked:{width:"0px",height:"0px",padding:"7px",border:"1px solid rgba(0, 0, 0, .54)",borderRadius:"50%"},inlineChecks:{marginTop:"8px"},iconCheckbox:{height:"116px",width:"116px",color:"#999999","& > span:first-child":{borderWidth:"4px",borderStyle:"solid",borderColor:"#CCCCCC",textAlign:"center",verticalAlign:"middle",borderRadius:"50%",color:"inherit",margin:"0 auto 20px",transition:"all 0.2s"},"&:hover":{color:"#e91e63","& > span:first-child":{borderColor:"#e91e63"}}},iconCheckboxChecked:{color:"#e91e63","& > span:first-child":{borderColor:"#e91e63"}},iconCheckboxIcon:{fontSize:"40px",lineHeight:"111px"},switchBase:{color:"#9c27b0!important"},switchIcon:{boxShadow:"0 1px 3px 1px rgba(0, 0, 0, 0.4)",color:"#FFFFFF !important",border:"1px solid rgba(0, 0, 0, .54)"},switchBar:{width:"30px",height:"15px",backgroundColor:"rgb(80, 80, 80)",borderRadius:"15px",opacity:"0.7!important"},switchChecked:{"& + $switchBar":{backgroundColor:"rgba(156, 39, 176, 1) !important"},"& $switchIcon":{borderColor:"#9c27b0"}},switchRoot:{height:"48px"}},ta=Object(w.a)({sections:{padding:"70px 0"},container:y,title:Object(w.a)(Object(w.a)({},z),{},{marginTop:"30px",minHeight:"32px",textDecoration:"none"}),space50:{height:"50px",display:"block"},space70:{height:"70px",display:"block"},icons:{width:"17px",height:"17px",color:"#FFFFFF"}},aa),na=Object(d.a)(ta);function ra(){var e=na(),a=r.a.useState([24,22]),t=Object(u.a)(a,2),n=t[0],o=t[1],l=r.a.useState("b"),i=Object(u.a)(l,2),c=i[0],s=i[1],m=r.a.useState(!0),d=Object(u.a)(m,2),p=d[0],b=d[1],g=r.a.useState(!1),x=Object(u.a)(g,2),h=x[0],f=x[1];r.a.useEffect((function(){return document.getElementById("sliderRegular").classList.contains("noUi-target")||Ce.a.create(document.getElementById("sliderRegular"),{start:[40],connect:[!0,!1],step:1,range:{min:0,max:100}}),document.getElementById("sliderDouble").classList.contains("noUi-target")||Ce.a.create(document.getElementById("sliderDouble"),{start:[20,60],connect:[!1,!0,!1],step:1,range:{min:0,max:100}}),function(){}}));var E=function(e){var a=n.indexOf(e),t=Object(Ne.a)(n);-1===a?t.push(e):t.splice(a,1),o(t)};return r.a.createElement("div",{className:e.sections},r.a.createElement("div",{className:e.container},r.a.createElement("div",{className:e.title},r.a.createElement("h2",null,"Basic Elements")),r.a.createElement("div",{id:"buttons"},r.a.createElement("div",{className:e.title},r.a.createElement("h3",null,"Buttons",r.a.createElement("br",null),r.a.createElement("small",null,"Pick your style"))),r.a.createElement(G,{justify:"center"},r.a.createElement(Y,{xs:12,sm:12,md:8},r.a.createElement(ae,{color:"primary"},"Default"),r.a.createElement(ae,{color:"primary",round:!0},"round"),r.a.createElement(ae,{color:"primary",round:!0},r.a.createElement(Te.a,{className:e.icons})," with icon"),r.a.createElement(ae,{justIcon:!0,round:!0,color:"primary"},r.a.createElement(Te.a,{className:e.icons})),r.a.createElement(ae,{color:"primary",simple:!0},"simple"))),r.a.createElement("div",{className:e.title},r.a.createElement("h3",null,r.a.createElement("small",null,"Pick your size"))),r.a.createElement(G,{justify:"center"},r.a.createElement(Y,{xs:12,sm:12,md:8},r.a.createElement(ae,{color:"primary",size:"sm"},"Small"),r.a.createElement(ae,{color:"primary"},"Regular"),r.a.createElement(ae,{color:"primary",size:"lg"},"Large"))),r.a.createElement("div",{className:e.title},r.a.createElement("h3",null,r.a.createElement("small",null,"Pick your color"))),r.a.createElement(G,{justify:"center"},r.a.createElement(Y,{xs:12,sm:12,md:8},r.a.createElement(ae,null,"Default"),r.a.createElement(ae,{color:"primary"},"Primary"),r.a.createElement(ae,{color:"info"},"Info"),r.a.createElement(ae,{color:"success"},"Success"),r.a.createElement(ae,{color:"warning"},"Warning"),r.a.createElement(ae,{color:"danger"},"Danger"),r.a.createElement(ae,{color:"rose"},"Rose")))),r.a.createElement("div",{className:e.space50}),r.a.createElement("div",{id:"inputs"},r.a.createElement("div",{className:e.title},r.a.createElement("h3",null,"Inputs")),r.a.createElement(G,null,r.a.createElement(Y,{xs:12,sm:4,md:4,lg:3},r.a.createElement(Ue,{id:"regular",inputProps:{placeholder:"Regular"},formControlProps:{fullWidth:!0}})),r.a.createElement(Y,{xs:12,sm:4,md:4,lg:3},r.a.createElement(Ue,{labelText:"With floating label",id:"float",formControlProps:{fullWidth:!0}})),r.a.createElement(Y,{xs:12,sm:4,md:4,lg:3},r.a.createElement(Ue,{labelText:"Success input",id:"success",success:!0,formControlProps:{fullWidth:!0}})),r.a.createElement(Y,{xs:12,sm:4,md:4,lg:3},r.a.createElement(Ue,{labelText:"Error input",id:"error",error:!0,formControlProps:{fullWidth:!0}})),r.a.createElement(Y,{xs:12,sm:4,md:4,lg:3},r.a.createElement(Ue,{labelText:"With material Icons",id:"material",formControlProps:{fullWidth:!0},inputProps:{endAdornment:r.a.createElement(Fe.a,{position:"end"},r.a.createElement(Le.a,null))}})),r.a.createElement(Y,{xs:12,sm:4,md:4,lg:3},r.a.createElement(Ue,{labelText:"With Font Awesome Icons",id:"font-awesome",formControlProps:{fullWidth:!0},inputProps:{endAdornment:r.a.createElement(Fe.a,{position:"end"},r.a.createElement("i",{className:"fas fa-users"}))}})))),r.a.createElement("div",{className:e.space70}),r.a.createElement("div",{id:"checkRadios"},r.a.createElement(G,null,r.a.createElement(Y,{xs:12,sm:6,md:4,lg:3},r.a.createElement("div",{className:e.title},r.a.createElement("h3",null,"Checkboxes")),r.a.createElement("div",{className:e.checkboxAndRadio+" "+e.checkboxAndRadioHorizontal},r.a.createElement(je.a,{control:r.a.createElement(Oe.a,{tabIndex:-1,onClick:function(){return E(21)},checkedIcon:r.a.createElement(He.a,{className:e.checkedIcon}),icon:r.a.createElement(He.a,{className:e.uncheckedIcon}),classes:{checked:e.checked,root:e.checkRoot}}),classes:{label:e.label,root:e.labelRoot},label:"Unchecked"})),r.a.createElement("div",{className:e.checkboxAndRadio+" "+e.checkboxAndRadioHorizontal},r.a.createElement(je.a,{control:r.a.createElement(Oe.a,{tabIndex:-1,onClick:function(){return E(22)},checked:-1!==n.indexOf(22),checkedIcon:r.a.createElement(He.a,{className:e.checkedIcon}),icon:r.a.createElement(He.a,{className:e.uncheckedIcon}),classes:{checked:e.checked,root:e.checkRoot}}),classes:{label:e.label,root:e.labelRoot},label:"Checked"})),r.a.createElement("div",{className:e.checkboxAndRadio+" "+e.checkboxAndRadioHorizontal},r.a.createElement(je.a,{disabled:!0,control:r.a.createElement(Oe.a,{tabIndex:-1,checkedIcon:r.a.createElement(He.a,{className:e.checkedIcon}),icon:r.a.createElement(He.a,{className:e.uncheckedIcon}),classes:{checked:e.checked,root:e.checkRoot}}),classes:{label:e.label,disabled:e.disabledCheckboxAndRadio,root:e.labelRoot},label:"Disabled Unchecked"})),r.a.createElement("div",{className:e.checkboxAndRadio+" "+e.checkboxAndRadioHorizontal},r.a.createElement(je.a,{disabled:!0,control:r.a.createElement(Oe.a,{tabIndex:-1,checked:-1!==n.indexOf(24),checkedIcon:r.a.createElement(He.a,{className:e.checkedIcon}),icon:r.a.createElement(He.a,{className:e.uncheckedIcon}),classes:{checked:e.checked,root:e.checkRoot}}),classes:{label:e.label,disabled:e.disabledCheckboxAndRadio,root:e.labelRoot},label:"Disabled Checked"}))),r.a.createElement(Y,{xs:12,sm:6,md:4,lg:3},r.a.createElement("div",{className:e.title},r.a.createElement("h3",null,"Radio Buttons")),r.a.createElement("div",{className:e.checkboxAndRadio+" "+e.checkboxAndRadioHorizontal},r.a.createElement(je.a,{control:r.a.createElement(Re.a,{checked:"a"===c,onChange:function(){return s("a")},value:"a",name:"radio button enabled","aria-label":"A",icon:r.a.createElement(We.a,{className:e.radioUnchecked}),checkedIcon:r.a.createElement(We.a,{className:e.radioChecked}),classes:{checked:e.radio,root:e.radioRoot}}),classes:{label:e.label,root:e.labelRoot},label:"First Radio"})),r.a.createElement("div",{className:e.checkboxAndRadio+" "+e.checkboxAndRadioHorizontal},r.a.createElement(je.a,{control:r.a.createElement(Re.a,{checked:"b"===c,onChange:function(){return s("b")},value:"b",name:"radio button enabled","aria-label":"B",icon:r.a.createElement(We.a,{className:e.radioUnchecked}),checkedIcon:r.a.createElement(We.a,{className:e.radioChecked}),classes:{checked:e.radio,root:e.radioRoot}}),classes:{label:e.label,root:e.labelRoot},label:"Second Radio"})),r.a.createElement("div",{className:e.checkboxAndRadio+" "+e.checkboxAndRadioHorizontal},r.a.createElement(je.a,{disabled:!0,control:r.a.createElement(Re.a,{checked:!1,value:"a",name:"radio button disabled","aria-label":"B",icon:r.a.createElement(We.a,{className:e.radioUnchecked}),checkedIcon:r.a.createElement(We.a,{className:e.radioChecked}),classes:{checked:e.radio,disabled:e.disabledCheckboxAndRadio,root:e.radioRoot}}),classes:{label:e.label,root:e.labelRoot},label:"Disabled Unchecked Radio"})),r.a.createElement("div",{className:e.checkboxAndRadio+" "+e.checkboxAndRadioHorizontal},r.a.createElement(je.a,{disabled:!0,control:r.a.createElement(Re.a,{checked:!0,value:"b",name:"radio button disabled","aria-label":"B",icon:r.a.createElement(We.a,{className:e.radioUnchecked}),checkedIcon:r.a.createElement(We.a,{className:e.radioChecked}),classes:{checked:e.radio,disabled:e.disabledCheckboxAndRadio,root:e.radioRoot}}),classes:{label:e.label,root:e.labelRoot},label:"Disabled Checked Radio"}))),r.a.createElement(Y,{xs:12,sm:6,md:4,lg:3},r.a.createElement("div",{className:e.title},r.a.createElement("h3",null,"Toggle Buttons")),r.a.createElement("div",null,r.a.createElement(je.a,{control:r.a.createElement(Se.a,{checked:p,onChange:function(e){return b(e.target.checked)},value:"checkedA",classes:{switchBase:e.switchBase,checked:e.switchChecked,thumb:e.switchIcon,track:e.switchBar}}),classes:{label:e.label},label:"Toggle is on"})),r.a.createElement("div",null,r.a.createElement(je.a,{control:r.a.createElement(Se.a,{checked:h,onChange:function(e){return f(e.target.checked)},value:"checkedB",classes:{switchBase:e.switchBase,checked:e.switchChecked,thumb:e.switchIcon,track:e.switchBar}}),classes:{label:e.label},label:"Toggle is off"}))))),r.a.createElement("div",{className:e.space70}),r.a.createElement("div",{id:"progress"},r.a.createElement(G,null,r.a.createElement(Y,{xs:12,sm:12,md:6},r.a.createElement("div",{className:e.title},r.a.createElement("h3",null,"Progress Bars")),r.a.createElement(Je,{variant:"determinate",color:"primary",value:30}),r.a.createElement(Je,{variant:"determinate",color:"info",value:60}),r.a.createElement(Je,{variant:"determinate",color:"success",value:100,style:{width:"35%",display:"inline-block"}}),r.a.createElement(Je,{variant:"determinate",color:"warning",value:100,style:{width:"20%",display:"inline-block"}}),r.a.createElement(Je,{variant:"determinate",color:"danger",value:25,style:{width:"45%",display:"inline-block"}})),r.a.createElement(Y,{xs:12,sm:12,md:6},r.a.createElement("div",{className:e.title},r.a.createElement("h3",null,"Pagination")),r.a.createElement(Ye,{pages:[{text:1},{text:"..."},{text:5},{text:6},{active:!0,text:7},{text:8},{text:9},{text:"..."},{text:12}]}),r.a.createElement(Ye,{pages:[{text:"PREV"},{text:1},{text:2},{active:!0,text:3},{text:4},{text:5},{text:"NEXT"}],color:"info"})))),r.a.createElement("div",{id:"sliders"},r.a.createElement(G,null,r.a.createElement(Y,{xs:12,sm:12,md:6},r.a.createElement("div",{className:e.title},r.a.createElement("h3",null,"Sliders")),r.a.createElement("div",{id:"sliderRegular",className:"slider-primary"}),r.a.createElement("br",null),r.a.createElement("div",{id:"sliderDouble",className:"slider-info"})),r.a.createElement(Y,{xs:12,sm:12,md:6},r.a.createElement("div",{className:e.title},r.a.createElement("h3",null,"Badges")),r.a.createElement(ea,null,"default"),r.a.createElement(ea,{color:"primary"},"primary"),r.a.createElement(ea,{color:"info"},"info"),r.a.createElement(ea,{color:"success"},"success"),r.a.createElement(ea,{color:"warning"},"warning"),r.a.createElement(ea,{color:"danger"},"danger"),r.a.createElement(ea,{color:"rose"},"rose"))))))}var oa=t(150),la=t.n(oa),ia=t(77),ca=t.n(ia),sa=t(78),ma=t.n(sa),da=t(152),pa=t.n(da),ua=t(151),ba=t.n(ua),ga=t(102),xa=t.n(ga),ha=t(54),fa=t.n(ha),Ea=function(e){return Object(w.a)(Object(w.a)({section:{padding:"70px 0",paddingTop:"0"},container:y,title:Object(w.a)(Object(w.a)({},z),{},{marginTop:"30px",minHeight:"32px",textDecoration:"none"}),navbar:{marginBottom:"-20px",zIndex:"100",position:"relative",overflow:"hidden","& header":{borderRadius:"0"}},navigation:{backgroundPosition:"center center",backgroundSize:"cover",marginTop:"0",minHeight:"740px"},formControl:{margin:"0 !important",paddingTop:"0"},inputRootCustomClasses:{margin:"0!important"},searchIcon:{width:"20px",height:"20px",color:"inherit"}},ve(e)),{},{img:{width:"40px",height:"40px",borderRadius:"50%"},imageDropdownButton:{padding:"0px",top:"4px",borderRadius:"50%",marginLeft:"5px"}})},va=Object(d.a)(Ea);function ka(){var e=va();return r.a.createElement("div",{className:e.section},r.a.createElement("div",{className:e.container},r.a.createElement(G,null,r.a.createElement(Y,{xs:12,sm:12,md:6},r.a.createElement("div",{className:e.title},r.a.createElement("h3",null,"Menu")),r.a.createElement(P,{brand:"Menu",color:"primary",leftLinks:r.a.createElement(K.a,{className:e.list},r.a.createElement(M.a,{className:e.listItem},r.a.createElement(ae,{href:"#pablo",className:e.navLink,onClick:function(e){return e.preventDefault()},color:"transparent"},"Link")),r.a.createElement(M.a,{className:e.listItem},r.a.createElement(ae,{href:"#pablo",className:e.navLink,onClick:function(e){return e.preventDefault()},color:"transparent"},"Link")),r.a.createElement(M.a,{className:e.listItem},r.a.createElement(fe,{buttonText:"Dropdown",dropdownHeader:"Dropdown Header",buttonProps:{className:e.navLink,color:"transparent"},dropdownList:["Action","Another action","Something else here",{divider:!0},"Separated link",{divider:!0},"One more separated link"]})))})),r.a.createElement(Y,{xs:12,sm:12,md:6},r.a.createElement("div",{className:e.title},r.a.createElement("h3",null,"Menu with Icons")),r.a.createElement(P,{brand:"Icons",color:"info",rightLinks:r.a.createElement(K.a,{className:e.list},r.a.createElement(M.a,{className:e.listItem},r.a.createElement(ae,{color:"transparent",className:e.navLink},r.a.createElement(ca.a,{className:e.icons}))),r.a.createElement(M.a,{className:e.listItem},r.a.createElement(ae,{color:"transparent",className:e.navLink},r.a.createElement(ma.a,{className:e.icons}))),r.a.createElement(M.a,{className:e.listItem},r.a.createElement(fe,{left:!0,hoverColor:"info",dropdownHeader:"Dropdown Header",buttonIcon:"settings",buttonProps:{className:e.navLink,color:"transparent"},dropdownList:["Action","Another action","Something else here",{divider:!0},"Separated link",{divider:!0},"One more separated link"]})))}))),r.a.createElement("div",{className:e.title},r.a.createElement("h3",null,"Navigation"))),r.a.createElement("div",{id:"navbar",className:e.navbar},r.a.createElement("div",{className:e.navigation,style:{backgroundImage:"url("+xa.a+")"}},r.a.createElement(P,{brand:"Brand",color:"rose",leftLinks:r.a.createElement(K.a,{className:e.list},r.a.createElement(M.a,{className:e.listItem},r.a.createElement(ae,{href:"#pablo",className:e.navLink,onClick:function(e){return e.preventDefault()},color:"transparent"},"Link")),r.a.createElement(M.a,{className:e.listItem},r.a.createElement(ae,{href:"#pablo",className:e.navLink,onClick:function(e){return e.preventDefault()},color:"transparent"},"Link"))),rightLinks:r.a.createElement("div",null,r.a.createElement(Ue,{white:!0,inputRootCustomClasses:e.inputRootCustomClasses,formControlProps:{className:e.formControl},inputProps:{placeholder:"Search",inputProps:{"aria-label":"Search",className:e.searchInput}}}),r.a.createElement(ae,{justIcon:!0,round:!0,color:"white"},r.a.createElement(la.a,{className:e.searchIcon})))}),r.a.createElement(P,{brand:"Info Color",color:"info",rightLinks:r.a.createElement(K.a,{className:e.list},r.a.createElement(M.a,{className:e.listItem},r.a.createElement(ae,{href:"#pablo",className:e.navLink+" "+e.navLinkActive,onClick:function(e){return e.preventDefault()},color:"transparent"},"Discover")),r.a.createElement(M.a,{className:e.listItem},r.a.createElement(ae,{href:"#pablo",className:e.navLink,onClick:function(e){return e.preventDefault()},color:"transparent"},"Profile")),r.a.createElement(M.a,{className:e.listItem},r.a.createElement(ae,{href:"#pablo",className:e.navLink,onClick:function(e){return e.preventDefault()},color:"transparent"},"Settings")))}),r.a.createElement(P,{brand:"Primary Color",color:"primary",rightLinks:r.a.createElement(K.a,{className:e.list},r.a.createElement(M.a,{className:e.listItem},r.a.createElement(ae,{href:"#pablo",className:e.navLink+" "+e.navLinkActive,onClick:function(e){return e.preventDefault()},color:"transparent"},r.a.createElement(ba.a,{className:e.icons})," Discover")),r.a.createElement(M.a,{className:e.listItem},r.a.createElement(ae,{href:"#pablo",className:e.navLink,onClick:function(e){return e.preventDefault()},color:"transparent"},r.a.createElement(pa.a,{className:e.icons})," Profile")),r.a.createElement(M.a,{className:e.listItem},r.a.createElement(ae,{href:"#pablo",className:e.navLink,onClick:function(e){return e.preventDefault()},color:"transparent"},r.a.createElement(be.a,{className:e.icons},"settings")," Settings")))}),r.a.createElement(P,{brand:"Navbar with notifications",color:"dark",rightLinks:r.a.createElement(K.a,{className:e.list},r.a.createElement(M.a,{className:e.listItem},r.a.createElement(ae,{href:"#pablo",className:e.navLink,onClick:function(e){return e.preventDefault()},color:"transparent"},"Discover")),r.a.createElement(M.a,{className:e.listItem},r.a.createElement(ae,{href:"#pablo",className:e.navLink,onClick:function(e){return e.preventDefault()},color:"transparent"},"Wishlist")),r.a.createElement(M.a,{className:e.listItem},r.a.createElement(ae,{justIcon:!0,round:!0,href:"#pablo",className:e.notificationNavLink,onClick:function(e){return e.preventDefault()},color:"rose"},r.a.createElement(ca.a,{className:e.icons}))),r.a.createElement(M.a,{className:e.listItem},r.a.createElement(fe,{left:!0,caret:!1,hoverColor:"black",dropdownHeader:"Dropdown Header",buttonText:r.a.createElement("img",{src:fa.a,className:e.img,alt:"profile"}),buttonProps:{className:e.navLink+" "+e.imageDropdownButton,color:"transparent"},dropdownList:["Me","Settings and other stuff","Sign out"]})))}),r.a.createElement(P,{brand:"Navbar with profile",rightLinks:r.a.createElement(K.a,{className:e.list},r.a.createElement(M.a,{className:e.listItem},r.a.createElement(ae,{href:"#pablo",className:e.navLink,onClick:function(e){return e.preventDefault()},color:"transparent"},"Discover")),r.a.createElement(M.a,{className:e.listItem},r.a.createElement(ae,{href:"#pablo",className:e.navLink,onClick:function(e){return e.preventDefault()},color:"transparent"},"Wishlist")),r.a.createElement(M.a,{className:e.listItem},r.a.createElement(ae,{href:"#pablo",className:e.registerNavLink,onClick:function(e){return e.preventDefault()},color:"rose",round:!0},"Register")))}),r.a.createElement(P,{brand:"Transparent",color:"transparent",rightLinks:r.a.createElement(K.a,{className:e.list},r.a.createElement(M.a,{className:e.listItem},r.a.createElement(ae,{color:"transparent",className:e.navLink+" "+e.socialIconsButton},r.a.createElement("i",{className:e.socialIcons+" "+e.marginRight5+" fab fa-twitter"})," ","Twitter")),r.a.createElement(M.a,{className:e.listItem},r.a.createElement(ae,{color:"transparent",className:e.navLink+" "+e.socialIconsButton},r.a.createElement("i",{className:e.socialIcons+" "+e.marginRight5+" fab fa-facebook"})," ","Facebook")),r.a.createElement(M.a,{className:e.listItem},r.a.createElement(ae,{color:"transparent",className:e.navLink+" "+e.socialIconsButton},r.a.createElement("i",{className:e.socialIcons+" "+e.marginRight5+" fab fa-instagram"})," ","Instagram")))}))))}var wa=t(155),Na=t.n(wa),ya=t(118),Ca=t.n(ya),Fa=t(371),ja=t(351),Oa={card:{border:"0",marginBottom:"30px",marginTop:"30px",borderRadius:"6px",color:"rgba(0, 0, 0, 0.87)",background:"#fff",width:"100%",boxShadow:"0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12)",position:"relative",display:"flex",flexDirection:"column",minWidth:"0",wordWrap:"break-word",fontSize:".875rem",transition:"all 300ms linear"},cardPlain:{background:"transparent",boxShadow:"none"},cardCarousel:{overflow:"hidden"}},Ra=Object(d.a)(Oa);function Sa(e){var a,t=Ra(),n=e.className,o=e.children,l=e.plain,i=e.carousel,c=Object(Q.a)(e,["className","children","plain","carousel"]),s=m()((a={},Object(p.a)(a,t.card,!0),Object(p.a)(a,t.cardPlain,l),Object(p.a)(a,t.cardCarousel,i),Object(p.a)(a,n,void 0!==n),a));return r.a.createElement("div",Object.assign({className:s},c),o)}var Ia={cardBody:{padding:"0.9375rem 1.875rem",flex:"1 1 auto"}},Ta=Object(d.a)(Ia);function Aa(e){var a,t=Ta(),n=e.className,o=e.children,l=Object(Q.a)(e,["className","children"]),i=m()((a={},Object(p.a)(a,t.cardBody,!0),Object(p.a)(a,n,void 0!==n),a));return r.a.createElement("div",Object.assign({className:i},l),o)}var La={cardHeader:{borderRadius:"3px",padding:"1rem 15px",marginLeft:"15px",marginRight:"15px",marginTop:"-30px",border:"0",marginBottom:"0"},cardHeaderPlain:{marginLeft:"0px",marginRight:"0px"},warningCardHeader:T,successCardHeader:A,dangerCardHeader:L,infoCardHeader:B,primaryCardHeader:H},Ba=Object(d.a)(La);function Ha(e){var a,t=Ba(),n=e.className,o=e.children,l=e.color,i=e.plain,c=Object(Q.a)(e,["className","children","color","plain"]),s=m()((a={},Object(p.a)(a,t.cardHeader,!0),Object(p.a)(a,t[l+"CardHeader"],l),Object(p.a)(a,t.cardHeaderPlain,i),Object(p.a)(a,n,void 0!==n),a));return r.a.createElement("div",Object.assign({className:s},c),o)}var za={cardTitle:{float:"left",padding:"10px 10px 10px 0px",lineHeight:"24px"},cardTitleRTL:{float:"right",padding:"10px 0px 10px 10px !important"},displayNone:{display:"none !important"},tabsRoot:{minHeight:"unset !important"},tabRootButton:{minHeight:"unset !important",minWidth:"unset !important",width:"unset !important",height:"unset !important",maxWidth:"unset !important",maxHeight:"unset !important",padding:"10px 15px",borderRadius:"3px",lineHeight:"24px",border:"0 !important",color:"#fff !important",marginLeft:"4px",fontWeight:"500",fontSize:"12px","&:last-child":{marginLeft:"0px"}},tabSelected:{backgroundColor:"rgba(255, 255, 255, 0.2)",transition:"0.2s background-color 0.1s"},tabWrapper:{display:"inline-block",minHeight:"unset !important",minWidth:"unset !important",width:"unset !important",height:"unset !important",maxWidth:"unset !important",maxHeight:"unset !important","& > svg":{verticalAlign:"middle",margin:"-1.55px 5px 0 0 !important"},"&,& *":{letterSpacing:"normal !important"}}},Wa=Object(d.a)(za);function Da(e){var a,t=r.a.useState(0),n=Object(u.a)(t,2),o=n[0],l=n[1],i=Wa(),c=e.headerColor,s=e.plainTabs,d=e.tabs,b=e.title,g=e.rtlActive,x=m()((a={},Object(p.a)(a,i.cardTitle,!0),Object(p.a)(a,i.cardTitleRTL,g),a));return r.a.createElement(Sa,{plain:s},r.a.createElement(Ha,{color:c,plain:s},void 0!==b?r.a.createElement("div",{className:x},b):null,r.a.createElement(Fa.a,{value:o,onChange:function(e,a){l(a)},classes:{root:i.tabsRoot,indicator:i.displayNone}},d.map((function(e,a){var t={};return e.tabIcon&&(t={icon:"string"===typeof e.tabIcon?r.a.createElement(be.a,null,e.tabIcon):r.a.createElement(e.tabIcon,null)}),r.a.createElement(ja.a,Object.assign({classes:{root:i.tabRootButton,label:i.tabLabel,selected:i.tabSelected,wrapper:i.tabWrapper},key:a,label:e.tabName},t))})))),r.a.createElement(Aa,null,d.map((function(e,a){return a===o?r.a.createElement("div",{key:a},e.tabContent):null}))))}var Pa={section:{background:"#EEEEEE",padding:"70px 0"},container:y,textCenter:{textAlign:"center"},img:{width:"150px"}},Ka=t(153),Ma=t.n(Ka),qa=t(105),Ua=t.n(qa),Va=t(154),Qa=t.n(Va),Xa=Object(d.a)(Pa);function Ja(){var e=Xa();return r.a.createElement("div",{className:e.container},r.a.createElement("div",{id:"nav-tabs"},r.a.createElement("h3",null,"Certificates"),r.a.createElement("br",null),r.a.createElement(Da,{headerColor:"primary",tabs:[{tabName:"GIT",tabIcon:ma.a,tabContent:r.a.createElement("div",null,r.a.createElement(X.a,{container:!0,spacing:3},r.a.createElement(X.a,{item:!0,xs:6},r.a.createElement("img",{src:Ma.a,className:e.img,alt:"Platzi"})),r.a.createElement(X.a,{item:!0,xs:6},r.a.createElement("h4",{className:e.page},"Curso profesional de Git y Github"))))},{tabName:"Bancolombia",tabIcon:ma.a,tabContent:r.a.createElement("div",null,r.a.createElement(X.a,{container:!0,spacing:3},r.a.createElement(X.a,{item:!0,xs:6},r.a.createElement("img",{src:Qa.a,className:e.img,alt:"Bancolombia"})),r.a.createElement(X.a,{item:!0,xs:6},r.a.createElement("h4",{className:e.page},"Pasant\xeda Grupo Bancolombia"))))},{tabName:"Node JS",tabIcon:Na.a,tabContent:r.a.createElement("div",null,r.a.createElement(X.a,{container:!0,spacing:3},r.a.createElement(X.a,{item:!0,xs:6},r.a.createElement("img",{src:Ua.a,className:e.img,alt:"Udemy"})),r.a.createElement(X.a,{item:!0,xs:6},r.a.createElement("h4",{className:e.page},"Node: De cero a experto"))))},{tabName:"React With Redux",tabIcon:Ca.a,tabContent:r.a.createElement("div",null,r.a.createElement(X.a,{container:!0,spacing:3},r.a.createElement(X.a,{item:!0,xs:6},r.a.createElement("img",{src:Ua.a,className:e.img,alt:"Udemy"})),r.a.createElement(X.a,{item:!0,xs:6},r.a.createElement("h4",{className:e.page},"React de cero a experto (Hooks y MERN)"))))},{tabName:"React Native",tabIcon:Ca.a,tabContent:r.a.createElement("div",null,r.a.createElement(X.a,{container:!0,spacing:3},r.a.createElement(X.a,{item:!0,xs:6},r.a.createElement("img",{src:Ua.a,className:e.img,alt:"Udemy"})),r.a.createElement(X.a,{item:!0,xs:6},r.a.createElement("h4",{className:e.page},"Creando un TripAdvisor de Restaurantes"))))}]})))}var Ga=t(119),Za=t.n(Ga),Ya=t(120),_a=t.n(Ya),$a=t(157),et=t.n($a),at=t(156),tt=t.n(at),nt=function(e){return{root:{marginTop:"20px",paddingLeft:"0",marginBottom:"0",overflow:"visible !important",lineHeight:"24px",textTransform:"uppercase",fontSize:"12px",fontWeight:"500",position:"relative",display:"block",color:"inherit"},flexContainer:Object(p.a)({},e.breakpoints.down("xs"),{display:"flex",flexWrap:"wrap"}),displayNone:{display:"none !important"},fixed:{overflow:"visible !important"},horizontalDisplay:{display:"block"},pills:{float:"left",position:"relative",display:"block",borderRadius:"30px",minWidth:"100px",textAlign:"center",transition:"all .3s",padding:"10px 15px",color:"#555555",height:"auto",opacity:"1",maxWidth:"100%",margin:"0 5px"},pillsWithIcons:{borderRadius:"4px"},tabIcon:{width:"30px",height:"30px",display:"block",margin:"15px 0 !important","&, & *":{letterSpacing:"normal !important"}},horizontalPills:{width:"100%",float:"none !important","& + button":{margin:"10px 0"}},contentWrapper:{marginTop:"20px"},primary:{"&,&:hover":{color:"#FFFFFF",backgroundColor:"#9c27b0",boxShadow:"0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(156, 39, 176, 0.4)"}},info:{"&,&:hover":{color:"#FFFFFF",backgroundColor:"#00acc1",boxShadow:"0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(76, 175, 80, 0.4)"}},success:{"&,&:hover":{color:"#FFFFFF",backgroundColor:"#4caf50",boxShadow:"0 2px 2px 0 rgba(76, 175, 80, 0.14), 0 3px 1px -2px rgba(76, 175, 80, 0.2), 0 1px 5px 0 rgba(76, 175, 80, 0.12)"}},warning:{"&,&:hover":{color:"#FFFFFF",backgroundColor:"#ff9800",boxShadow:"0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 152, 0, 0.4)"}},danger:{"&,&:hover":{color:"#FFFFFF",backgroundColor:"#f44336",boxShadow:"0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 152, 0, 0.4)"}},rose:{"&,&:hover":{color:"#FFFFFF",backgroundColor:"#e91e63",boxShadow:"0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(233, 30, 99, 0.4)"}},alignCenter:{alignItems:"center",justifyContent:"center"},tabWrapper:{color:"inherit",position:"relative",fontSize:"12px",lineHeight:"24px",fontWeight:"500",textTransform:"uppercase","&,& *":{letterSpacing:"normal"}}}},rt=Object(d.a)(nt);function ot(e){var a,t=r.a.useState(e.active),n=Object(u.a)(t,2),o=n[0],l=n[1],i=rt(),c=e.tabs,s=e.direction,d=e.color,b=e.horizontal,g=e.alignCenter,x=m()((a={},Object(p.a)(a,i.flexContainer,!0),Object(p.a)(a,i.horizontalDisplay,void 0!==b),a)),h=r.a.createElement(Fa.a,{classes:{root:i.root,fixed:i.fixed,flexContainer:x,indicator:i.displayNone},value:o,onChange:function(e,a){l(a)},centered:g},c.map((function(e,a){var t,n={};void 0!==e.tabIcon&&(n.icon=r.a.createElement(e.tabIcon,{className:i.tabIcon}));var o=m()((t={},Object(p.a)(t,i.pills,!0),Object(p.a)(t,i.horizontalPills,void 0!==b),Object(p.a)(t,i.pillsWithIcons,void 0!==e.tabIcon),t));return r.a.createElement(ja.a,Object.assign({label:e.tabButton,key:a},n,{classes:{root:o,selected:i[d],wrapper:i.tabWrapper}}))}))),f=r.a.createElement("div",{className:i.contentWrapper},r.a.createElement(tt.a,{axis:"rtl"===s?"x-reverse":"x",index:o,onChangeIndex:function(e){l(e)}},c.map((function(e,a){return r.a.createElement("div",{className:i.tabContent,key:a},e.tabContent)}))));return void 0!==b?r.a.createElement(G,null,r.a.createElement(Y,b.tabsGrid,h),r.a.createElement(Y,b.contentGrid,f)):r.a.createElement("div",null,h,f)}ot.defaultProps={active:0,color:"primary"};var lt={section:{padding:"70px 0"},container:y,title:Object(w.a)(Object(w.a)({},z),{},{marginTop:"30px",minHeight:"32px",textDecoration:"none"})},it=Object(d.a)(lt);function ct(){var e=it();return r.a.createElement("div",{className:e.section},r.a.createElement("div",{className:e.container},r.a.createElement("div",{id:"navigation-pills"},r.a.createElement("div",{className:e.title},r.a.createElement("h3",null,"Navigation Pills")),r.a.createElement("div",{className:e.title},r.a.createElement("h3",null,r.a.createElement("small",null,"With Icons"))),r.a.createElement(G,null,r.a.createElement(Y,{xs:12,sm:12,md:8,lg:6},r.a.createElement(ot,{color:"primary",tabs:[{tabButton:"Dashboard",tabIcon:Za.a,tabContent:r.a.createElement("span",null,r.a.createElement("p",null,"Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits."),r.a.createElement("br",null),r.a.createElement("p",null,"Dramatically visualize customer directed convergence without revolutionary ROI. Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits."),r.a.createElement("br",null),r.a.createElement("p",null,"Dramatically visualize customer directed convergence without revolutionary ROI. Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits."))},{tabButton:"Schedule",tabIcon:_a.a,tabContent:r.a.createElement("span",null,r.a.createElement("p",null,"Efficiently unleash cross-media information without cross-media value. Quickly maximize timely deliverables for real-time schemas."),r.a.createElement("br",null),r.a.createElement("p",null,"Dramatically maintain clicks-and-mortar solutions without functional solutions. Dramatically visualize customer directed convergence without revolutionary ROI. Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits."))},{tabButton:"Tasks",tabIcon:et.a,tabContent:r.a.createElement("span",null,r.a.createElement("p",null,"Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits."),r.a.createElement("br",null),r.a.createElement("p",null,"Dramatically visualize customer directed convergence without revolutionary ROI. Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits."),r.a.createElement("br",null),r.a.createElement("p",null,"Dramatically visualize customer directed convergence without revolutionary ROI. Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits."))}]})),r.a.createElement(Y,{xs:12,sm:12,md:12,lg:6},r.a.createElement(ot,{color:"rose",horizontal:{tabsGrid:{xs:12,sm:4,md:4},contentGrid:{xs:12,sm:8,md:8}},tabs:[{tabButton:"Dashboard",tabIcon:Za.a,tabContent:r.a.createElement("span",null,r.a.createElement("p",null,"Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits."),r.a.createElement("br",null),r.a.createElement("p",null,"Dramatically visualize customer directed convergence without revolutionary ROI. Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits."),r.a.createElement("br",null),r.a.createElement("p",null,"Dramatically visualize customer directed convergence without revolutionary ROI. Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits."))},{tabButton:"Schedule",tabIcon:_a.a,tabContent:r.a.createElement("span",null,r.a.createElement("p",null,"Efficiently unleash cross-media information without cross-media value. Quickly maximize timely deliverables for real-time schemas."),r.a.createElement("br",null),r.a.createElement("p",null,"Dramatically maintain clicks-and-mortar solutions without functional solutions. Dramatically visualize customer directed convergence without revolutionary ROI. Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits."))}]}))))))}var st=t(158),mt=t.n(st),dt=t(4),pt=t.n(dt),ut=t(352),bt=t(103),gt=t.n(bt),xt={root:Object(w.a)(Object(w.a)({},C),{},{position:"relative",padding:"20px 15px",lineHeight:"20px",marginBottom:"20px",fontSize:"14px",backgroundColor:"white",color:"#555555",borderRadius:"0px",maxWidth:"100%",minWidth:"auto",boxShadow:"0 12px 20px -10px rgba(255, 255, 255, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(255, 255, 255, 0.2)"}),info:Object(w.a)({backgroundColor:"#00d3ee",color:"#ffffff"},j),success:Object(w.a)({backgroundColor:"#5cb860",color:"#ffffff"},O),warning:Object(w.a)({backgroundColor:"#ffa21a",color:"#ffffff"},R),danger:Object(w.a)({backgroundColor:"#f55a4e",color:"#ffffff"},S),primary:Object(w.a)({backgroundColor:"#af2cc5",color:"#ffffff"},F),message:{padding:"0",display:"block",maxWidth:"89%","&,& *":{letterSpacing:"normal"}},close:{width:"14px",height:"14px"},iconButton:{width:"24px",height:"24px",float:"right",fontSize:"1.5rem",fontWeight:"500",lineHeight:"1",position:"absolute",right:"-4px",top:"0",padding:"0"},icon:{display:"block",float:"left",marginRight:"1.071rem"},container:Object(w.a)(Object(w.a)({},y),{},{position:"relative"})},ht=Object(d.a)(xt);function ft(e){var a=e.message,t=e.color,n=e.close,o=e.icon,l=ht(),i=[];void 0!==n&&(i=[r.a.createElement(x.a,{className:l.iconButton,key:"close","aria-label":"Close",color:"inherit",onClick:function(){p(null)}},r.a.createElement(gt.a,{className:l.close}))]);var c=null;switch(typeof o){case"object":c=r.a.createElement(e.icon,{className:l.icon});break;case"string":c=r.a.createElement(be.a,{className:l.icon},e.icon);break;default:c=null}var s=r.a.useState(r.a.createElement(ut.a,{message:r.a.createElement("div",null,c,a,void 0!==n?i:null),classes:{root:l.root+" "+l[t],message:l.message+" "+l.container}})),m=Object(u.a)(s,2),d=m[0],p=m[1];return d}ft.propTypes={message:pt.a.node.isRequired,color:pt.a.oneOf(["info","success","warning","danger","primary"]),close:pt.a.bool,icon:pt.a.oneOfType([pt.a.object,pt.a.string])};var Et=Object(d.a)({clearfix:{"&:after,&:before":{display:"table",content:'" "'},"&:after":{clear:"both"}}});function vt(){var e=Et();return r.a.createElement("div",{className:e.clearfix})}var kt={section:{backgroundColor:"#FFFFFF",display:"block",width:"100%",position:"relative",padding:"0"},title:Object(w.a)(Object(w.a)({},z),{},{marginTop:"30px",minHeight:"32px",textDecoration:"none"}),container:y},wt=Object(d.a)(kt);function Nt(){var e=wt();return r.a.createElement("div",{className:e.section,id:"notifications"},r.a.createElement("div",{className:e.container},r.a.createElement("div",{className:e.title},r.a.createElement("h3",null,"Notifications"))),r.a.createElement(ft,{message:r.a.createElement("span",null,r.a.createElement("b",null,"INFO ALERT:")," You","'","ve got some friends nearby, stop looking at your phone and find them..."),close:!0,color:"info",icon:"info_outline"}),r.a.createElement(ft,{message:r.a.createElement("span",null,r.a.createElement("b",null,"SUCCESS ALERT:")," You","'","ve got some friends nearby, stop looking at your phone and find them..."),close:!0,color:"success",icon:He.a}),r.a.createElement(ft,{message:r.a.createElement("span",null,r.a.createElement("b",null,"WARNING ALERT:")," You","'","ve got some friends nearby, stop looking at your phone and find them..."),close:!0,color:"warning",icon:mt.a}),r.a.createElement(ft,{message:r.a.createElement("span",null,r.a.createElement("b",null,"DANGER ALERT:")," You","'","ve got some friends nearby, stop looking at your phone and find them..."),close:!0,color:"danger",icon:"info_outline"}),r.a.createElement(vt,null))}var yt={defaultFontStyle:Object(w.a)(Object(w.a)({},C),{},{fontSize:"14px"}),defaultHeaderMargins:{marginTop:"20px",marginBottom:"10px"},quote:{padding:"10px 20px",margin:"0 0 20px",fontSize:"17.5px",borderLeft:"5px solid #eee"},quoteText:{margin:"0 0 10px",fontStyle:"italic"},quoteAuthor:{display:"block",fontSize:"80%",lineHeight:"1.42857143",color:"#777"},mutedText:{color:"#777"},primaryText:{color:"#9c27b0"},infoText:{color:"#00acc1"},successText:{color:"#4caf50"},warningText:{color:"#ff9800"},dangerText:{color:"#f44336"},smallText:{fontSize:"65%",fontWeight:"400",lineHeight:"1",color:"#777"}},Ct=Object(d.a)(yt);function Ft(e){var a=Ct(),t=e.children;return r.a.createElement("div",{className:a.defaultFontStyle+" "+a.smallText},t)}var jt=Object(d.a)(yt);function Ot(e){var a=jt(),t=e.children;return r.a.createElement("div",{className:a.defaultFontStyle+" "+a.dangerText},t)}var Rt=Object(d.a)(yt);function St(e){var a=Rt(),t=e.children;return r.a.createElement("div",{className:a.defaultFontStyle+" "+a.warningText},t)}var It=Object(d.a)(yt);function Tt(e){var a=It(),t=e.children;return r.a.createElement("div",{className:a.defaultFontStyle+" "+a.successText},t)}var At=Object(d.a)(yt);function Lt(e){var a=At(),t=e.children;return r.a.createElement("div",{className:a.defaultFontStyle+" "+a.infoText},t)}var Bt=Object(d.a)(yt);function Ht(e){var a=Bt(),t=e.children;return r.a.createElement("div",{className:a.defaultFontStyle+" "+a.primaryText},t)}var zt=Object(d.a)(yt);function Wt(e){var a=zt(),t=e.children;return r.a.createElement("div",{className:a.defaultFontStyle+" "+a.mutedText},t)}var Dt=Object(d.a)(yt);function Pt(e){var a=e.text,t=e.author,n=Dt();return r.a.createElement("blockquote",{className:n.defaultFontStyle+" "+n.quote},r.a.createElement("p",{className:n.quoteText},a),r.a.createElement("small",{className:n.quoteAuthor},t))}var Kt={imgFluid:{maxWidth:"100%",height:"auto"},imgRounded:{borderRadius:"6px !important"},imgRoundedCircle:{borderRadius:"50% !important"},imgRaised:{boxShadow:"0 5px 15px -8px rgba(0, 0, 0, 0.24), 0 8px 10px -5px rgba(0, 0, 0, 0.2)"},imgGallery:{width:"100%",marginBottom:"2.142rem"},imgCardTop:{width:"100%",borderTopLeftRadius:"calc(.25rem - 1px)",borderTopRightRadius:"calc(.25rem - 1px)"},imgCardBottom:{width:"100%",borderBottomLeftRadius:"calc(.25rem - 1px)",borderBottomRightRadius:"calc(.25rem - 1px)"},imgCard:{width:"100%",borderRadius:"calc(.25rem - 1px)"},imgCardOverlay:{position:"absolute",top:"0",right:"0",bottom:"0",left:"0",padding:"1.25rem"}},Mt=Object(w.a)({section:{padding:"70px 0"},container:y,space50:{height:"50px",display:"block"},title:Object(w.a)(Object(w.a)({},z),{},{marginTop:"30px",minHeight:"32px",textDecoration:"none"}),typo:{paddingLeft:"25%",marginBottom:"40px",position:"relative",width:"100%"},note:{fontFamily:'"Roboto", "Helvetica", "Arial", sans-serif',bottom:"10px",color:"#c0c1c2",display:"block",fontWeight:"400",fontSize:"13px",lineHeight:"13px",left:"0",marginLeft:"20px",position:"absolute",width:"260px"},marginLeft:{marginLeft:"auto !important"}},Kt),qt=Object(d.a)(Mt);function Ut(){var e=qt();return r.a.createElement("div",{className:e.section},r.a.createElement("div",{className:e.container},r.a.createElement("div",{id:"typography"},r.a.createElement("div",{className:e.title},r.a.createElement("h2",null,"Typography")),r.a.createElement(G,null,r.a.createElement("div",{className:e.typo},r.a.createElement("div",{className:e.note},"Header 1"),r.a.createElement("h1",null,"The Life of Material Kit")),r.a.createElement("div",{className:e.typo},r.a.createElement("div",{className:e.note},"Header 2"),r.a.createElement("h2",null,"The Life of Material Kit")),r.a.createElement("div",{className:e.typo},r.a.createElement("div",{className:e.note},"Header 3"),r.a.createElement("h3",null,"The Life of Material Kit")),r.a.createElement("div",{className:e.typo},r.a.createElement("div",{className:e.note},"Header 4"),r.a.createElement("h4",null,"The Life of Material Kit")),r.a.createElement("div",{className:e.typo},r.a.createElement("div",{className:e.note},"Header 5"),r.a.createElement("h5",null,"The Life of Material Kit")),r.a.createElement("div",{className:e.typo},r.a.createElement("div",{className:e.note},"Header 6"),r.a.createElement("h6",null,"The Life of Material Kit")),r.a.createElement("div",{className:e.typo},r.a.createElement("div",{className:e.note},"Header 1"),r.a.createElement("h1",{className:e.title},"The Life of Material Kit")),r.a.createElement("div",{className:e.typo},r.a.createElement("div",{className:e.note},"Header 2"),r.a.createElement("h2",{className:e.title},"The Life of Material Kit")),r.a.createElement("div",{className:e.typo},r.a.createElement("div",{className:e.note},"Header 3"),r.a.createElement("h3",{className:e.title},"The Life of Material Kit")),r.a.createElement("div",{className:e.typo},r.a.createElement("div",{className:e.note},"Header 4"),r.a.createElement("h4",{className:e.title},"The Life of Material Kit")),r.a.createElement("div",{className:e.typo},r.a.createElement("div",{className:e.note},"Paragraph"),r.a.createElement("p",null,"I will be the leader of a company that ends up being worth billions of dollars, because I got the answers. I understand culture. I am the nucleus. I think that\u2019s a responsibility that I have, to push possibilities, to show people, this is the level that things could be at.")),r.a.createElement("div",{className:e.typo},r.a.createElement("div",{className:e.note},"Quote"),r.a.createElement(Pt,{text:"I will be the leader of a company that ends up being worth billions of dollars, because I got the answers. I understand culture. I am the nucleus. I think that\u2019s a responsibility that I have, to push possibilities, to show people, this is the level that things could be at.",author:" Kanye West, Musician"})),r.a.createElement("div",{className:e.typo},r.a.createElement("div",{className:e.note},"Muted Text"),r.a.createElement(Wt,null,"I will be the leader of a company that ends up being worth billions of dollars, because I got the answers...")),r.a.createElement("div",{className:e.typo},r.a.createElement("div",{className:e.note},"Primary Text"),r.a.createElement(Ht,null,"I will be the leader of a company that ends up being worth billions of dollars, because I got the answers...")),r.a.createElement("div",{className:e.typo},r.a.createElement("div",{className:e.note},"Info Text"),r.a.createElement(Lt,null,"I will be the leader of a company that ends up being worth billions of dollars, because I got the answers...")),r.a.createElement("div",{className:e.typo},r.a.createElement("div",{className:e.note},"Success Text"),r.a.createElement(Tt,null,"I will be the leader of a company that ends up being worth billions of dollars, because I got the answers...")),r.a.createElement("div",{className:e.typo},r.a.createElement("div",{className:e.note},"Warning Text"),r.a.createElement(St,null,"I will be the leader of a company that ends up being worth billions of dollars, because I got the answers...")),r.a.createElement("div",{className:e.typo},r.a.createElement("div",{className:e.note},"Danger Text"),r.a.createElement(Ot,null,"I will be the leader of a company that ends up being worth billions of dollars, because I got the answers...")),r.a.createElement("div",{className:e.typo},r.a.createElement("div",{className:e.note},"Small Tag"),r.a.createElement("h2",null,"Header with small subtitle",r.a.createElement("br",null),r.a.createElement(Ft,null,"Use ",'"Small"'," tag for the headers"))))),r.a.createElement("div",{className:e.space50}),r.a.createElement("div",{id:"images"},r.a.createElement("div",{className:e.title},r.a.createElement("h2",null,"Images")),r.a.createElement("br",null),r.a.createElement(G,null,r.a.createElement(Y,{xs:12,sm:2},r.a.createElement("h4",null,"Rounded Image"),r.a.createElement("img",{src:fa.a,alt:"...",className:e.imgRounded+" "+e.imgFluid})),r.a.createElement(Y,{xs:12,sm:2,className:e.marginLeft},r.a.createElement("h4",null,"Circle Image"),r.a.createElement("img",{src:fa.a,alt:"...",className:e.imgRoundedCircle+" "+e.imgFluid})),r.a.createElement(Y,{xs:12,sm:2,className:e.marginLeft},r.a.createElement("h4",null,"Rounded Raised"),r.a.createElement("img",{src:fa.a,alt:"...",className:e.imgRaised+" "+e.imgRounded+" "+e.imgFluid})),r.a.createElement(Y,{xs:12,sm:2,className:e.marginLeft},r.a.createElement("h4",null,"Circle Raised"),r.a.createElement("img",{src:fa.a,alt:"...",className:e.imgRaised+" "+e.imgRoundedCircle+" "+e.imgFluid}))),r.a.createElement(G,null)),r.a.createElement("div",{className:e.space50})))}var Vt=t(159),Qt=t.n(Vt),Xt=t(284),Jt=t(353),Gt=t(354),Zt=t(355),Yt=t(356),_t=t(357),$t=t(160),en=t.n($t),an={modal:{borderRadius:"6px"},modalHeader:{borderBottom:"none",paddingTop:"24px",paddingRight:"24px",paddingBottom:"0",paddingLeft:"24px",minHeight:"16.43px"},modalTitle:{margin:"0",lineHeight:"1.42857143"},modalCloseButton:{color:"#999999",marginTop:"-12px",WebkitAppearance:"none",padding:"0",cursor:"pointer",background:"0 0",border:"0",fontSize:"inherit",opacity:".9",textShadow:"none",fontWeight:"700",lineHeight:"1",float:"right"},modalClose:{width:"16px",height:"16px"},modalBody:{paddingTop:"24px",paddingRight:"24px",paddingBottom:"16px",paddingLeft:"24px",position:"relative"},modalFooter:{padding:"15px",textAlign:"right",paddingTop:"0",margin:"0"},modalFooterCenter:{marginLeft:"auto",marginRight:"auto"}},tn={popover:{padding:"0",boxShadow:"0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2)",lineHeight:"1.5em",background:"#fff",border:"none",borderRadius:"3px",display:"block",maxWidth:"276px",fontFamily:'"Roboto", "Helvetica", "Arial", sans-serif',fontStyle:"normal",fontWeight:"400",textAlign:"start",textDecoration:"none",textShadow:"none",textTransform:"none",letterSpacing:"normal",wordBreak:"normal",wordSpacing:"normal",whiteSpace:"normal",lineBreak:"auto",fontSize:"0.875rem",wordWrap:"break-word"},popoverBottom:{marginTop:"5px"},popoverHeader:{backgroundColor:"#fff",border:"none",padding:"15px 15px 5px",fontSize:"1.125rem",margin:"0",color:"#555",borderTopLeftRadius:"calc(0.3rem - 1px)",borderTopRightRadius:"calc(0.3rem - 1px)"},popoverBody:{padding:"10px 15px 15px",lineHeight:"1.4",color:"#555"}},nn=Object(w.a)(Object(w.a)(Object(w.a)({section:{padding:"70px 0 0"},container:y,title:Object(w.a)(Object(w.a)({},z),{},{marginTop:"30px",minHeight:"32px",textDecoration:"none"}),icon:{width:"17px",height:"17px",marginRight:"4px"}},an),{},{label:{color:"rgba(0, 0, 0, 0.26)",cursor:"pointer",display:"inline-flex",fontSize:"14px",transition:"0.3s ease all",lineHeight:"1.428571429",fontWeight:"400",paddingLeft:"0",letterSpacing:"normal"}},Ee),tn),rn=Object(d.a)(nn),on=r.a.forwardRef((function(e,a){return r.a.createElement(Xt.a,Object.assign({direction:"down",ref:a},e))}));function ln(){var e=rn(),a=r.a.useState(null),t=Object(u.a)(a,2),n=t[0],o=t[1],l=r.a.useState(null),i=Object(u.a)(l,2),c=i[0],s=i[1],m=r.a.useState(null),d=Object(u.a)(m,2),p=d[0],b=d[1],g=r.a.useState(null),h=Object(u.a)(g,2),f=h[0],E=h[1],v=r.a.useState(!1),k=Object(u.a)(v,2),w=k[0],N=k[1];return r.a.createElement("div",{className:e.section},r.a.createElement("div",{className:e.container},r.a.createElement("div",{className:e.title},r.a.createElement("h2",null,"Javascript components")),r.a.createElement(G,null,r.a.createElement(Y,{xs:12,sm:12,md:6},r.a.createElement("div",{className:e.title},r.a.createElement("h3",null,"Modal")),r.a.createElement(G,null,r.a.createElement(Y,{xs:12,sm:12,md:6,lg:4},r.a.createElement(ae,{color:"primary",block:!0,onClick:function(){return N(!0)}},r.a.createElement(en.a,{className:e.icon}),"Classic"),r.a.createElement(Jt.a,{classes:{root:e.center,paper:e.modal},open:w,TransitionComponent:on,keepMounted:!0,onClose:function(){return N(!1)},"aria-labelledby":"classic-modal-slide-title","aria-describedby":"classic-modal-slide-description"},r.a.createElement(Gt.a,{id:"classic-modal-slide-title",disableTypography:!0,className:e.modalHeader},r.a.createElement(x.a,{className:e.modalCloseButton,key:"close","aria-label":"Close",color:"inherit",onClick:function(){return N(!1)}},r.a.createElement(gt.a,{className:e.modalClose})),r.a.createElement("h4",{className:e.modalTitle},"Modal title")),r.a.createElement(Zt.a,{id:"classic-modal-slide-description",className:e.modalBody},r.a.createElement("p",null,"Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth. Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar.")),r.a.createElement(Yt.a,{className:e.modalFooter},r.a.createElement(ae,{color:"transparent",simple:!0},"Nice Button"),r.a.createElement(ae,{onClick:function(){return N(!1)},color:"danger",simple:!0},"Close"))))),r.a.createElement(Y,{xs:12,sm:12,md:12},r.a.createElement("div",{className:e.title},r.a.createElement("h3",null,"Datetime Picker")),r.a.createElement(G,null,r.a.createElement(Y,{xs:12,sm:12,md:6},r.a.createElement(Pe.a,{className:e.label},"Datetime Picker"),r.a.createElement("br",null),r.a.createElement(De.a,{fullWidth:!0},r.a.createElement(Qt.a,{inputProps:{placeholder:"Datetime Picker Here"}})))))),r.a.createElement(Y,{xs:12,sm:12,md:6},r.a.createElement("div",{className:e.title},r.a.createElement("h3",null,"Popovers")),r.a.createElement(ae,{onClick:function(e){return o(e.currentTarget)}},"On left"),r.a.createElement(_t.a,{classes:{paper:e.popover},open:Boolean(n),anchorEl:n,onClose:function(){return o(null)},anchorOrigin:{vertical:"center",horizontal:"left"},transformOrigin:{vertical:"center",horizontal:"right"}},r.a.createElement("h3",{className:e.popoverHeader},"Popover on left"),r.a.createElement("div",{className:e.popoverBody},"Here will be some very useful information about his popover. Here will be some very useful information about his popover.")),r.a.createElement(ae,{onClick:function(e){return s(e.currentTarget)}},"On top"),r.a.createElement(_t.a,{classes:{paper:e.popover},open:Boolean(c),anchorEl:c,onClose:function(){return s(null)},anchorOrigin:{vertical:"top",horizontal:"center"},transformOrigin:{vertical:"bottom",horizontal:"center"}},r.a.createElement("h3",{className:e.popoverHeader},"Popover on top"),r.a.createElement("div",{className:e.popoverBody},"Here will be some very useful information about his popover.")),r.a.createElement(ae,{onClick:function(e){return b(e.currentTarget)}},"On bottom"),r.a.createElement(_t.a,{classes:{paper:e.popover},open:Boolean(p),anchorEl:p,onClose:function(){return b(null)},anchorOrigin:{vertical:"bottom",horizontal:"center"},transformOrigin:{vertical:"top",horizontal:"center"}},r.a.createElement("h3",{className:e.popoverHeader},"Popover on bottom"),r.a.createElement("div",{className:e.popoverBody},"Here will be some very useful information about his popover.")),r.a.createElement(ae,{onClick:function(e){return E(e.currentTarget)}},"On right"),r.a.createElement(_t.a,{classes:{paper:e.popover},open:Boolean(f),anchorEl:f,onClose:function(){return E(null)},anchorOrigin:{vertical:"center",horizontal:"right"},transformOrigin:{vertical:"center",horizontal:"left"}},r.a.createElement("h3",{className:e.popoverHeader},"Popover on right"),r.a.createElement("div",{className:e.popoverBody},"Here will be some very useful information about his popover.")),r.a.createElement("br",null),r.a.createElement("br",null),r.a.createElement("div",{className:e.title},r.a.createElement("h3",null,"Tooltips")),r.a.createElement(oe.a,{id:"tooltip-left",title:"Tooltip on left",placement:"left",classes:{tooltip:e.tooltip}},r.a.createElement(ae,null,"On left")),r.a.createElement(oe.a,{id:"tooltip-top",title:"Tooltip on top",placement:"top",classes:{tooltip:e.tooltip}},r.a.createElement(ae,null,"On top")),r.a.createElement(oe.a,{id:"tooltip-bottom",title:"Tooltip on bottom",placement:"bottom",classes:{tooltip:e.tooltip}},r.a.createElement(ae,null,"On bottom")),r.a.createElement(oe.a,{id:"tooltip-right",title:"Tooltip on right",placement:"right",classes:{tooltip:e.tooltip}},r.a.createElement(ae,null,"On right")))),r.a.createElement("div",{className:e.title},r.a.createElement("h3",null,"Carousel"))))}on.displayName="Transition";var cn=t(161),sn=t.n(cn),mn=t(162),dn=t.n(mn),pn=t(163),un=t.n(pn),bn={section:{padding:"70px 0"},container:y,marginAuto:{marginLeft:"auto !important",marginRight:"auto !important"}},gn=Object(d.a)(bn);function xn(){var e=gn(),a={dots:!0,infinite:!0,speed:500,slidesToShow:1,slidesToScroll:1,autoplay:!1};return r.a.createElement("div",{className:e.section},r.a.createElement("div",{className:e.container},r.a.createElement(G,null,r.a.createElement(Y,{xs:12,sm:12,md:12,className:e.marginAuto},r.a.createElement(Sa,{carousel:!0},r.a.createElement(sn.a,a,r.a.createElement("div",null,r.a.createElement("img",{src:xa.a,alt:"First slide",className:"slick-image"}),r.a.createElement("div",{className:"slick-caption"},r.a.createElement(h.a,{variant:"outlined",color:"secondary",href:"http://mern-calendar-pais4.herokuapp.com/",target:"_blank"},"Ver Proyecto"))),r.a.createElement("div",null,r.a.createElement("img",{src:dn.a,alt:"Second slide",className:"slick-image"}),r.a.createElement("div",{className:"slick-caption"},r.a.createElement(h.a,{variant:"outlined",color:"secondary",href:"http://mern-calendar-pais4.herokuapp.com/",target:"_blank"},"Ver Proyecto"))),r.a.createElement("div",null,r.a.createElement("img",{src:un.a,alt:"Third slide",className:"slick-image"}),r.a.createElement("div",{className:"slick-caption"},r.a.createElement(h.a,{variant:"outlined",color:"secondary",href:"http://mern-calendar-pais4.herokuapp.com/",target:"_blank"},"Ver Proyecto")))))))))}var hn={section:{padding:"70px 0"},container:Object(w.a)(Object(w.a)({},y),{},{textAlign:"center !important"})},fn=Object(d.a)(hn);function En(){var e=fn();return r.a.createElement("div",{className:e.section},r.a.createElement("div",{className:e.container},r.a.createElement(G,{justify:"center"},r.a.createElement(Y,{xs:12,sm:12,md:8},r.a.createElement("h2",null,"Completed with examples"),r.a.createElement("h4",null,"The kit comes with three pre-built pages to help you get started faster. You can change the text and images and you","'","re good to go. More importantly, looking at them will give you a picture of what you can build with this powerful kit.")))))}var vn={cardFooter:{display:"flex",alignItems:"center",backgroundColor:"transparent",padding:"0.9375rem 1.875rem"}},kn=Object(d.a)(vn);function wn(e){var a,t=kn(),n=e.className,o=e.children,l=Object(Q.a)(e,["className","children"]),i=m()((a={},Object(p.a)(a,t.cardFooter,!0),Object(p.a)(a,n,void 0!==n),a));return r.a.createElement("div",Object.assign({className:i},l),o)}var Nn=t(164),yn={section:{minHeight:"110vh",maxHeight:"1600px",overflow:"hidden",padding:"70px 0",backgroundPosition:"top center",backgroundSize:"cover",margin:"0",border:"0",display:"flex",alignItems:"center",backgroundImage:"url("+t.n(Nn).a+")"},container:y,form:{margin:"0"},cardHeader:{width:"auto",textAlign:"center",marginLeft:"20px",marginRight:"20px",marginTop:"-40px",padding:"20px 0",marginBottom:"15px"},socialIcons:{maxWidth:"24px",marginTop:"0",width:"100%",transform:"none",left:"0",top:"0",height:"100%",lineHeight:"41px",fontSize:"20px"},divider:{marginTop:"30px",marginBottom:"0px",textAlign:"center"},cardFooter:{paddingTop:"0rem",border:"0",borderRadius:"6px",justifyContent:"center !important"},socialLine:{marginTop:"1rem",textAlign:"center",padding:"0"},inputIconsColor:{color:"#495057"}},Cn=Object(d.a)(yn);function Fn(){var e=Cn();return r.a.createElement("div",{className:e.section},r.a.createElement("div",{className:e.container},r.a.createElement(G,{justify:"center"},r.a.createElement(Y,{xs:12,sm:12,md:4},r.a.createElement(Sa,null,r.a.createElement("form",{className:e.form},r.a.createElement(Ha,{color:"primary",className:e.cardHeader},r.a.createElement("h4",null,"Login"),r.a.createElement("div",{className:e.socialLine},r.a.createElement(ae,{justIcon:!0,href:"#pablo",target:"_blank",color:"transparent",onClick:function(e){return e.preventDefault()}},r.a.createElement("i",{className:e.socialIcons+" fab fa-twitter"})),r.a.createElement(ae,{justIcon:!0,href:"#pablo",target:"_blank",color:"transparent",onClick:function(e){return e.preventDefault()}},r.a.createElement("i",{className:e.socialIcons+" fab fa-facebook"})),r.a.createElement(ae,{justIcon:!0,href:"#pablo",target:"_blank",color:"transparent",onClick:function(e){return e.preventDefault()}},r.a.createElement("i",{className:e.socialIcons+" fab fa-google-plus-g"})))),r.a.createElement("p",{className:e.divider},"Or Be Classical"),r.a.createElement(Aa,null,r.a.createElement(Ue,{labelText:"First Name...",id:"first",formControlProps:{fullWidth:!0},inputProps:{type:"text",endAdornment:r.a.createElement(Fe.a,{position:"end"},r.a.createElement(Le.a,{className:e.inputIconsColor}))}}),r.a.createElement(Ue,{labelText:"Email...",id:"email",formControlProps:{fullWidth:!0},inputProps:{type:"email",endAdornment:r.a.createElement(Fe.a,{position:"end"},r.a.createElement(ca.a,{className:e.inputIconsColor}))}}),r.a.createElement(Ue,{labelText:"Password",id:"pass",formControlProps:{fullWidth:!0},inputProps:{type:"password",endAdornment:r.a.createElement(Fe.a,{position:"end"},r.a.createElement(be.a,{className:e.inputIconsColor},"lock_outline")),autoComplete:"off"}})),r.a.createElement(wn,{className:e.cardFooter},r.a.createElement(ae,{simple:!0,color:"primary",size:"lg"},"Get started"))))))))}var jn=t(165),On=t.n(jn),Rn=t(166),Sn=t.n(Rn),In=Object(w.a)(Object(w.a)({section:{padding:"70px 0"},container:Object(w.a)(Object(w.a)({},N),{},{textAlign:"center !important"})},Kt),{},{link:{textDecoration:"none"}}),Tn=Object(d.a)(In);function An(){var e=Tn();return r.a.createElement("div",{className:e.section},r.a.createElement("div",{className:e.container},r.a.createElement(G,{justify:"center"},r.a.createElement(Y,{xs:12,sm:12,md:6},r.a.createElement(i.b,{to:"landing-page",className:e.link},r.a.createElement("img",{src:On.a,alt:"...",className:e.imgRaised+" "+e.imgRounded+" "+e.imgFluid}),r.a.createElement(ae,{color:"primary",size:"lg",simple:!0},"View landing page"))),r.a.createElement(Y,{xs:12,sm:12,md:6},r.a.createElement(i.b,{to:"profile-page",className:e.link},r.a.createElement("img",{src:Sn.a,alt:"...",className:e.imgRaised+" "+e.imgRounded+" "+e.imgFluid}),r.a.createElement(ae,{color:"primary",size:"lg",simple:!0},"View profile page"))))))}var Ln={section:{padding:"70px 0"},container:y,textCenter:{textAlign:"center"},sharingArea:{marginTop:"80px"},socials:{maxWidth:"24px",marginTop:"0",width:"100%",transform:"none",left:"0",top:"0",height:"100%",fontSize:"20px",marginRight:"4px"}},Bn=Object(d.a)(Ln);function Hn(){var e=Bn();return r.a.createElement("div",{className:e.section},r.a.createElement("div",{className:e.container},r.a.createElement(G,{className:e.textCenter,justify:"center"},r.a.createElement(Y,{xs:12,sm:12,md:8},r.a.createElement("h2",null,"Do you love this UI Kit?"),r.a.createElement("h4",null,"Cause if you do, it can be yours for FREE. Hit the buttons below to navigate to our website where you can find the kit. We also have the Bootstrap 4 version on plain HTML. Start a new project or give an old Bootstrap project a new look!")),r.a.createElement(Y,{xs:12,sm:8,md:6},r.a.createElement(ae,{color:"primary",size:"lg",href:"https://www.creative-tim.com/product/material-kit-react?ref=mkr-download-section",target:"_blank"},"Free React Download"),r.a.createElement(ae,{color:"primary",size:"lg",href:"https://www.creative-tim.com/product/material-kit?ref=mkr-download-section",target:"_blank"},"Free HTML Downoad"))),r.a.createElement("br",null),r.a.createElement("br",null),r.a.createElement(G,{className:e.textCenter,justify:"center"},r.a.createElement(Y,{xs:12,sm:12,md:8},r.a.createElement("h2",null,"Want more?"),r.a.createElement("h4",null,"We","'","ve launched"," ",r.a.createElement("a",{href:"https://www.creative-tim.com/product/material-kit-pro-react?ref=mkr-download-section",target:"_blank"},"Material Kit PRO React"," "),".It has a huge number of components, sections and example pages. Start Your Development With A Badass Material-UI nspired by Material Design.")),r.a.createElement(Y,{xs:12,sm:8,md:6},r.a.createElement(ae,{color:"rose",size:"lg",href:"https://www.creative-tim.com/product/material-kit-pro-react?ref=mkr-download-section",target:"_blank"},"Material Kit PRO"),r.a.createElement(ae,{color:"rose",size:"lg",href:"https://www.creative-tim.com/product/material-dashboard-pro-react?ref=mkr-download-section",target:"_blank"},"Material Dashboard PRO"))),r.a.createElement("div",{className:e.textCenter+" "+e.sharingArea},r.a.createElement(G,{justify:"center"},r.a.createElement("h3",null,"Thank you for supporting us!")),r.a.createElement(ae,{color:"twitter"},r.a.createElement("i",{className:e.socials+" fab fa-twitter"})," Tweet"),r.a.createElement(ae,{color:"facebook"},r.a.createElement("i",{className:e.socials+" fab fa-facebook-square"})," Share"),r.a.createElement(ae,{color:"google"},r.a.createElement("i",{className:e.socials+" fab fa-google-plus-g"}),"Share"),r.a.createElement(ae,{color:"github"},r.a.createElement("i",{className:e.socials+" fab fa-github"})," Star"))))}var zn={container:y,brand:{color:"#FFFFFF",textAlign:"left"},title:{fontSize:"4.2rem",fontWeight:"600",display:"inline-block",position:"relative"},subtitle:{fontSize:"1.313rem",maxWidth:"500px",margin:"10px 0 0"},main:{background:"#FFFFFF",position:"relative",zIndex:"3"},mainRaised:{margin:"-60px 30px 0px",borderRadius:"6px",boxShadow:"0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2)"},link:{textDecoration:"none"},textCenter:{textAlign:"center"}},Wn=Object(d.a)(zn);function Dn(e){var a=Wn(),n=Object.assign({},e);return r.a.createElement("div",null,r.a.createElement(P,Object.assign({brand:"Material Kit React",rightLinks:r.a.createElement(we,null),fixed:!0,color:"transparent",changeColorOnScroll:{height:400,color:"white"}},n)),r.a.createElement(re,{image:t(277)},r.a.createElement("div",{className:a.container},r.a.createElement(G,null,r.a.createElement(Y,null,r.a.createElement("div",{className:a.brand},r.a.createElement("h1",{className:a.title},"Material Kit React."),r.a.createElement("h3",{className:a.subtitle},"A Badass Material-UI Kit based on Material Design.")))))),r.a.createElement("div",{className:m()(a.main,a.mainRaised)},r.a.createElement(ra,null),r.a.createElement(ka,null),r.a.createElement(Ja,null),r.a.createElement(ct,null),r.a.createElement(Nt,null),r.a.createElement(Ut,null),r.a.createElement(ln,null),r.a.createElement(xn,null),r.a.createElement(En,null),r.a.createElement(Fn,null),r.a.createElement(Y,{md:12,className:a.textCenter},r.a.createElement(i.b,{to:"/login-page",className:a.link},r.a.createElement(ae,{color:"primary",size:"lg",simple:!0},"View Login Page"))),r.a.createElement(An,null),r.a.createElement(Hn,null)),r.a.createElement(V,null))}var Pn=t(106),Kn=t.n(Pn),Mn=t(180),qn=t.n(Mn),Un=t(167),Vn=t.n(Un),Qn=Object(w.a)(Object(w.a)({container:y,profile:{textAlign:"center","& img":{maxWidth:"160px",width:"100%",margin:"0 auto",transform:"translate3d(0, -50%, 0)"}},root:{width:"100%"},description:{margin:"1.071rem auto 0",maxWidth:"600px",color:"#999",textAlign:"center !important"},name:{marginTop:"-80px"}},Kt),{},{main:{background:"#FFFFFF",position:"relative",zIndex:"3"},mainRaised:{margin:"-60px 30px 0px",borderRadius:"6px",boxShadow:"0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2)"},title:Object(w.a)(Object(w.a)({},z),{},{display:"inline-block",position:"relative",marginTop:"30px",minHeight:"32px",textDecoration:"none"}),socials:{marginTop:"0",width:"100%",transform:"none",left:"0",top:"0",height:"100%",lineHeight:"41px",fontSize:"20px",color:"#999"},navWrapper:{margin:"20px auto 50px auto",textAlign:"center"}}),Xn=t(358),Jn=t(359),Gn=t(360),Zn=t(362),Yn=t(363),_n=t(361),$n=t(170),er=t.n($n),ar=t(171),tr=t.n(ar),nr=t(172),rr=t.n(nr),or=t(168),lr=t.n(or),ir=t(169),cr=t.n(ir),sr=t(173),mr=t.n(sr),dr=t(55),pr=Object(d.a)((function(e){return{paper:{padding:"6px 16px"},secondaryTail:{backgroundColor:e.palette.secondary.main}}}));function ur(){var e=pr();return r.a.createElement(Xn.a,{align:"alternate"},r.a.createElement(Jn.a,null,r.a.createElement(Gn.a,null,r.a.createElement(_n.a,{color:"primary",variant:"outlined"},r.a.createElement(lr.a,null)),r.a.createElement(Zn.a,null)),r.a.createElement(Yn.a,null,r.a.createElement(de.a,{elevation:3,className:e.paper},r.a.createElement(dr.a,{variant:"h6",component:"h1"},"Age"),r.a.createElement(dr.a,null,"22 Years Old")))),r.a.createElement(Jn.a,null,r.a.createElement(Gn.a,null,r.a.createElement(_n.a,{color:"secondary"},r.a.createElement(cr.a,null)),r.a.createElement(Zn.a,null)),r.a.createElement(Yn.a,null,r.a.createElement(de.a,{elevation:3,className:e.paper},r.a.createElement(dr.a,{variant:"h6",component:"h1"},"Email"),r.a.createElement(dr.a,null,"teoslopera@gmail.com")))),r.a.createElement(Jn.a,null,r.a.createElement(Gn.a,null,r.a.createElement(_n.a,{color:"primary",variant:"outlined"},r.a.createElement(er.a,null)),r.a.createElement(Zn.a,{className:e.secondaryTail})),r.a.createElement(Yn.a,null,r.a.createElement(de.a,{elevation:3,className:e.paper},r.a.createElement(dr.a,{variant:"h6",component:"h1"},"Phone"),r.a.createElement(dr.a,null,"(+57) 300-355-1238")))),r.a.createElement(Jn.a,null,r.a.createElement(Gn.a,null,r.a.createElement(_n.a,{color:"secondary"},r.a.createElement(tr.a,null)),r.a.createElement(Zn.a,null)),r.a.createElement(Yn.a,null,r.a.createElement(de.a,{elevation:3,className:e.paper},r.a.createElement(dr.a,{variant:"h6",component:"h1"},"Language"),r.a.createElement(dr.a,null,"Spanish - English (Mid Level)")))),r.a.createElement(Jn.a,null,r.a.createElement(Gn.a,null,r.a.createElement(_n.a,{color:"primary",variant:"outlined"},r.a.createElement(rr.a,null)),r.a.createElement(Zn.a,null)),r.a.createElement(Yn.a,null,r.a.createElement(de.a,{elevation:3,className:e.paper},r.a.createElement(dr.a,{variant:"h6",component:"h1"},"Location"),r.a.createElement(dr.a,null,"Envigado - Antioquia")))),r.a.createElement(Jn.a,null,r.a.createElement(Gn.a,null,r.a.createElement(_n.a,{color:"secondary"},r.a.createElement(mr.a,null))),r.a.createElement(Yn.a,null,r.a.createElement(de.a,{elevation:3,className:e.paper},r.a.createElement(dr.a,{variant:"h6",component:"h1"},"Country"),r.a.createElement(dr.a,null,"Colombia")))))}var br=t(364),gr=t(365),xr=t(366),hr=t(367),fr=t(368),Er=t(369),vr=t(378),kr=t(104),wr=t(174),Nr=t.n(wr),yr=t(175),Cr=t.n(yr),Fr=Object(d.a)((function(e){return Object(br.a)({root:{maxWidth:345},media:{height:0,paddingTop:"56.25%"},expand:{transform:"rotate(0deg)",marginLeft:"auto",transition:e.transitions.create("transform",{duration:e.transitions.duration.shortest})},expandOpen:{transform:"rotate(180deg)"},avatar:{backgroundColor:kr.a[500]}})}));function jr(e){var a=Fr(),t=e.title,n=e.letter,o=e.study,l=e.time;return r.a.createElement(gr.a,{className:a.root},r.a.createElement(xr.a,{avatar:r.a.createElement(vr.a,{"aria-label":"recipe",className:a.avatar},n),title:t}),r.a.createElement(hr.a,{className:a.media,image:"C"===n?Nr.a:Cr.a,title:"Title"}),r.a.createElement(fr.a,null,r.a.createElement(dr.a,{variant:"h6",color:"textSecondary",component:"h1"},o),r.a.createElement(dr.a,{variant:"body2",color:"textSecondary",component:"h6"},l)),r.a.createElement(Er.a,{disableSpacing:!0}))}var Or=t(370),Rr=t(177),Sr=t.n(Rr),Ir=t(176),Tr=t.n(Ir),Ar=t(178),Lr=t.n(Ar),Br=t(179),Hr=t.n(Br),zr=Object(d.a)((function(e){return{paper:{padding:"6px 16px"},secondaryTail:{backgroundColor:e.palette.secondary.main}}}));function Wr(){var e=zr();return r.a.createElement(Xn.a,{align:"alternate"},r.a.createElement(Jn.a,null,r.a.createElement(Or.a,null,r.a.createElement(dr.a,{variant:"body2",color:"textSecondary"},"2018 (4 Months)")),r.a.createElement(Gn.a,null,r.a.createElement(_n.a,null,r.a.createElement(Tr.a,null)),r.a.createElement(Zn.a,null)),r.a.createElement(Yn.a,null,r.a.createElement(de.a,{elevation:3,className:e.paper},r.a.createElement(dr.a,{variant:"h6",component:"h1"},"Window Cleaner"),r.a.createElement(dr.a,null,"I worked as a window cleaner in NJ (USA) for a company called Blue Ocean")))),r.a.createElement(Jn.a,null,r.a.createElement(Or.a,null,r.a.createElement(dr.a,{variant:"body2",color:"textSecondary"},"2019 (6 Months)")),r.a.createElement(Gn.a,null,r.a.createElement(_n.a,{color:"primary"},r.a.createElement(Sr.a,null)),r.a.createElement(Zn.a,null)),r.a.createElement(Yn.a,null,r.a.createElement(de.a,{elevation:3,className:e.paper},r.a.createElement(dr.a,{variant:"h6",component:"h1"},"Pio Pio Supermarket"),r.a.createElement(dr.a,null,"I worked as a cashier and customer service")))),r.a.createElement(Jn.a,null,r.a.createElement(Or.a,null,r.a.createElement(dr.a,{variant:"body2",color:"textSecondary"},"2019 (6 Months)")),r.a.createElement(Gn.a,null,r.a.createElement(_n.a,{color:"primary",variant:"outlined"},r.a.createElement(Lr.a,null)),r.a.createElement(Zn.a,{className:e.secondaryTail})),r.a.createElement(Yn.a,null,r.a.createElement(de.a,{elevation:3,className:e.paper},r.a.createElement(dr.a,{variant:"h6",component:"h1"},"Freelance"),r.a.createElement(dr.a,null,"I worked as a freelance developing web apps using pure Html, Css, Js and wordpress")))),r.a.createElement(Jn.a,null,r.a.createElement(Or.a,null,r.a.createElement(dr.a,{variant:"body2",color:"textSecondary"},"2020 (6 Months)")),r.a.createElement(Gn.a,null,r.a.createElement(_n.a,{color:"secondary"},r.a.createElement(Hr.a,null))),r.a.createElement(Yn.a,null,r.a.createElement(de.a,{elevation:3,className:e.paper},r.a.createElement(dr.a,{variant:"h6",component:"h1"},"TCC"),r.a.createElement(dr.a,null,"I worked as a fullstack developer, i had to improve and update the platforms using java with Spring and Angular")))))}var Dr=Object(d.a)(Qn);function Pr(e){var a=Dr(),n=m()(a.imgRaised,a.imgRoundedCircle,a.imgFluid);return r.a.createElement("div",null,r.a.createElement(re,{small:!0,filter:!0,image:t(278)}),r.a.createElement("div",{className:m()(a.main,a.mainRaised)},r.a.createElement("div",null,r.a.createElement("div",{className:a.container},r.a.createElement(G,{justify:"center"},r.a.createElement(Y,{xs:12,sm:12,md:6},r.a.createElement("div",{className:a.profile},r.a.createElement("div",null,r.a.createElement("img",{src:Vn.a,alt:"...",className:n})),r.a.createElement("div",{className:a.name},r.a.createElement("h3",{className:a.title},"Mateo Serna Lopera"),r.a.createElement("h6",null,"Fullstack Developer"),r.a.createElement(ae,{justIcon:!0,link:!0,className:a.margin5,href:"https://www.instagram.com/_teolopera/",target:"_blank"},r.a.createElement("i",{className:"fab fa-instagram"})),r.a.createElement(ae,{justIcon:!0,link:!0,className:a.margin5,href:"https://www.linkedin.com/in/mateo-serna-795a85199/",target:"_blank"},r.a.createElement("i",{className:"fab fa-linkedin"})),r.a.createElement(ae,{justIcon:!0,link:!0,className:a.margin5,href:"https://github.com/pais4",target:"_blank"},r.a.createElement("i",{className:"fab fa-github"})))))),r.a.createElement("div",{className:a.description},r.a.createElement("p",null,"Hi! I am Mateo Serna Lopera. FullStack Developer. Technology and development have been my passion since i was a child, i'm constantly looking for grow in this world of technology, improving my skills as a fullstack developer and hibrid applications development."," ")),r.a.createElement(G,{justify:"center"},r.a.createElement(Y,{xs:12,sm:12,md:8,className:a.navWrapper},r.a.createElement(ot,{alignCenter:!0,color:"primary",tabs:[{tabButton:"About me",tabIcon:Kn.a,tabContent:r.a.createElement(G,{justify:"center"},r.a.createElement(ur,null))},{tabButton:"Education",tabIcon:qn.a,tabContent:r.a.createElement("div",null,r.a.createElement(G,{justify:"center"},r.a.createElement(Y,{xs:6},r.a.createElement(jr,{title:"Cesde",letter:"C",study:"Software Dev Technician",time:"2019 - 2020 - Studying last semester"})),r.a.createElement(Y,{xs:6},r.a.createElement(jr,{title:"ITM",letter:"I",study:"Systems Engineer Career",time:"2020 - Currently studying"}))),r.a.createElement(Ja,null))},{tabButton:"Skills",tabIcon:Te.a,tabContent:r.a.createElement(G,{justify:"center"},r.a.createElement(Y,{xs:6},r.a.createElement("div",{className:a.title},r.a.createElement("h4",null,"JavaScript - Html - Css")),r.a.createElement(Je,{variant:"determinate",color:"gray",value:80})),r.a.createElement(Y,{xs:6},r.a.createElement("div",{className:a.title},r.a.createElement("h4",null,"React With Redux")),r.a.createElement(Je,{variant:"determinate",color:"rose",value:60})),r.a.createElement(Y,{xs:6},r.a.createElement("div",{className:a.title},r.a.createElement("h4",null,"React Native")),r.a.createElement(Je,{variant:"determinate",color:"info",value:60})),r.a.createElement(Y,{xs:6},r.a.createElement("div",{className:a.title},r.a.createElement("h4",null,"Node Js")),r.a.createElement(Je,{variant:"determinate",color:"warning",value:70})),r.a.createElement(Y,{xs:6},r.a.createElement("div",{className:a.title},r.a.createElement("h4",null,"Python")),r.a.createElement(Je,{variant:"determinate",color:"success",value:50})),r.a.createElement(Y,{xs:6},r.a.createElement("div",{className:a.title},r.a.createElement("h4",null,"Java")),r.a.createElement(Je,{variant:"determinate",color:"primary",value:40})),r.a.createElement(Y,{xs:6},r.a.createElement("div",{className:a.title},r.a.createElement("h4",null,"GIT")),r.a.createElement(Je,{variant:"determinate",color:"danger",value:80})),r.a.createElement(Y,{xs:6},r.a.createElement("div",{className:a.title},r.a.createElement("h4",null,"Angular")),r.a.createElement(Je,{variant:"determinate",color:"info",value:50})))},{tabButton:"Work experience",tabIcon:Kn.a,tabContent:r.a.createElement(G,{justify:"center"},r.a.createElement(Wr,null))},{tabButton:"Portfolio",tabIcon:Kn.a,tabContent:r.a.createElement(G,{justify:"center"},r.a.createElement(Y,null,r.a.createElement(xn,null)))}]})))))),r.a.createElement(V,null))}var Kr=function(){return r.a.createElement(i.a,null,r.a.createElement(c.d,null,r.a.createElement(c.b,{exact:!0,path:"/test",component:Dn}),r.a.createElement(c.b,{exact:!0,path:"/",component:Pr}),r.a.createElement(c.a,{to:"/"})))},Mr=function(){return r.a.createElement("div",null,r.a.createElement(Kr,null))};l.a.render(r.a.createElement(Mr,null),document.getElementById("root"))},54:function(e,a,t){e.exports=t.p+"static/media/avatar.f1d71f77.jpg"}},[[204,1,2]]]);
  //# sourceMappingURL=main.ee35762d.chunk.js.map