@media screen and (min-width: 0px) { .themecomp_megadiv.slo7mdiubr{z-index:5000;height:100% ;width:100% ;margin:-5000px 0 0 ;top:0 ;left:0 ;position:fixed ;background-color:rgba(0,0,0,0.9);opacity:0;visibility:hidden;transition: opacity 0.2s; -moz-transition: opacity 0.2s;-webkit-transition: opacity 0.2s;-o-transition: opacity 0.2s;-khtml-transition: opacity 0.2s;-ms-transition: opacity 0.2s;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.slo7mdiubr{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.slo7mdiubr{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.slo7mdiubr{} }
@media screen and (min-width: 0px) { .themecomp_megadiv.arkj7w4936{} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.arkj7w4936{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.arkj7w4936{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.arkj7w4936{} }
@media screen and (min-width: 0px) { .themecomp_megadiv.drhk22divb{max-width:400px ;margin:0 auto ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.drhk22divb{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.drhk22divb{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.drhk22divb{} }

Lost Something?

Search through all posts/pages
on this site.
.themecomp_height_jchb3yc236{height:10px;} @media (min-width: 0px) and (max-width: 1200px) {.themecomp_height_jchb3yc236{height:px;}} @media (min-width: 0px) and (max-width: 991px) {.themecomp_height_jchb3yc236{height:px;}} @media (min-width: 0px) and (max-width: 767px) {.themecomp_height_jchb3yc236{height:px;}}
.themecomp_search_form.yaapvdgj6e ::-webkit-input-placeholder {color:#111;opacity:0.5;} .themecomp_search_form.yaapvdgj6e ::-moz-placeholder {color:#111;opacity:0.5;} .themecomp_search_form.yaapvdgj6e :-moz-placeholder {color:#111;opacity:0.5;} .themecomp_search_form.yaapvdgj6e :-ms-input-placeholder {color:#111;opacity:0.5;} .themecomp_search_form.yaapvdgj6e .themecomp_subwrap:hover {background:#333 !important;} .themecomp_search_form.yaapvdgj6e .themecomp_subwrap:hover {color: !important;}
@media screen and (min-width: 0px) { .themecomp_megadiv.nko2wb04g3{z-index:-1;height:100% ;width:100% ;padding:100px 40px 40px 80px ;top:0 ;position:relative ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.nko2wb04g3{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.nko2wb04g3{padding:100px 40px 40px 40px ;display:none ;} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.nko2wb04g3{} }
@media screen and (min-width: 0px) { .themecomp_megadiv.a5czgsfupn{height:100% ;border-width:0px ;border-style: solid;border-color:#111111;position:relative ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.a5czgsfupn{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.a5czgsfupn{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.a5czgsfupn{} }
@media screen and (min-width: 0px) { .themecomp_megadiv.vv223r7oqi{} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.vv223r7oqi{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.vv223r7oqi{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.vv223r7oqi{} }
@media screen and (min-width: 0px) { .themecomp_megadiv.qcgbhfkn9m{z-index:9;padding:0 20px 0 0 ;border-width:0 1px 0 0 ;border-style: solid;border-color:#111111;bottom:10px ;left:25px ;position:fixed ;transform:rotate(-90deg); -moz-transform:rotate(-90deg); -webkit-transform:rotate(-90deg); -o-transform:rotate(-90deg); -khtml-transform:rotate(-90deg); -ms-transform:rotate(-90deg);transform-origin: left top 0; -moz-transform-origin: left top 0; -webkit-transform-origin: left top 0; -o-ttransform-origin: left top 0;-khtml-ttransform-origin: left top 0;-ms-ttransform-origin: left top 0;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.qcgbhfkn9m{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.qcgbhfkn9m{display:none ;} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.qcgbhfkn9m{} }
@media screen and (min-width: 0px) { .themecomp_megadiv.rzf99lt1yy{width:200px ;padding:0 0 0 20px ;left:100% ;position:fixed ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.rzf99lt1yy{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.rzf99lt1yy{display:none ;} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.rzf99lt1yy{} }
COPYRIGHT © 2018 PANTHER
ALL RIGHTS RESERVED
@media screen and (min-width: 0px) { .themecomp_megadiv.kvw93ti9uq{z-index:99;height:100px ;padding:0 70px 0 0 ;top:0 ;right:0 ;position:absolute ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.kvw93ti9uq{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.kvw93ti9uq{width:100% ;padding:0 ;position:absolute ;} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.kvw93ti9uq{padding:0 ;} }
@media screen and (min-width: 0px) { .themecomp_megadiv.chtl7u55l2{position:relative ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.chtl7u55l2{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.chtl7u55l2{padding:30px 10px ;} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.chtl7u55l2{padding:30px 10px ;} }
.themecomp_toggle-wrapper-wrap.xqnkykknwa #themecomp_menu-toggle, .themecomp_toggle-wrapper-wrap.xqnkykknwa #themecomp_menu-toggle:before, .themecomp_toggle-wrapper-wrap.xqnkykknwa #themecomp_menu-toggle:after {background:#111111;} @media screen and (min-width: 0px) { .themecomp_toggle-wrapper-wrap.xqnkykknwa {padding:;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_toggle-wrapper-wrap.xqnkykknwa {padding:;} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_toggle-wrapper-wrap.xqnkykknwa {padding:;} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_toggle-wrapper-wrap.xqnkykknwa {padding:;} }
.themecomp_mobile_menu.xqnkykknwa .themecomp_menu > .themecomp-menu-li > a {font-size:16px;} .themecomp_mobile_menu.xqnkykknwa .themecomp-menu-li a {color:#ffffff !important;background:transparent !important;} .themecomp_mobile_menu.xqnkykknwa .themecomp_menu:before {background:#111111;}
@media screen and (min-width: 0px) { .themecomp_megadiv.bqqdgc5mut{height:100% ;display:inline-block ;float:left ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.bqqdgc5mut{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.bqqdgc5mut{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.bqqdgc5mut{} }
.themecomp_menu.w1izu3z2tb *:not(.themecomp_outer):not(.themecomp_inner):not(.themecomp_span) {line-height:20px} .themecomp_menu.w1izu3z2tb > .themecomp-menu-li {} .themecomp_menu.w1izu3z2tb > .themecomp-menu-li > a {font-size:11px;color:;padding:10px 10px 10px 10px;background:;text-align:left;text-transform:uppercase;;} .themecomp_menu.w1izu3z2tb > .themecomp-menu-li {font-weight:;} .themecomp_menu.w1izu3z2tb .themecomp_little_label {background-color:;color:;} .themecomp_menu.w1izu3z2tb .sub-menu {background-color:#dddddd;font-size:12px;box-shadow:;font-weight:;} .themecomp_menu.w1izu3z2tb .current-menu-ancestor > a, .themecomp_menu.w1izu3z2tb .current-page-ancestor > a, .themecomp_menu.w1izu3z2tb .current-menu-item > a {color:} .themecomp_menu.w1izu3z2tb .themecomp_little_label {margin:;} .themecomp_menu.w1izu3z2tb > .themecomp-menu-li:hover > a.themecomp_menu_a, .themecomp_menu.w1izu3z2tb > .themecomp-menu-li > a.themecomp_menu_a:hover {color:;background:;} .themecomp_menu.w1izu3z2tb > .themecomp-menu-li .themecomp-menu-li a {color:#777;padding:10px 20px 10px 20px;min-width:200px;text-transform:none;text-shadow:none;} .themecomp_menu.w1izu3z2tb > .themecomp-menu-li .themecomp-menu-li:hover > a {color:;background:;} body:not(.themecomp_mobile) .themecomp_menu.w1izu3z2tb.themecomp_horis > .themecomp-menu-li.megamenu > ul > li > a {background-color:#dddddd;color:#777 !important;} .themecomp_menu.w1izu3z2tb.themecomp_horis .html_area.i .themecomp_peicon {height:20px} .themecomp_menu.w1izu3z2tb div[class*="widget_shopping_cart_cont"] .themecomp_widprod_title, .themecomp_menu.w1izu3z2tb div[class*="widget_shopping_cart_cont"] .empty, .themecomp_menu.w1izu3z2tb div[class*="widget_shopping_cart_cont"] h6 {color:#777 !important;} .themecomp_menu.w1izu3z2tb div[class*="widget_shopping_cart_cont"] a:hover .themecomp_widprod_title {color:;} .themecomp_menu.w1izu3z2tb div[class*="widget_shopping_cart_cont"] li .themecomp_widprod_title:hover {color: !important;} .themecomp_menu.w1izu3z2tb div[class*="widget_shopping_cart_cont"] a:not(.btn) {color:;} .themecomp_menu.w1izu3z2tb div[class*="widget_shopping_cart_cont"] a:not(.btn):hover {color:;} .themecomp_menu.w1izu3z2tb div[class*="widget_shopping_cart_cont"] {background:;} .themecomp_menu.w1izu3z2tb div[class*="widget_shopping_cart_cont"], .themecomp_menu.w1izu3z2tb div[class*="widget_shopping_cart_cont"] h5, .themecomp_menu.w1izu3z2tb div[class*="widget_shopping_cart_cont"] h6 {color:;} .themecomp_menu.w1izu3z2tb div[class*="widget_shopping_cart_cont"] .themecomp_buttons a:hover {color:#777;}
@media screen and (min-width: 0px) { .themecomp_megadiv.uz2b4qgmxu{z-index:999;top:10px ;left:80px ;display:inline-block ;position:absolute ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.uz2b4qgmxu{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.uz2b4qgmxu{padding:10px 0 0 ;left:15px ;position:absolute ;} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.uz2b4qgmxu{} }
@media screen and (min-width: 0px) { .themecomp_megadiv.zoht1j2q20{width:240px ;padding:0 5px 0px ;margin:0 0 0 5px ;left:100% ;position:absolute ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.zoht1j2q20{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.zoht1j2q20{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.zoht1j2q20{} } @media (max-width: 400px) and (min-width: 0px) {.themecomp_megadiv.zoht1j2q20 {display:none;}}
PANTHER                                                                 DIY WEBSITE BUILDER                                           做它自己网站建设者
@media screen and (min-width: 0px) { .themecomp_megadiv.ce5zfjkghc{width:140px ;padding:1px 5px 0px ;margin:0 0 0 5px ;bottom:0 ;left:100% ;position:absolute ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.ce5zfjkghc{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.ce5zfjkghc{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.ce5zfjkghc{} } @media (max-width: 400px) and (min-width: 0px) {.themecomp_megadiv.ce5zfjkghc {display:none;}}

@media screen and (min-width: 0px) { .themecomp_megadiv.mv0poeym9g{} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.mv0poeym9g{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.mv0poeym9g{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.mv0poeym9g{} }
@media screen and (min-width: 0px) { .themecomp_megadiv.c0m0w5dowy{} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.c0m0w5dowy{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.c0m0w5dowy{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.c0m0w5dowy{} }
.vunnvmjru1, .vunnvmjru1 *:not(i){color:;} .vunnvmjru1:hover, .vunnvmjru1 *:hover {color: !important;}

Archive

.themecomp_height_ep1y9ajnmp{height:40px;} @media (min-width: 0px) and (max-width: 1200px) {.themecomp_height_ep1y9ajnmp{height:px;}} @media (min-width: 0px) and (max-width: 991px) {.themecomp_height_ep1y9ajnmp{height:px;}} @media (min-width: 0px) and (max-width: 767px) {.themecomp_height_ep1y9ajnmp{height:px;}}
@media screen and (min-width: 0px) { .themecomp_item.ad6jltocqn0 {height:;} .themecomp_item.ad6jltocqn0 .row {height:100%;margin:0 -15px 0 -15px;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_item.ad6jltocqn0 {height:} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_item.ad6jltocqn0 {height:} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_item.ad6jltocqn0 {height:} }
@media screen and (min-width: 0px) { .themecomp_megadiv.sq9cyoruew0{} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.sq9cyoruew0{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.sq9cyoruew0{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.sq9cyoruew0{} }
@media screen and (min-width: 0px) { .themecomp_megadiv.c5bwf0kez90{position:relative ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.c5bwf0kez90{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.c5bwf0kez90{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.c5bwf0kez90{} }
@media screen and (min-width: 0px) { .themecomp_megadiv.idnet6wwzg0{padding:0 0 40px ;position:relative ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.idnet6wwzg0{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.idnet6wwzg0{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.idnet6wwzg0{} }
@media screen and (min-width: 0px) { .themecomp_megadiv.zpt64mwlym0{z-index:9;padding:0 5px 10px 0px ;top:20px ;left:0 ;position:absolute ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.zpt64mwlym0{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.zpt64mwlym0{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.zpt64mwlym0{display:none ;} }
.zo9964he4m, .zo9964he4m *:not(i){color:;} .zo9964he4m:hover, .zo9964he4m *:hover {color: !important;}

25

.u34sn0fcat, .u34sn0fcat *:not(i){color:;} .u34sn0fcat:hover, .u34sn0fcat *:hover {color: !important;}
September
.khyxu5b7to, .khyxu5b7to *:not(i){color:;} .khyxu5b7to:hover, .khyxu5b7to *:hover {color: !important;}
2018
@media screen and (min-width: 0px) { .themecomp_megadiv.jsabhbd7yk0{padding:20px 0 0 120px ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.jsabhbd7yk0{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.jsabhbd7yk0{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.jsabhbd7yk0{padding:20px 0 ;} }
.exa3d1sua7, .exa3d1sua7 *:not(i){color:;} .exa3d1sua7:hover, .exa3d1sua7 *:hover {color:#111 !important;}

3 sites to visit for web-design inspiration

@media screen and (min-width: 0px) { .themecomp_megadiv.ij044iwuo70{} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.ij044iwuo70{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.ij044iwuo70{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.ij044iwuo70{} }

 

Web-design is always developing new trends and just when we think that we've mastered a new trend, along comes another. To keep updated with the latest design trends as well as the most beautiful websites out there, we at Panther recommend these 3 top notch web-design directories. Click on the logos to visit the sites and get inspiration for days.  

.themecomp_height_a15itofxh4{height:20px;} @media (min-width: 0px) and (max-width: 1200px) {.themecomp_height_a15itofxh4{height:px;}} @media (min-width: 0px) and (max-width: 991px) {.themecomp_height_a15itofxh4{height:px;}} @media (min-width: 0px) and (max-width: 767px) {.themecomp_height_a15itofxh4{height:px;}}
@media screen and (min-width: 0px) { .themecomp_item.ad6jltocqn1 {height:;} .themecomp_item.ad6jltocqn1 .row {height:100%;margin:0 -15px 0 -15px;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_item.ad6jltocqn1 {height:} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_item.ad6jltocqn1 {height:} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_item.ad6jltocqn1 {height:} }
@media screen and (min-width: 0px) { .themecomp_megadiv.sq9cyoruew1{} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.sq9cyoruew1{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.sq9cyoruew1{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.sq9cyoruew1{} }
@media screen and (min-width: 0px) { .themecomp_megadiv.c5bwf0kez91{position:relative ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.c5bwf0kez91{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.c5bwf0kez91{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.c5bwf0kez91{} }
@media screen and (min-width: 0px) { .themecomp_megadiv.idnet6wwzg1{padding:0 0 40px ;position:relative ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.idnet6wwzg1{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.idnet6wwzg1{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.idnet6wwzg1{} }
@media screen and (min-width: 0px) { .themecomp_megadiv.zpt64mwlym1{z-index:9;padding:0 5px 10px 0px ;top:20px ;left:0 ;position:absolute ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.zpt64mwlym1{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.zpt64mwlym1{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.zpt64mwlym1{display:none ;} }
.zo9964he4m, .zo9964he4m *:not(i){color:;} .zo9964he4m:hover, .zo9964he4m *:hover {color: !important;}

04

.u34sn0fcat, .u34sn0fcat *:not(i){color:;} .u34sn0fcat:hover, .u34sn0fcat *:hover {color: !important;}
March
.khyxu5b7to, .khyxu5b7to *:not(i){color:;} .khyxu5b7to:hover, .khyxu5b7to *:hover {color: !important;}
2018
@media screen and (min-width: 0px) { .themecomp_megadiv.jsabhbd7yk1{padding:20px 0 0 120px ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.jsabhbd7yk1{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.jsabhbd7yk1{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.jsabhbd7yk1{padding:20px 0 ;} }
.exa3d1sua7, .exa3d1sua7 *:not(i){color:;} .exa3d1sua7:hover, .exa3d1sua7 *:hover {color:#111 !important;}

On the Brutalist Web-design Trend

@media screen and (min-width: 0px) { .themecomp_megadiv.ij044iwuo71{} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.ij044iwuo71{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.ij044iwuo71{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.ij044iwuo71{} }

 

Remember what websites used to look like back in the mid nineties? The days of yahoo and geocities? Well it may surprise some people that there is a trend to revive the aesthetics of that era of webdesign and it is called brutalism.  

This trend parts ways with the customary rules of UX design such as usability and legibility. Brutalism can be describes as a retroish trend in webdesign that is purposefully chaotic, free and raw.

Awwwards further decribes brutalism and says: "We can find an excessive abundance of Hover effects, System Fonts, Web Safe Colors, Hero Typography, Micro-Interactions, Pop Culture Icons and Images in the weirdest and most uncomfortable of places."   While this trend may not be everybody's cup of tea, we present you with some examples of Brutalist Websites. Many others can be seen at www.brutalistwebsites.com

 

@media screen and (min-width: 0px) { .themecomp_item.x4auqdiquc0 {height:;} .themecomp_item.x4auqdiquc0 .row {height:100%;margin:15px -15px 0 -15px;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_item.x4auqdiquc0 {height:} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_item.x4auqdiquc0 {height:} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_item.x4auqdiquc0 {height:} }
@media screen and (min-width: 0px) { .themecomp_megadiv.i5nblf8qlo0{overflow:hidden;height:100% ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.i5nblf8qlo0{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.i5nblf8qlo0{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.i5nblf8qlo0{} }
@media screen and (min-width: 0px) { .themecomp_megadiv.fsp3i7bd140{height:100% ;position:relative ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.fsp3i7bd140{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.fsp3i7bd140{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.fsp3i7bd140{} }
@media screen and (min-width: 0px) { .themecomp_megadiv.po6b6yp7nt0{z-index:9;height:100% ;opacity:0 ;width:100% ;top:0 ;left:0 ;position:absolute ;text-align:center ;transition: all 0.2s; -moz-transition: all 0.2s;-webkit-transition: all 0.2s;-o-transition: all 0.2s;-khtml-transition: all 0.2s;-ms-transition: all 0.2s;background:rgba(0,0,0,0.0);} .themecomp_megadiv.po6b6yp7nt0:hover {opacity:1;background:rgba(0,0,0,0.3);} } @media screen and (min-width: 0px) {.themecomp_megadiv.po6b6yp7nt0:hover .my_lightbox {font-size:25px !important;}}@media screen and (min-width: 0px) {.themecomp_megadiv.po6b6yp7nt0 .my_lightbox {transition: all 0.2s; -moz-transition: all 0.2s;-webkit-transition: all 0.2s;-o-transition: all 0.2s;-khtml-transition: all 0.2s;-ms-transition: all 0.2s;}} @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.po6b6yp7nt0{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.po6b6yp7nt0{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.po6b6yp7nt0{} }
.themecomp_ilightbox.m5827o8gub {color:#ffffff;} .themecomp_ilightbox.m5827o8gub:hover {color:#eaeaea !important;}
.themecomp_item .themecomp_i_pic {height:100%;} .themecomp_i_pic.bcjqushdad:hover .themecomp_overlay {background-color:#000000;}
@media screen and (min-width: 0px) { .themecomp_item.x4auqdiquc1 {height:;} .themecomp_item.x4auqdiquc1 .row {height:100%;margin:15px -15px 0 -15px;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_item.x4auqdiquc1 {height:} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_item.x4auqdiquc1 {height:} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_item.x4auqdiquc1 {height:} }
@media screen and (min-width: 0px) { .themecomp_megadiv.i5nblf8qlo1{overflow:hidden;height:100% ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.i5nblf8qlo1{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.i5nblf8qlo1{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.i5nblf8qlo1{} }
@media screen and (min-width: 0px) { .themecomp_megadiv.fsp3i7bd141{height:100% ;position:relative ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.fsp3i7bd141{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.fsp3i7bd141{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.fsp3i7bd141{} }
@media screen and (min-width: 0px) { .themecomp_megadiv.po6b6yp7nt1{z-index:9;height:100% ;opacity:0 ;width:100% ;top:0 ;left:0 ;position:absolute ;text-align:center ;transition: all 0.2s; -moz-transition: all 0.2s;-webkit-transition: all 0.2s;-o-transition: all 0.2s;-khtml-transition: all 0.2s;-ms-transition: all 0.2s;background:rgba(0,0,0,0.0);} .themecomp_megadiv.po6b6yp7nt1:hover {opacity:1;background:rgba(0,0,0,0.3);} } @media screen and (min-width: 0px) {.themecomp_megadiv.po6b6yp7nt1:hover .my_lightbox {font-size:25px !important;}}@media screen and (min-width: 0px) {.themecomp_megadiv.po6b6yp7nt1 .my_lightbox {transition: all 0.2s; -moz-transition: all 0.2s;-webkit-transition: all 0.2s;-o-transition: all 0.2s;-khtml-transition: all 0.2s;-ms-transition: all 0.2s;}} @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.po6b6yp7nt1{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.po6b6yp7nt1{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.po6b6yp7nt1{} }
.themecomp_ilightbox.m5827o8gub {color:#ffffff;} .themecomp_ilightbox.m5827o8gub:hover {color:#eaeaea !important;}
.themecomp_item .themecomp_i_pic {height:100%;} .themecomp_i_pic.bcjqushdad:hover .themecomp_overlay {background-color:#000000;}
@media screen and (min-width: 0px) { .themecomp_item.x4auqdiquc2 {height:;} .themecomp_item.x4auqdiquc2 .row {height:100%;margin:15px -15px 0 -15px;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_item.x4auqdiquc2 {height:} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_item.x4auqdiquc2 {height:} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_item.x4auqdiquc2 {height:} }
@media screen and (min-width: 0px) { .themecomp_megadiv.i5nblf8qlo2{overflow:hidden;height:100% ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.i5nblf8qlo2{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.i5nblf8qlo2{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.i5nblf8qlo2{} }
@media screen and (min-width: 0px) { .themecomp_megadiv.fsp3i7bd142{height:100% ;position:relative ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.fsp3i7bd142{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.fsp3i7bd142{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.fsp3i7bd142{} }
@media screen and (min-width: 0px) { .themecomp_megadiv.po6b6yp7nt2{z-index:9;height:100% ;opacity:0 ;width:100% ;top:0 ;left:0 ;position:absolute ;text-align:center ;transition: all 0.2s; -moz-transition: all 0.2s;-webkit-transition: all 0.2s;-o-transition: all 0.2s;-khtml-transition: all 0.2s;-ms-transition: all 0.2s;background:rgba(0,0,0,0.0);} .themecomp_megadiv.po6b6yp7nt2:hover {opacity:1;background:rgba(0,0,0,0.3);} } @media screen and (min-width: 0px) {.themecomp_megadiv.po6b6yp7nt2:hover .my_lightbox {font-size:25px !important;}}@media screen and (min-width: 0px) {.themecomp_megadiv.po6b6yp7nt2 .my_lightbox {transition: all 0.2s; -moz-transition: all 0.2s;-webkit-transition: all 0.2s;-o-transition: all 0.2s;-khtml-transition: all 0.2s;-ms-transition: all 0.2s;}} @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.po6b6yp7nt2{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.po6b6yp7nt2{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.po6b6yp7nt2{} }
.themecomp_ilightbox.m5827o8gub {color:#ffffff;} .themecomp_ilightbox.m5827o8gub:hover {color:#eaeaea !important;}
.themecomp_item .themecomp_i_pic {height:100%;} .themecomp_i_pic.bcjqushdad:hover .themecomp_overlay {background-color:#000000;}
@media screen and (min-width: 0px) { .themecomp_item.x4auqdiquc3 {height:;} .themecomp_item.x4auqdiquc3 .row {height:100%;margin:15px -15px 0 -15px;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_item.x4auqdiquc3 {height:} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_item.x4auqdiquc3 {height:} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_item.x4auqdiquc3 {height:} }
@media screen and (min-width: 0px) { .themecomp_megadiv.i5nblf8qlo3{overflow:hidden;height:100% ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.i5nblf8qlo3{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.i5nblf8qlo3{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.i5nblf8qlo3{} }
@media screen and (min-width: 0px) { .themecomp_megadiv.fsp3i7bd143{height:100% ;position:relative ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.fsp3i7bd143{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.fsp3i7bd143{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.fsp3i7bd143{} }
@media screen and (min-width: 0px) { .themecomp_megadiv.po6b6yp7nt3{z-index:9;height:100% ;opacity:0 ;width:100% ;top:0 ;left:0 ;position:absolute ;text-align:center ;transition: all 0.2s; -moz-transition: all 0.2s;-webkit-transition: all 0.2s;-o-transition: all 0.2s;-khtml-transition: all 0.2s;-ms-transition: all 0.2s;background:rgba(0,0,0,0.0);} .themecomp_megadiv.po6b6yp7nt3:hover {opacity:1;background:rgba(0,0,0,0.3);} } @media screen and (min-width: 0px) {.themecomp_megadiv.po6b6yp7nt3:hover .my_lightbox {font-size:25px !important;}}@media screen and (min-width: 0px) {.themecomp_megadiv.po6b6yp7nt3 .my_lightbox {transition: all 0.2s; -moz-transition: all 0.2s;-webkit-transition: all 0.2s;-o-transition: all 0.2s;-khtml-transition: all 0.2s;-ms-transition: all 0.2s;}} @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.po6b6yp7nt3{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.po6b6yp7nt3{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.po6b6yp7nt3{} }
.themecomp_ilightbox.m5827o8gub {color:#ffffff;} .themecomp_ilightbox.m5827o8gub:hover {color:#eaeaea !important;}
.themecomp_item .themecomp_i_pic {height:100%;} .themecomp_i_pic.bcjqushdad:hover .themecomp_overlay {background-color:#000000;}
@media screen and (min-width: 0px) { .themecomp_item.x4auqdiquc4 {height:;} .themecomp_item.x4auqdiquc4 .row {height:100%;margin:15px -15px 0 -15px;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_item.x4auqdiquc4 {height:} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_item.x4auqdiquc4 {height:} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_item.x4auqdiquc4 {height:} }
@media screen and (min-width: 0px) { .themecomp_megadiv.i5nblf8qlo4{overflow:hidden;height:100% ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.i5nblf8qlo4{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.i5nblf8qlo4{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.i5nblf8qlo4{} }
@media screen and (min-width: 0px) { .themecomp_megadiv.fsp3i7bd144{height:100% ;position:relative ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.fsp3i7bd144{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.fsp3i7bd144{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.fsp3i7bd144{} }
@media screen and (min-width: 0px) { .themecomp_megadiv.po6b6yp7nt4{z-index:9;height:100% ;opacity:0 ;width:100% ;top:0 ;left:0 ;position:absolute ;text-align:center ;transition: all 0.2s; -moz-transition: all 0.2s;-webkit-transition: all 0.2s;-o-transition: all 0.2s;-khtml-transition: all 0.2s;-ms-transition: all 0.2s;background:rgba(0,0,0,0.0);} .themecomp_megadiv.po6b6yp7nt4:hover {opacity:1;background:rgba(0,0,0,0.3);} } @media screen and (min-width: 0px) {.themecomp_megadiv.po6b6yp7nt4:hover .my_lightbox {font-size:25px !important;}}@media screen and (min-width: 0px) {.themecomp_megadiv.po6b6yp7nt4 .my_lightbox {transition: all 0.2s; -moz-transition: all 0.2s;-webkit-transition: all 0.2s;-o-transition: all 0.2s;-khtml-transition: all 0.2s;-ms-transition: all 0.2s;}} @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.po6b6yp7nt4{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.po6b6yp7nt4{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.po6b6yp7nt4{} }
.themecomp_ilightbox.m5827o8gub {color:#ffffff;} .themecomp_ilightbox.m5827o8gub:hover {color:#eaeaea !important;}
.themecomp_item .themecomp_i_pic {height:100%;} .themecomp_i_pic.bcjqushdad:hover .themecomp_overlay {background-color:#000000;}
@media screen and (min-width: 0px) { .themecomp_item.x4auqdiquc5 {height:;} .themecomp_item.x4auqdiquc5 .row {height:100%;margin:15px -15px 0 -15px;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_item.x4auqdiquc5 {height:} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_item.x4auqdiquc5 {height:} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_item.x4auqdiquc5 {height:} }
@media screen and (min-width: 0px) { .themecomp_megadiv.i5nblf8qlo5{overflow:hidden;height:100% ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.i5nblf8qlo5{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.i5nblf8qlo5{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.i5nblf8qlo5{} }
@media screen and (min-width: 0px) { .themecomp_megadiv.fsp3i7bd145{height:100% ;position:relative ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.fsp3i7bd145{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.fsp3i7bd145{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.fsp3i7bd145{} }
@media screen and (min-width: 0px) { .themecomp_megadiv.po6b6yp7nt5{z-index:9;height:100% ;opacity:0 ;width:100% ;top:0 ;left:0 ;position:absolute ;text-align:center ;transition: all 0.2s; -moz-transition: all 0.2s;-webkit-transition: all 0.2s;-o-transition: all 0.2s;-khtml-transition: all 0.2s;-ms-transition: all 0.2s;background:rgba(0,0,0,0.0);} .themecomp_megadiv.po6b6yp7nt5:hover {opacity:1;background:rgba(0,0,0,0.3);} } @media screen and (min-width: 0px) {.themecomp_megadiv.po6b6yp7nt5:hover .my_lightbox {font-size:25px !important;}}@media screen and (min-width: 0px) {.themecomp_megadiv.po6b6yp7nt5 .my_lightbox {transition: all 0.2s; -moz-transition: all 0.2s;-webkit-transition: all 0.2s;-o-transition: all 0.2s;-khtml-transition: all 0.2s;-ms-transition: all 0.2s;}} @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.po6b6yp7nt5{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.po6b6yp7nt5{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.po6b6yp7nt5{} }
.themecomp_ilightbox.m5827o8gub {color:#ffffff;} .themecomp_ilightbox.m5827o8gub:hover {color:#eaeaea !important;}
.themecomp_item .themecomp_i_pic {height:100%;} .themecomp_i_pic.bcjqushdad:hover .themecomp_overlay {background-color:#000000;}

.themecomp_height_a15itofxh4{height:20px;} @media (min-width: 0px) and (max-width: 1200px) {.themecomp_height_a15itofxh4{height:px;}} @media (min-width: 0px) and (max-width: 991px) {.themecomp_height_a15itofxh4{height:px;}} @media (min-width: 0px) and (max-width: 767px) {.themecomp_height_a15itofxh4{height:px;}}
@media screen and (min-width: 0px) { .themecomp_item.ad6jltocqn2 {height:;} .themecomp_item.ad6jltocqn2 .row {height:100%;margin:0 -15px 0 -15px;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_item.ad6jltocqn2 {height:} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_item.ad6jltocqn2 {height:} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_item.ad6jltocqn2 {height:} }
@media screen and (min-width: 0px) { .themecomp_megadiv.sq9cyoruew2{} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.sq9cyoruew2{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.sq9cyoruew2{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.sq9cyoruew2{} }
@media screen and (min-width: 0px) { .themecomp_megadiv.c5bwf0kez92{position:relative ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.c5bwf0kez92{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.c5bwf0kez92{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.c5bwf0kez92{} }
@media screen and (min-width: 0px) { .themecomp_megadiv.idnet6wwzg2{padding:0 0 40px ;position:relative ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.idnet6wwzg2{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.idnet6wwzg2{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.idnet6wwzg2{} }
@media screen and (min-width: 0px) { .themecomp_megadiv.zpt64mwlym2{z-index:9;padding:0 5px 10px 0px ;top:20px ;left:0 ;position:absolute ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.zpt64mwlym2{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.zpt64mwlym2{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.zpt64mwlym2{display:none ;} }
.zo9964he4m, .zo9964he4m *:not(i){color:;} .zo9964he4m:hover, .zo9964he4m *:hover {color: !important;}

02

.u34sn0fcat, .u34sn0fcat *:not(i){color:;} .u34sn0fcat:hover, .u34sn0fcat *:hover {color: !important;}
January
.khyxu5b7to, .khyxu5b7to *:not(i){color:;} .khyxu5b7to:hover, .khyxu5b7to *:hover {color: !important;}
2018
@media screen and (min-width: 0px) { .themecomp_megadiv.jsabhbd7yk2{padding:20px 0 0 120px ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.jsabhbd7yk2{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.jsabhbd7yk2{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.jsabhbd7yk2{padding:20px 0 ;} }
.exa3d1sua7, .exa3d1sua7 *:not(i){color:;} .exa3d1sua7:hover, .exa3d1sua7 *:hover {color:#111 !important;}

3 Web Design Trends of 2018

@media screen and (min-width: 0px) { .themecomp_megadiv.ij044iwuo72{} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.ij044iwuo72{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.ij044iwuo72{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.ij044iwuo72{} }

3 Web Design Trends of 2018

 

Expect to see more of the following trends in web design over the coming year.

Cinemagraphs


Similar to GIFs but they feature still backgrounds with only a small part of the image that moves. Cinemagraphs give your website a visual edge and bring your site to life.

Mobile Browsing (Responsive Design)


Responsive design means your site automatically adapts to devices with different sizes such as desktop, tablet and mobile. This has become a necessity going into 2018. Panther websites are automatically responsive and the cool thing is you can see what your site looks like on tablet and mobile as you are designing it.

Empty Space (Minimalist Design)


Absence of clutter, lots of empty space and focus on content. These are the hallmarks of minimalist design. This trend is growing in popularity and you can expect to see more minimalist design websites in 2018.

 

.themecomp_height_a15itofxh4{height:20px;} @media (min-width: 0px) and (max-width: 1200px) {.themecomp_height_a15itofxh4{height:px;}} @media (min-width: 0px) and (max-width: 991px) {.themecomp_height_a15itofxh4{height:px;}} @media (min-width: 0px) and (max-width: 767px) {.themecomp_height_a15itofxh4{height:px;}}
@media screen and (min-width: 0px) { .themecomp_item.ad6jltocqn3 {height:;} .themecomp_item.ad6jltocqn3 .row {height:100%;margin:0 -15px 0 -15px;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_item.ad6jltocqn3 {height:} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_item.ad6jltocqn3 {height:} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_item.ad6jltocqn3 {height:} }
@media screen and (min-width: 0px) { .themecomp_megadiv.sq9cyoruew3{} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.sq9cyoruew3{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.sq9cyoruew3{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.sq9cyoruew3{} }
@media screen and (min-width: 0px) { .themecomp_megadiv.c5bwf0kez93{position:relative ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.c5bwf0kez93{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.c5bwf0kez93{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.c5bwf0kez93{} }
@media screen and (min-width: 0px) { .themecomp_megadiv.idnet6wwzg3{padding:0 0 40px ;position:relative ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.idnet6wwzg3{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.idnet6wwzg3{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.idnet6wwzg3{} }
@media screen and (min-width: 0px) { .themecomp_megadiv.zpt64mwlym3{z-index:9;padding:0 5px 10px 0px ;top:20px ;left:0 ;position:absolute ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.zpt64mwlym3{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.zpt64mwlym3{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.zpt64mwlym3{display:none ;} }
.zo9964he4m, .zo9964he4m *:not(i){color:;} .zo9964he4m:hover, .zo9964he4m *:hover {color: !important;}

14

.u34sn0fcat, .u34sn0fcat *:not(i){color:;} .u34sn0fcat:hover, .u34sn0fcat *:hover {color: !important;}
May
.khyxu5b7to, .khyxu5b7to *:not(i){color:;} .khyxu5b7to:hover, .khyxu5b7to *:hover {color: !important;}
2017
@media screen and (min-width: 0px) { .themecomp_megadiv.jsabhbd7yk3{padding:20px 0 0 120px ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.jsabhbd7yk3{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.jsabhbd7yk3{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.jsabhbd7yk3{padding:20px 0 ;} }
.exa3d1sua7, .exa3d1sua7 *:not(i){color:;} .exa3d1sua7:hover, .exa3d1sua7 *:hover {color:#111 !important;}

10 Free Apps you can add to your Panther Website

@media screen and (min-width: 0px) { .themecomp_megadiv.ij044iwuo73{} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.ij044iwuo73{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.ij044iwuo73{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.ij044iwuo73{} }

 

Panther has an evergrowing list of free apps that you can add to your website to give it added functionality. These apps are conveniently located inside your website builder and can be added with the click of a button. Below is a collection of ten app examples to give your website that extra umph:

1. Restaurant Reservations

 

 If you run a restaurant business then you may want to consider adding the OpenTable reservation app. It allows users to make reservations directly from your website.

2. Facebook Comments

 

 Through the Facebook API, you can add Facebook comments to the bottom of your posts to increase engagement.  

3. PDF Embeds

 

Instead of posting a link to an external PDF, our PDF embed app allows you to embed the entire PDF in your web page. Users can scroll through it as they would on PDF. This is very nifty for showing your course material, menus etc.  

4. Google Calendar

 

 Help users know your availability schedule by embedding the Google Calendar app into your web page.  

5. Soundcloud Embed

 

Run a music website or want to post podcasts? Then the soundcloud app is perfect for you. You can customize it to your desire and even add the album art.  

6. Popups

 

 

Popups are amazing additions to any website. They highlight a call to action and here is the amazing thing: Our popups are intelligent and can easily be set to appear as your user is about to leave your website or timed to appear after a certain time has gone by.  

7. Messaging

   

 

Create an account on Tawk.to and have real time live chats with your website visitors.  

8. Ribbon

 

 

Corner ribbons can be used to highlight a special offer or breaking news in a non-intrusive way.  

9. Snow Effect

 

 

Add a depth of animation to your website with the snow falling effect. Ideal for winter offers.  

10. Feedback

 

 

Allow your website users to leave their feedback in a simple and fun way.  

.themecomp_height_mohlu58q6m{height:50px;} @media (min-width: 0px) and (max-width: 1200px) {.themecomp_height_mohlu58q6m{height:px;}} @media (min-width: 0px) and (max-width: 991px) {.themecomp_height_mohlu58q6m{height:px;}} @media (min-width: 0px) and (max-width: 767px) {.themecomp_height_mohlu58q6m{height:px;}}

.themecomp_height_a15itofxh4{height:20px;} @media (min-width: 0px) and (max-width: 1200px) {.themecomp_height_a15itofxh4{height:px;}} @media (min-width: 0px) and (max-width: 991px) {.themecomp_height_a15itofxh4{height:px;}} @media (min-width: 0px) and (max-width: 767px) {.themecomp_height_a15itofxh4{height:px;}}
@media screen and (min-width: 0px) { .themecomp_item.ad6jltocqn4 {height:;} .themecomp_item.ad6jltocqn4 .row {height:100%;margin:0 -15px 0 -15px;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_item.ad6jltocqn4 {height:} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_item.ad6jltocqn4 {height:} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_item.ad6jltocqn4 {height:} }
@media screen and (min-width: 0px) { .themecomp_megadiv.sq9cyoruew4{} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.sq9cyoruew4{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.sq9cyoruew4{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.sq9cyoruew4{} }
@media screen and (min-width: 0px) { .themecomp_megadiv.c5bwf0kez94{position:relative ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.c5bwf0kez94{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.c5bwf0kez94{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.c5bwf0kez94{} }
@media screen and (min-width: 0px) { .themecomp_megadiv.idnet6wwzg4{padding:0 0 40px ;position:relative ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.idnet6wwzg4{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.idnet6wwzg4{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.idnet6wwzg4{} }
@media screen and (min-width: 0px) { .themecomp_megadiv.zpt64mwlym4{z-index:9;padding:0 5px 10px 0px ;top:20px ;left:0 ;position:absolute ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.zpt64mwlym4{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.zpt64mwlym4{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.zpt64mwlym4{display:none ;} }
.zo9964he4m, .zo9964he4m *:not(i){color:;} .zo9964he4m:hover, .zo9964he4m *:hover {color: !important;}

14

.u34sn0fcat, .u34sn0fcat *:not(i){color:;} .u34sn0fcat:hover, .u34sn0fcat *:hover {color: !important;}
March
.khyxu5b7to, .khyxu5b7to *:not(i){color:;} .khyxu5b7to:hover, .khyxu5b7to *:hover {color: !important;}
2017
@media screen and (min-width: 0px) { .themecomp_megadiv.jsabhbd7yk4{padding:20px 0 0 120px ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.jsabhbd7yk4{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.jsabhbd7yk4{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.jsabhbd7yk4{padding:20px 0 ;} }
.exa3d1sua7, .exa3d1sua7 *:not(i){color:;} .exa3d1sua7:hover, .exa3d1sua7 *:hover {color:#111 !important;}

5 Examples of Video Background Websites

@media screen and (min-width: 0px) { .themecomp_megadiv.ij044iwuo74{} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.ij044iwuo74{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.ij044iwuo74{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.ij044iwuo74{} }

 

A nice trend in website design is the utilization of full screen page videos as background. This provides a visual creative experience. Some websites use large background videos to create a specific atmosphere and mood, while others use background vieos to show their service in action or to tell a story. Below is a collection of five beautiful examples of websites that apply this trend:

 
1. Phrase9

 

Phrase9 Translation Agency uses a full screen background video to show locations around the world. This reflects the internationalization aspect of their services.

 

2. Vandal New York

 

This stylish restaurant lounge uses full video to take the visitor on a virtual tour of their restaurant.

 

3. Grain & Mortar
 

Grain & Mortar is a brand strategy and design studio. Their background video shows a wall with a close up of some of their designs.

 

4. Kotelett
 
Kotelett uses fullscreen video to showcase their underwear range in an innovative way.
5. Magic Lanterns

 

 

Made with our Website Builder. The video production company shows full screen shorts of their documentaries.   Check out Panther's ready made music and video templates HERE    

 

     

.themecomp_height_a15itofxh4{height:20px;} @media (min-width: 0px) and (max-width: 1200px) {.themecomp_height_a15itofxh4{height:px;}} @media (min-width: 0px) and (max-width: 991px) {.themecomp_height_a15itofxh4{height:px;}} @media (min-width: 0px) and (max-width: 767px) {.themecomp_height_a15itofxh4{height:px;}}
@media screen and (min-width: 0px) { .themecomp_item.ad6jltocqn5 {height:;} .themecomp_item.ad6jltocqn5 .row {height:100%;margin:0 -15px 0 -15px;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_item.ad6jltocqn5 {height:} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_item.ad6jltocqn5 {height:} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_item.ad6jltocqn5 {height:} }
@media screen and (min-width: 0px) { .themecomp_megadiv.sq9cyoruew5{} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.sq9cyoruew5{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.sq9cyoruew5{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.sq9cyoruew5{} }
@media screen and (min-width: 0px) { .themecomp_megadiv.c5bwf0kez95{position:relative ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.c5bwf0kez95{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.c5bwf0kez95{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.c5bwf0kez95{} }
@media screen and (min-width: 0px) { .themecomp_megadiv.idnet6wwzg5{padding:0 0 40px ;position:relative ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.idnet6wwzg5{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.idnet6wwzg5{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.idnet6wwzg5{} }
@media screen and (min-width: 0px) { .themecomp_megadiv.zpt64mwlym5{z-index:9;padding:0 5px 10px 0px ;top:20px ;left:0 ;position:absolute ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.zpt64mwlym5{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.zpt64mwlym5{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.zpt64mwlym5{display:none ;} }
.zo9964he4m, .zo9964he4m *:not(i){color:;} .zo9964he4m:hover, .zo9964he4m *:hover {color: !important;}

14

.u34sn0fcat, .u34sn0fcat *:not(i){color:;} .u34sn0fcat:hover, .u34sn0fcat *:hover {color: !important;}
March
.khyxu5b7to, .khyxu5b7to *:not(i){color:;} .khyxu5b7to:hover, .khyxu5b7to *:hover {color: !important;}
2017
@media screen and (min-width: 0px) { .themecomp_megadiv.jsabhbd7yk5{padding:20px 0 0 120px ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.jsabhbd7yk5{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.jsabhbd7yk5{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.jsabhbd7yk5{padding:20px 0 ;} }
.exa3d1sua7, .exa3d1sua7 *:not(i){color:;} .exa3d1sua7:hover, .exa3d1sua7 *:hover {color:#111 !important;}

5 Examples of Minimalist Design Websites

@media screen and (min-width: 0px) { .themecomp_megadiv.ij044iwuo75{} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.ij044iwuo75{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.ij044iwuo75{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.ij044iwuo75{} }

 

Minimalist design emphasizes simplicity and removes all elements considered not essential to function, while simultaneously allowing content to stand out. This trend is a relatively new one and is becoming increasingly popular.

Below is a collection of five beautiful examples of websites that apply the minimalist design trend:

 
1. 21 Art Street

(Made with Panther)

 

2. The Pursuit of Art

(Made with Panther)

 
3. Bunch
 

 

4. Is Invisible
 

 

5. See + Do

     

 

Check out Panther's ready made art and design templates HERE    

     

.themecomp_height_a15itofxh4{height:20px;} @media (min-width: 0px) and (max-width: 1200px) {.themecomp_height_a15itofxh4{height:px;}} @media (min-width: 0px) and (max-width: 991px) {.themecomp_height_a15itofxh4{height:px;}} @media (min-width: 0px) and (max-width: 767px) {.themecomp_height_a15itofxh4{height:px;}}
@media screen and (min-width: 0px) { .themecomp_item.ad6jltocqn6 {height:;} .themecomp_item.ad6jltocqn6 .row {height:100%;margin:0 -15px 0 -15px;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_item.ad6jltocqn6 {height:} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_item.ad6jltocqn6 {height:} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_item.ad6jltocqn6 {height:} }
@media screen and (min-width: 0px) { .themecomp_megadiv.sq9cyoruew6{} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.sq9cyoruew6{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.sq9cyoruew6{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.sq9cyoruew6{} }
@media screen and (min-width: 0px) { .themecomp_megadiv.c5bwf0kez96{position:relative ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.c5bwf0kez96{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.c5bwf0kez96{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.c5bwf0kez96{} }
@media screen and (min-width: 0px) { .themecomp_megadiv.idnet6wwzg6{padding:0 0 40px ;position:relative ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.idnet6wwzg6{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.idnet6wwzg6{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.idnet6wwzg6{} }
@media screen and (min-width: 0px) { .themecomp_megadiv.zpt64mwlym6{z-index:9;padding:0 5px 10px 0px ;top:20px ;left:0 ;position:absolute ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.zpt64mwlym6{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.zpt64mwlym6{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.zpt64mwlym6{display:none ;} }
.zo9964he4m, .zo9964he4m *:not(i){color:;} .zo9964he4m:hover, .zo9964he4m *:hover {color: !important;}

14

.u34sn0fcat, .u34sn0fcat *:not(i){color:;} .u34sn0fcat:hover, .u34sn0fcat *:hover {color: !important;}
March
.khyxu5b7to, .khyxu5b7to *:not(i){color:;} .khyxu5b7to:hover, .khyxu5b7to *:hover {color: !important;}
2017
@media screen and (min-width: 0px) { .themecomp_megadiv.jsabhbd7yk6{padding:20px 0 0 120px ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.jsabhbd7yk6{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.jsabhbd7yk6{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.jsabhbd7yk6{padding:20px 0 ;} }
.exa3d1sua7, .exa3d1sua7 *:not(i){color:;} .exa3d1sua7:hover, .exa3d1sua7 *:hover {color:#111 !important;}

5 Great Examples of Online Stores

@media screen and (min-width: 0px) { .themecomp_megadiv.ij044iwuo76{} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.ij044iwuo76{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.ij044iwuo76{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.ij044iwuo76{} }

 

A good online store (e-commerce website) emphasizes the products being sold clearly and allows for simple navigation of the purchasing process. Minimal design therefore often works best with online stores. Clutter should ideally be avoided. A good touch of character (branding) is vital to making your store stand out. Below is a collection of five examples of online stores that achieve this in an attractive way:

 
1. Koio

 

2. Helbak
 
3. We Occupy
 

 

4. Shaina Mote
 

 

5. Magasin Des Objets Usuels

     

 

Check out Panther's ready made e-commerce and retail templates HERE          

 

.themecomp_height_a15itofxh4{height:20px;} @media (min-width: 0px) and (max-width: 1200px) {.themecomp_height_a15itofxh4{height:px;}} @media (min-width: 0px) and (max-width: 991px) {.themecomp_height_a15itofxh4{height:px;}} @media (min-width: 0px) and (max-width: 767px) {.themecomp_height_a15itofxh4{height:px;}}
@media screen and (min-width: 0px) { .themecomp_megadiv.iwcfprah02{} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.iwcfprah02{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.iwcfprah02{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.iwcfprah02{} }
Loading data ...
Coin Compare
View chart compare
View table compare
Start a Webdesign Business!
Use Panther Website Builder to make your living
Panther is the easiest DIY Website Builder on the internet. Our pricing is simple and competitive. This makes it the ideal platform to use for a webdesign business, even if you have no experience in coding. So we have made this easy with discount rates.