Projects - Hoplonco

Branding

Museums
Art Concept

View Project

Design

Headphones
3D Rendering

View Project

Design

Daily Weather
Mobile App

View Project

Marketing

Market Graph
Concept

View Project

Circle Cardboard Concept

Circle Cardboard Concept Illustration, Branding, Poster Design. Home Circle Cardboard Concept Description Most innovative and successful… Read more

Flower Store Mobile App

Flower Store Mobile App UI/UX Design, Mobile Apps, Interactive Design. Home Flower Store Mobile App Description… Read more

Business Card Logo

Business Card Logo UI/UX Design, Branding, Logo Design. Home Business Card Logo Description Most innovative and… Read more

Headphones 3D Rendering

Headphones 3D Rendering Marketing, Rendering, 3D Design. Home Headphones 3D Rendering Description Most innovative and successful… Read more

Market Economy Graphics

Museums Art Concept Art Direction, Branding, Interactive Design. Home Description Most innovative and successful builders and… Read more

Museums Art Concept

Market Economy Graphics Marketing, Rendering, 3D Design. Home Museums Art Concept Description Most innovative and successful… Read more

img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}img.wp-smiley,img.emoji{display:inline !important;border:none !important;box-shadow:none !important;height:1em !important;width:1em !important;margin:0 .07em !important;vertical-align:-.1em !important;background:none !important;padding:0 !important}.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}:root{--wp--preset--aspect-ratio--square:1;--wp--preset--aspect-ratio--4-3:4/3;--wp--preset--aspect-ratio--3-4:3/4;--wp--preset--aspect-ratio--3-2:3/2;--wp--preset--aspect-ratio--2-3:2/3;--wp--preset--aspect-ratio--16-9:16/9;--wp--preset--aspect-ratio--9-16:9/16;--wp--preset--color--black:#000;--wp--preset--color--cyan-bluish-gray:#abb8c3;--wp--preset--color--white:#fff;--wp--preset--color--pale-pink:#f78da7;--wp--preset--color--vivid-red:#cf2e2e;--wp--preset--color--luminous-vivid-orange:#ff6900;--wp--preset--color--luminous-vivid-amber:#fcb900;--wp--preset--color--light-green-cyan:#7bdcb5;--wp--preset--color--vivid-green-cyan:#00d084;--wp--preset--color--pale-cyan-blue:#8ed1fc;--wp--preset--color--vivid-cyan-blue:#0693e3;--wp--preset--color--vivid-purple:#9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple:linear-gradient(135deg,#0693e3 0%,#9b51e0 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan:linear-gradient(135deg,#7adcb4 0%,#00d082 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange:linear-gradient(135deg,#fcb900 0%,#ff6900 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red:linear-gradient(135deg,#ff6900 0%,#cf2e2e 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray:linear-gradient(135deg,#eee 0%,#a9b8c3 100%);--wp--preset--gradient--cool-to-warm-spectrum:linear-gradient(135deg,#4aeadc 0%,#9778d1 20%,#cf2aba 40%,#ee2c82 60%,#fb6962 80%,#fef84c 100%);--wp--preset--gradient--blush-light-purple:linear-gradient(135deg,#ffceec 0%,#9896f0 100%);--wp--preset--gradient--blush-bordeaux:linear-gradient(135deg,#fecda5 0%,#fe2d2d 50%,#6b003e 100%);--wp--preset--gradient--luminous-dusk:linear-gradient(135deg,#ffcb70 0%,#c751c0 50%,#4158d0 100%);--wp--preset--gradient--pale-ocean:linear-gradient(135deg,#fff5cb 0%,#b6e3d4 50%,#33a7b5 100%);--wp--preset--gradient--electric-grass:linear-gradient(135deg,#caf880 0%,#71ce7e 100%);--wp--preset--gradient--midnight:linear-gradient(135deg,#020381 0%,#2874fc 100%);--wp--preset--font-size--small:13px;--wp--preset--font-size--medium:20px;--wp--preset--font-size--large:36px;--wp--preset--font-size--x-large:42px;--wp--preset--spacing--20:.44rem;--wp--preset--spacing--30:.67rem;--wp--preset--spacing--40:1rem;--wp--preset--spacing--50:1.5rem;--wp--preset--spacing--60:2.25rem;--wp--preset--spacing--70:3.38rem;--wp--preset--spacing--80:5.06rem;--wp--preset--shadow--natural:6px 6px 9px rgba(0,0,0,.2);--wp--preset--shadow--deep:12px 12px 50px rgba(0,0,0,.4);--wp--preset--shadow--sharp:6px 6px 0px rgba(0,0,0,.2);--wp--preset--shadow--outlined:6px 6px 0px -3px #fff,6px 6px #000;--wp--preset--shadow--crisp:6px 6px 0px #000}:where(body){margin:0}:where(.is-layout-flex){gap:.5em}:where(.is-layout-grid){gap:.5em}body .is-layout-flex{display:flex}.is-layout-flex{flex-wrap:wrap;align-items:center}.is-layout-flex>:is(*, div){margin:0}body .is-layout-grid{display:grid}.is-layout-grid>:is(*, div){margin:0}body{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px}:root :where(.wp-element-button, .wp-block-button__link){background-color:#32373c;border-width:0;color:#fff;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;padding-top:calc(.667em + 2px);padding-right:calc(1.333em + 2px);padding-bottom:calc(.667em + 2px);padding-left:calc(1.333em + 2px);text-decoration:none;text-transform:inherit}.has-black-color{color:var(--wp--preset--color--black) !important}.has-cyan-bluish-gray-color{color:var(--wp--preset--color--cyan-bluish-gray) !important}.has-white-color{color:var(--wp--preset--color--white) !important}.has-pale-pink-color{color:var(--wp--preset--color--pale-pink) !important}.has-vivid-red-color{color:var(--wp--preset--color--vivid-red) !important}.has-luminous-vivid-orange-color{color:var(--wp--preset--color--luminous-vivid-orange) !important}.has-luminous-vivid-amber-color{color:var(--wp--preset--color--luminous-vivid-amber) !important}.has-light-green-cyan-color{color:var(--wp--preset--color--light-green-cyan) !important}.has-vivid-green-cyan-color{color:var(--wp--preset--color--vivid-green-cyan) !important}.has-pale-cyan-blue-color{color:var(--wp--preset--color--pale-cyan-blue) !important}.has-vivid-cyan-blue-color{color:var(--wp--preset--color--vivid-cyan-blue) !important}.has-vivid-purple-color{color:var(--wp--preset--color--vivid-purple) !important}.has-black-background-color{background-color:var(--wp--preset--color--black) !important}.has-cyan-bluish-gray-background-color{background-color:var(--wp--preset--color--cyan-bluish-gray) !important}.has-white-background-color{background-color:var(--wp--preset--color--white) !important}.has-pale-pink-background-color{background-color:var(--wp--preset--color--pale-pink) !important}.has-vivid-red-background-color{background-color:var(--wp--preset--color--vivid-red) !important}.has-luminous-vivid-orange-background-color{background-color:var(--wp--preset--color--luminous-vivid-orange) !important}.has-luminous-vivid-amber-background-color{background-color:var(--wp--preset--color--luminous-vivid-amber) !important}.has-light-green-cyan-background-color{background-color:var(--wp--preset--color--light-green-cyan) !important}.has-vivid-green-cyan-background-color{background-color:var(--wp--preset--color--vivid-green-cyan) !important}.has-pale-cyan-blue-background-color{background-color:var(--wp--preset--color--pale-cyan-blue) !important}.has-vivid-cyan-blue-background-color{background-color:var(--wp--preset--color--vivid-cyan-blue) !important}.has-vivid-purple-background-color{background-color:var(--wp--preset--color--vivid-purple) !important}.has-black-border-color{border-color:var(--wp--preset--color--black) !important}.has-cyan-bluish-gray-border-color{border-color:var(--wp--preset--color--cyan-bluish-gray) !important}.has-white-border-color{border-color:var(--wp--preset--color--white) !important}.has-pale-pink-border-color{border-color:var(--wp--preset--color--pale-pink) !important}.has-vivid-red-border-color{border-color:var(--wp--preset--color--vivid-red) !important}.has-luminous-vivid-orange-border-color{border-color:var(--wp--preset--color--luminous-vivid-orange) !important}.has-luminous-vivid-amber-border-color{border-color:var(--wp--preset--color--luminous-vivid-amber) !important}.has-light-green-cyan-border-color{border-color:var(--wp--preset--color--light-green-cyan) !important}.has-vivid-green-cyan-border-color{border-color:var(--wp--preset--color--vivid-green-cyan) !important}.has-pale-cyan-blue-border-color{border-color:var(--wp--preset--color--pale-cyan-blue) !important}.has-vivid-cyan-blue-border-color{border-color:var(--wp--preset--color--vivid-cyan-blue) !important}.has-vivid-purple-border-color{border-color:var(--wp--preset--color--vivid-purple) !important}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background:var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background:var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background:var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background:var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background:var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important}.has-cool-to-warm-spectrum-gradient-background{background:var(--wp--preset--gradient--cool-to-warm-spectrum) !important}.has-blush-light-purple-gradient-background{background:var(--wp--preset--gradient--blush-light-purple) !important}.has-blush-bordeaux-gradient-background{background:var(--wp--preset--gradient--blush-bordeaux) !important}.has-luminous-dusk-gradient-background{background:var(--wp--preset--gradient--luminous-dusk) !important}.has-pale-ocean-gradient-background{background:var(--wp--preset--gradient--pale-ocean) !important}.has-electric-grass-gradient-background{background:var(--wp--preset--gradient--electric-grass) !important}.has-midnight-gradient-background{background:var(--wp--preset--gradient--midnight) !important}.has-small-font-size{font-size:var(--wp--preset--font-size--small) !important}.has-medium-font-size{font-size:var(--wp--preset--font-size--medium) !important}.has-large-font-size{font-size:var(--wp--preset--font-size--large) !important}.has-x-large-font-size{font-size:var(--wp--preset--font-size--x-large) !important}:root :where(.wp-block-icon svg){width:24px}:where(.wp-block-post-template.is-layout-flex){gap:1.25em}:where(.wp-block-post-template.is-layout-grid){gap:1.25em}:where(.wp-block-term-template.is-layout-flex){gap:1.25em}:where(.wp-block-term-template.is-layout-grid){gap:1.25em}:where(.wp-block-columns.is-layout-flex){gap:2em}:where(.wp-block-columns.is-layout-grid){gap:2em}:root :where(.wp-block-pullquote){font-size:1.5em;line-height:1.6}.h1,h1,h1.onovo-title-1,.onovo-title-1{text-transform:unset}.h2,h2,h2.onovo-title-2,.onovo-title-2{text-transform:unset}.h3,h3{text-transform:unset}.h4,h4{text-transform:unset}.h5,h5{text-transform:unset}.h6,h6{text-transform:unset}.preloader::after{background-color:#0a0a0a}.preloader__double-bounce{background-color:#d8ff36}.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload),.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) *{background-image:none !important}@media screen and (max-height: 1024px){.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload),.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) *{background-image:none !important}.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload).nitro-lazy,.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) *.nitro-lazy{background-image:none !important}}@media screen and (max-height: 640px){.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload),.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) *{background-image:none !important}.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload).nitro-lazy,.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) *.nitro-lazy{background-image:none !important}}.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload).nitro-lazy,.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) *.nitro-lazy{background-image:none !important}.onovo-menu .opened>ul.sub-menu li{margin:0px !important}.top-section{background:#000;padding:2.5rem 0 0 0;position:relative;min-height:950px;background-size:100%}.top-section::before{content:"";background:url("https://cdn-ilempnj.nitrocdn.com/BwlgaaNmjbjlMuoeDjKDptwQceiewhnK/assets/images/optimized/rev-bc388ad/wp.hoplonco.com/wp-content/uploads/2026/05/banner-bottom-bg.avif") no-repeat bottom;position:absolute;background-size:100%;height:100%;width:100%;bottom:-180px}@media (max-width: 640px){.top-section{min-height:600px}html,body{overflow-x:hidden}.partnership-block::before{height:200px;top:-25px}.mobile-land-des .onovo-hero-parallax{height:50vh}}.hero-img{margin:0px auto;position:absolute;left:0;right:0;text-align:center;margin:-60px 0 0 0;width:500px;margin:-93px auto auto auto;animation:upDown 4s ease-in-out infinite}.hero-img img{width:100%}@keyframes upDown{0%,100%{transform:translateY(0)}50%{transform:translateY(-30px)}}.wpcf7 form.sent .wpcf7-response-output{color:#fff}.neon-colors .num.onovo-text-white{color:#d8ff36}.foo-social-icon .onovo-social-1 ul li a{width:50px;height:50px;margin-right:15px}.containerwork{height:100vh;position:relative;overflow:hidden}.containerwork .slide .item{width:200px;height:300px;position:absolute;top:50%;transform:translate(0,-50%);border-radius:20px;background-position:50% 50%;background-size:cover;display:inline-block;transition:.5s}.slide .item:nth-child(1),.slide .item:nth-child(2){top:0;left:0;transform:translate(0,0);border-radius:0;width:100%;height:100%}.slide .item:nth-child(3){left:calc(100% - 440px)}.slide .item:nth-child(4){left:calc(100% - 220px)}.slide .item:nth-child(n + 5){left:100%;opacity:0}@media (max-width: 768px){.item .content{position:absolute;top:50%;left:15px;width:333px;text-align:left;color:#eee;transform:translate(0,-50%);font-family:system-ui;display:none}.slide .item:nth-child(3),.slide .item:nth-child(4){display:none}.containerwork .slide .item{left:0 !important;right:auto !important}}.item .content{position:absolute;top:50%;left:100px;width:300px;text-align:left;color:#eee;transform:translate(0,-50%);font-family:system-ui;display:none}.slide .item:nth-child(2) .content{display:block}.content .name{font-size:40px;text-transform:uppercase;font-weight:bold;opacity:0;animation:animate 1s ease-in-out 1 forwards}.content .des{margin-top:10px;margin-bottom:20px;opacity:0;animation:animate 1s ease-in-out .3s 1 forwards}.content button{padding:10px 20px;border:none;cursor:pointer;opacity:0;animation:animate 1s ease-in-out .6s 1 forwards}@keyframes animate{from{opacity:0;transform:translate(0,100px);filter:blur(33px)}to{opacity:1;transform:translate(0);filter:blur(0)}}.button{width:100%;text-align:center;position:absolute;bottom:20px}.button button{width:40px;height:40px;border-radius:36px;border:none;cursor:pointer;margin:0 5px;border:1px solid #000;transition:.3s;padding-top:7px}.button button:hover{background:#ababab;color:#fff}.trakexcel-museum{position:relative;overflow:hidden;color:#fff;background:#000;font-family:inherit}.trakexcel-stack-wrap{position:relative;display:grid;place-items:center;margin:5rem auto}.trakexcel-stack-item{width:35vw;min-width:300px;height:8vh;opacity:.3;background-size:cover;background-position:center;margin-bottom:1vh;transition:opacity .3s}.trakexcel-stack-item:hover{opacity:.6}.trakexcel-item{display:none;text-align:left;padding:2rem}.trakexcel-item.active{display:block}.trakexcel-item-title span{display:block;font-size:3rem;color:#c87e4f}.trakexcel-item-desc{max-width:400px;font-size:1rem;line-height:1.6}

Company

Get in Touch

Navigation

Services

Get in Touch

Follow Us On

Company

Get in Touch

hoplon & co.