Phone :

+1 (407) 733-3410

Email :

info@axdesign.co

© 2022, AX Designs Theme. Made with passion by Alex Varela.

Loud Apartment

Introduction

This portfolio highlights a modern design with custom animations and effects. The site was built from the ground up using PHP, HMTL, JQUERY, and CSS. The website features shortcodes for the music channels and a dynamic navigation bar that is connected to WordPress for a seamless user experience. Also, the site has custom fields coded from the ground up, making the interaction between the client and website easy to use. The site is well crafted and 100% mobile-friendly.

Client

Tangible Creative

Date

November 30, 2020

Categories

Web Development

Tags

CSS, Custom Login, Custom Template, HTML, jQuery, PHP, Responsive, Scrolling Animations, WordPress

Check The Live Project

Next Project

Sant Varela’s Portfolio

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;}.has-text-align-justify{text-align:justify;}.safe-svg-cover{text-align:center;}.safe-svg-cover .safe-svg-inside{display:inline-block;max-width:100%;}.safe-svg-cover svg{height:100%;max-height:100%;max-width:100%;width:100%;}body{--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,rgba(6,147,227,1) 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,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red:linear-gradient(135deg,rgba(255,105,0,1) 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--duotone--dark-grayscale:url("#wp-duotone-dark-grayscale");--wp--preset--duotone--grayscale:url("#wp-duotone-grayscale");--wp--preset--duotone--purple-yellow:url("#wp-duotone-purple-yellow");--wp--preset--duotone--blue-red:url("#wp-duotone-blue-red");--wp--preset--duotone--midnight:url("#wp-duotone-midnight");--wp--preset--duotone--magenta-yellow:url("#wp-duotone-magenta-yellow");--wp--preset--duotone--purple-green:url("#wp-duotone-purple-green");--wp--preset--duotone--blue-orange:url("#wp-duotone-blue-orange");--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 rgba(255,255,255,1),6px 6px rgba(0,0,0,1);--wp--preset--shadow--crisp:6px 6px 0px rgba(0,0,0,1);}:where(.is-layout-flex){gap:.5em;}body .is-layout-flow > .alignleft{float:left;margin-inline-start:0;margin-inline-end:2em;}body .is-layout-flow > .alignright{float:right;margin-inline-start:2em;margin-inline-end:0;}body .is-layout-flow > .aligncenter{margin-left:auto !important;margin-right:auto !important;}body .is-layout-constrained > .alignleft{float:left;margin-inline-start:0;margin-inline-end:2em;}body .is-layout-constrained > .alignright{float:right;margin-inline-start:2em;margin-inline-end:0;}body .is-layout-constrained > .aligncenter{margin-left:auto !important;margin-right:auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width:var(--wp--style--global--content-size);margin-left:auto !important;margin-right:auto !important;}body .is-layout-constrained > .alignwide{max-width:var(--wp--style--global--wide-size);}body .is-layout-flex{display:flex;}body .is-layout-flex{flex-wrap:wrap;align-items:center;}body .is-layout-flex > *{margin:0;}:where(.wp-block-columns.is-layout-flex){gap:2em;}.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;}.wp-block-navigation a:where(:not(.wp-element-button)){color:inherit;}:where(.wp-block-columns.is-layout-flex){gap:2em;}.wp-block-pullquote{font-size:1.5em;line-height:1.6;}#rs-demo-id{}.tolb-holder{background:rgba(0,0,0,.8);}.tolb-holder .tolb-close,.tolb-holder .tolb-title,.tolb-holder .tolb-counter,.tolb-holder .tolb-next i,.tolb-holder .tolb-prev i{color:#fff;}.tolb-holder .tolb-load{border-color:rgba(255,255,255,.2);border-left:3px solid #fff;}.to-heart-icon,.to-heart-icon svg,.to-post-like,.to-post-like .to-like-count{position:relative;display:inline-block;}.to-post-like{width:auto;cursor:pointer;font-weight:400;}.to-heart-icon{float:left;margin:0 4px 0 0;}.to-heart-icon svg{overflow:visible;width:15px;height:14px;}.to-heart-icon g{-webkit-transform:scale(1);transform:scale(1);}.to-heart-icon path{-webkit-transform:scale(1);transform:scale(1);transition:fill .4s ease,stroke .4s ease;}.no-liked .to-heart-icon path{fill:#999;stroke:#999;}.empty-heart .to-heart-icon path{fill:transparent !important;stroke:#999;}.liked .to-heart-icon path,.to-heart-icon svg:hover path{fill:#ff6863 !important;stroke:#ff6863 !important;}@keyframes heartBeat{0%{transform:scale(1);}20%{transform:scale(.8);}30%{transform:scale(.95);}45%{transform:scale(.75);}50%{transform:scale(.85);}100%{transform:scale(.9);}}@-webkit-keyframes heartBeat{0%,100%,50%{-webkit-transform:scale(1);}20%{-webkit-transform:scale(.8);}30%{-webkit-transform:scale(.95);}45%{-webkit-transform:scale(.75);}}.heart-pulse g{-webkit-animation-name:heartBeat;animation-name:heartBeat;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;}.to-post-like a{color:inherit !important;fill:inherit !important;stroke:inherit !important;}.lazyloading{background-image:url("https://cdn-ghnbp.nitrocdn.com/kXBBZSAqnjMHsRMclfEeNDdWItpSpUEA/assets/images/optimized/rev-f1e41a8/wp-content/themes/wavo/images/loader.gif");}.nt-404 .call-action:before{background-image:url("https://cdn-ghnbp.nitrocdn.com/kXBBZSAqnjMHsRMclfEeNDdWItpSpUEA/assets/images/optimized/rev-f1e41a8/wp-content/themes/wavo/images/pattern-bg.gif");background-repeat:repeat;opacity:.04;}.nt-404 .call-action:before{opacity:.04;}.topnav .menu-icon .text:after{content:"Close";width:max-content;min-width:70px;}.progress-wrap{-webkit-box-shadow:inset 0 0 0 2px rgba(130,130,130,.2);box-shadow:inset 0 0 0 2px rgba(130,130,130,.2);}.progress-wrap svg.progress-circle path{stroke:#fdf252;}.progress-wrap::after{color:#fdf252;}:root{--color-secondary:#fdf252;}.nt-blog .controls .swiper-pagination-fraction span,.nav--xusni .nav__item-title{color:#fdf252;}.services_icon.icon svg path[stroke="#75DAB4"]{stroke:#fdf252;}.agency .img .icon svg path[stroke="#75DAB4"]{stroke:#fdf252;}.agency .img .exp h6:after,.tagcloud a:hover,.nav--xusni .swiper-slide-thumb-active::after{background:#fdf252;}.nt-sidebar-inner-widget .tag-cloud-link,.btn-curve:after{background:#fdf252;}.btn-curve{border-color:#fdf252;}.btn-curve.btn-lit:after{background:#fdf252;}.btn-curve.btn-lit{border-color:#fdf252;}.hamenu{-webkit-transition:all .5s cubic-bezier(1,0,.55,1);transition:all .5s cubic-bezier(1,0,.55,1);}.hamenu .menu-links .main-menu > li{-webkit-transition:all .5s;transition:all .5s;}.hamenu .menu-links .main-menu .sub-menu{-webkit-transition-delay:.2s;transition-delay:.2s;}.nt-pagination.-style-outline .nt-pagination-item .nt-pagination-link{border-color:#fdf252;}.nt-pagination.-style-default .nt-pagination-link{background-color:#fdf252;}.nt-pagination.-style-outline .nt-pagination-item.active .nt-pagination-link,.nt-pagination.-style-outline .nt-pagination-item .nt-pagination-link:hover{border-color:#fdf252;}.nt-pagination.-style-default .nt-pagination-item.active .nt-pagination-link,.nt-pagination.-style-default .nt-pagination-item .nt-pagination-link:hover{background-color:#fdf252;}.lazyloading.nitro-lazy{background-image:none !important;}img#wpstats{display:none;}.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}.nt-breadcrumbs .nt-breadcrumbs-list li.active{color:#fff;}.nt-breadcrumbs .nt-breadcrumbs-list i{color:#fff;}.progress-wrap{right:30px;bottom:30px;}#nt-logo img{width:270px;}#nt-logo.has-mobile-logo img.mobile-logo{width:200px;}.hamenu .menu-links .link:hover,.hamenu .menu-links .sub-link:hover,.hamenu .menu-links .main-menu .sub-menu li .sub-link.back:hover,.hamenu .menu-links .is--active .link,.hamenu .menu-links .is--active .sub-link{color:#fdf252;}#nt-index .page-header .text-bg{top:60px;}