.page-id-3741{
–hddn-blue:#1677ff;
–hddn-violet:#6d5dfc;
–hddn-orange:#ff7a1a;
–hddn-dark:#0c172d;
–hddn-text:#172033;
–hddn-muted:#697386;
–hddn-line:#e7edf6;
–hddn-soft:#f6f9ff;
background:#fff!important;
}
/* FULL WIDTH REALE / ZERO SPAZI BIANCHI */
.page-id-3741,
.page-id-3741 #page,
.page-id-3741 .site,
.page-id-3741 .site-content,
.page-id-3741 .site-content>.ast-container,
.page-id-3741 #content,
.page-id-3741 #primary,
.page-id-3741 .content-area,
.page-id-3741 .site-main,
.page-id-3741 article.page,
.page-id-3741 .entry-content{
width:100%!important;
max-width:none!important;
margin:0!important;
padding:0!important;
}
.page-id-3741 #secondary,
.page-id-3741 .widget-area,
.page-id-3741 .entry-header,
.page-id-3741 .ast-single-post-order,
.page-id-3741 .post-navigation,
.page-id-3741 .comments-area{display:none!important}
.page-id-3741 .entry-content>*{
max-width:none!important;
margin-top:0!important;
margin-bottom:0!important;
}
.page-id-3741,.page-id-3741 #page,.page-id-3741 .site-content,.page-id-3741 .entry-content,.hddn-page{
overflow-x:hidden!important;
}
.hddn-page{
width:100%;
max-width:none;
margin:0!important;
padding:0!important;
color:var(–hddn-text);
background:#fff;
font-family:inherit;
}
.hddn-page *{box-sizing:border-box}
.hddn-page a{text-decoration:none}
.hddn-page p{line-height:1.7}
/* HERO */
.hddn-hero{
position:relative;
width:100%;
margin:0!important;
padding:105px 24px 110px!important;
background:
radial-gradient(circle at 12% 14%,rgba(22,119,255,.16),transparent 31%),
radial-gradient(circle at 84% 18%,rgba(109,93,252,.13),transparent 29%),
linear-gradient(180deg,#f8fbff 0%,#fff 100%);
}
.hddn-hero:before{
content:”;
position:absolute;inset:0;
background-image:
linear-gradient(rgba(26,42,76,.035) 1px,transparent 1px),
linear-gradient(90deg,rgba(26,42,76,.035) 1px,transparent 1px);
background-size:42px 42px;
-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.62),transparent 82%);
mask-image:linear-gradient(to bottom,rgba(0,0,0,.62),transparent 82%);
pointer-events:none;
}
.hddn-hero>*{position:relative;z-index:2}
.hddn-hero-columns{gap:50px!important;align-items:center!important}
.hddn-pill,.hddn-eyebrow{
width:max-content;
max-width:100%;
margin:0 auto 18px!important;
color:var(–hddn-blue);
font-size:12px;
font-weight:900;
letter-spacing:.1em;
text-transform:uppercase;
}
.hddn-pill{
margin-left:0!important;
padding:8px 13px;
border:1px solid rgba(22,119,255,.18);
border-radius:999px;
background:#edf5ff;
}
.hddn-h1{
max-width:730px;
margin:0 0 22px!important;
color:var(–hddn-dark);
font-size:clamp(47px,5.6vw,76px)!important;
line-height:1.01!important;
letter-spacing:-.052em;
font-weight:900!important;
}
.hddn-h1 span{
background:linear-gradient(90deg,var(–hddn-blue),var(–hddn-violet));
-webkit-background-clip:text;
background-clip:text;
color:transparent;
}
.hddn-hero-copy{
max-width:650px;
margin:0!important;
color:var(–hddn-muted);
font-size:18px;
}
.hddn-hero-buttons{margin-top:29px!important;gap:11px!important}
.hddn-page .wp-block-button__link{
min-height:52px;
display:inline-flex;
align-items:center;
justify-content:center;
padding:14px 22px!important;
border-radius:12px!important;
font-size:15px!important;
font-weight:850!important;
transition:.2s ease;
}
.hddn-primary .wp-block-button__link{
color:#fff!important;
border:0!important;
background:linear-gradient(135deg,var(–hddn-orange),#ff9a3d)!important;
box-shadow:0 12px 30px rgba(255,122,26,.25)!important;
}
.hddn-primary .wp-block-button__link:hover{
transform:translateY(-2px);
box-shadow:0 16px 34px rgba(255,122,26,.34)!important;
}
.hddn-secondary .wp-block-button__link{
color:var(–hddn-dark)!important;
border:1px solid #d9e3f2!important;
background:#fff!important;
}
/* Hero collage using the exact 3 old landing images */
.hddn-hero-collage{
position:relative;
min-height:430px;
margin:0!important;
}
.hddn-hero-shot{
position:absolute!important;
margin:0!important;
width:75%;
filter:drop-shadow(0 22px 30px rgba(21,48,94,.15));
}
.hddn-hero-shot img{
width:100%!important;
height:auto!important;
display:block;
border-radius:12px;
}
.hddn-shot-one{left:0;top:12%}
.hddn-shot-two{right:-2%;top:0;transform:scale(.86)}
.hddn-shot-three{right:3%;bottom:0;transform:scale(.82)}
.hddn-shot-two,.hddn-shot-three{
background:#fff;
padding:7px;
border-radius:16px;
box-shadow:0 18px 44px rgba(27,52,96,.08);
}
/* stats */
.hddn-stats-wrap{
position:relative;
z-index:5;
margin-top:-43px!important;
padding:0 22px!important;
}
.hddn-stats{
display:grid;
grid-template-columns:repeat(4,1fr);
overflow:hidden;
border:1px solid var(–hddn-line);
border-radius:20px;
background:#fff;
box-shadow:0 20px 55px rgba(21,48,94,.10);
}
.hddn-stats>div{padding:25px 18px;text-align:center}
.hddn-stats>div+div{border-left:1px solid var(–hddn-line)}
.hddn-stats strong{
display:block;
color:var(–hddn-dark);
font-size:19px;
font-weight:900;
}
.hddn-stats span{
display:block;
margin-top:5px;
color:var(–hddn-muted);
font-size:12px;
}
/* Sections */
.hddn-section{
width:100%;
margin:0!important;
padding:100px 24px!important;
}
.hddn-intro{padding-top:135px!important;padding-bottom:45px!important}
.hddn-h2{
max-width:850px;
margin:0 auto 18px!important;
color:var(–hddn-dark);
font-size:clamp(35px,4.4vw,55px)!important;
line-height:1.06!important;
letter-spacing:-.045em;
font-weight:900!important;
}
.hddn-lead{
max-width:760px;
margin:0 auto!important;
color:var(–hddn-muted);
font-size:17px;
}
.hddn-eyebrow-left{margin-left:0!important}
.hddn-h2-left{margin-left:0!important;text-align:left!important}
.hddn-section-title{
margin:0 0 38px!important;
padding:0!important;
}
.hddn-project-section{padding-top:60px!important}
.hddn-soft{
background:
radial-gradient(circle at 10% 10%,rgba(22,119,255,.07),transparent 24%),
var(–hddn-soft);
}
/* Project cards */
.hddn-project-row{
gap:24px!important;
margin:0 0 24px!important;
}
.hddn-project-card{
height:100%;
overflow:hidden;
margin:0!important;
padding:0!important;
border:1px solid var(–hddn-line);
border-radius:20px;
background:#fff;
box-shadow:0 14px 40px rgba(25,52,96,.07);
transition:.22s ease;
}
.hddn-project-card:hover{
transform:translateY(-4px);
box-shadow:0 22px 52px rgba(25,52,96,.12);
}
.hddn-browserbar{
height:42px;
display:grid;
grid-template-columns:70px 1fr 70px;
align-items:center;
padding:0 13px;
border-bottom:1px solid #edf1f6;
background:#fff;
}
.hddn-dots{display:flex;gap:5px}
.hddn-dots i{
width:8px;height:8px;
display:block;
border-radius:50%;
background:#d8dee8;
}
.hddn-domain{
overflow:hidden;
padding:6px 12px;
border-radius:7px;
background:#f5f7fa;
color:#98a1b0;
font-size:10px;
white-space:nowrap;
text-overflow:ellipsis;
text-align:center;
}
.hddn-project-image{
margin:0!important;
height:330px;
overflow:hidden;
background:#edf3fb;
}
.hddn-project-image img{
width:100%!important;
height:100%!important;
display:block;
object-fit:cover;
object-position:top center;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
transition:transform .45s ease;
}
.hddn-project-card:hover .hddn-project-image img{transform:scale(1.025)}
.hddn-project-copy{
position:relative;
margin:0!important;
padding:23px 24px 25px!important;
}
.hddn-category{
margin:0 0 6px!important;
color:var(–hddn-blue);
font-size:10px;
font-weight:900;
letter-spacing:.08em;
text-transform:uppercase;
}
.hddn-project-title{
margin:0 0 17px!important;
color:var(–hddn-dark);
font-size:22px!important;
line-height:1.18!important;
letter-spacing:-.025em;
font-weight:850!important;
}
.hddn-project-button{margin:0!important}
.hddn-project-button .wp-block-button__link{
min-height:42px;
padding:10px 15px!important;
color:var(–hddn-dark)!important;
border:1px solid #dce5f2!important;
background:#fff!important;
font-size:13px!important;
}
.hddn-project-button .wp-block-button__link:hover{
color:#fff!important;
border-color:var(–hddn-blue)!important;
background:var(–hddn-blue)!important;
}
/* FIX 1.1.0 — explicit centering, independent of Gutenberg generated container classes */
.hddn-intro > .hddn-eyebrow,
.hddn-intro > .hddn-h2,
.hddn-intro > .hddn-lead,
.hddn-project-section > .hddn-section-title,
.hddn-project-section > .hddn-project-row{
width:min(1180px,calc(100% – 40px))!important;
max-width:1180px!important;
margin-left:auto!important;
margin-right:auto!important;
margin-inline:auto!important;
}
.hddn-project-section > .hddn-project-row{
display:flex!important;
flex-wrap:nowrap!important;
align-items:stretch!important;
}
.hddn-project-section > .hddn-project-row > .wp-block-column{
flex:1 1 0!important;
width:50%!important;
max-width:none!important;
min-width:0!important;
}
.hddn-project-section .hddn-project-card{
width:100%!important;
max-width:none!important;
margin-left:0!important;
margin-right:0!important;
}
/* CTA: outer section full width, inner box always centered */
.hddn-cta-section{
display:block!important;
width:100%!important;
max-width:none!important;
margin:0!important;
padding:85px 24px!important;
}
.hddn-cta-section > .hddn-cta,
.hddn-cta-section > .wp-block-group.hddn-cta{
display:block!important;
width:min(1060px,calc(100% – 48px))!important;
max-width:1060px!important;
margin-left:auto!important;
margin-right:auto!important;
margin-inline:auto!important;
}
.hddn-cta > .hddn-eyebrow,
.hddn-cta > .hddn-h2,
.hddn-cta > .hddn-cta-copy,
.hddn-cta > .hddn-cta-buttons{
max-width:820px!important;
margin-left:auto!important;
margin-right:auto!important;
}
/* Neutralize any Gutenberg generated constrained rule if WordPress adds one later */
.hddn-cta-section > [class*=’wp-container-core-group-is-layout’].hddn-cta,
.hddn-project-section > [class*=’wp-container-core-columns-is-layout’].hddn-project-row{
margin-left:auto!important;
margin-right:auto!important;
margin-inline:auto!important;
}
/* Dark section */
.hddn-dark{
width:100%;
margin:0!important;
padding:105px 24px!important;
background:
radial-gradient(circle at 82% 18%,rgba(22,119,255,.23),transparent 31%),
linear-gradient(135deg,#0a1426,#101f3b);
}
.hddn-dark-columns{gap:60px!important;align-items:center!important}
.hddn-white{color:#fff!important}
.hddn-eyebrow-light{color:#9dc4ff!important}
.hddn-values{
border-top:1px solid rgba(255,255,255,.11);
}
.hddn-values>div{
display:grid;
grid-template-columns:46px 120px 1fr;
gap:13px;
padding:20px 0;
border-bottom:1px solid rgba(255,255,255,.11);
}
.hddn-values b{color:#7290bb;font-size:10px}
.hddn-values strong{color:#fff;font-size:15px}
.hddn-values span{color:#aebbd0;font-size:13px}
/* CTA */
.hddn-cta-section{
width:100%;
margin:0!important;
padding:85px 24px!important;
background:#fff;
}
.hddn-cta{
margin:0!important;
padding:72px 35px!important;
border-radius:28px;
text-align:center;
background:
radial-gradient(circle at 14% 20%,rgba(255,255,255,.14),transparent 24%),
linear-gradient(135deg,#126cf0,#6456e9);
box-shadow:0 24px 65px rgba(29,92,205,.22);
}
.hddn-cta-copy{
max-width:650px;
margin:0 auto!important;
color:#dce8fb;
font-size:16px;
}
.hddn-cta-buttons{margin-top:26px!important}
.hddn-light .wp-block-button__link{
color:var(–hddn-dark)!important;
border:0!important;
background:#fff!important;
box-shadow:0 12px 30px rgba(0,0,0,.12)!important;
}
.hddn-ghost .wp-block-button__link{
color:#fff!important;
border:1px solid rgba(255,255,255,.35)!important;
background:rgba(255,255,255,.08)!important;
}
/* Remove Gutenberg-generated white bands */
.page-id-3741 .hddn-page>.wp-block-spacer,
.page-id-3741 .hddn-page>p:empty,
.page-id-3741 .hddn-page>.wp-block-group:empty{
display:none!important;
margin:0!important;
padding:0!important;
height:0!important;
}
/* Mobile */
@media(max-width:950px){
.hddn-hero-columns{gap:20px!important}
.hddn-hero-collage{min-height:360px}
.hddn-stats{grid-template-columns:repeat(2,1fr)}
.hddn-stats>div:nth-child(3){border-left:0;border-top:1px solid var(–hddn-line)}
.hddn-stats>div:nth-child(4){border-top:1px solid var(–hddn-line)}
}
@media(max-width:781px){
.hddn-project-section > .hddn-project-row{
width:calc(100% – 28px)!important;
flex-wrap:wrap!important;
}
.hddn-project-section > .hddn-project-row > .wp-block-column{
flex:0 0 100%!important;
width:100%!important;
}
.hddn-cta-section > .hddn-cta,
.hddn-cta-section > .wp-block-group.hddn-cta{
width:calc(100% – 28px)!important;
max-width:none!important;
margin-left:auto!important;
margin-right:auto!important;
}
.hddn-hero{text-align:center;padding-top:78px!important}
.hddn-pill{margin-left:auto!important}
.hddn-h1{margin-left:auto!important;margin-right:auto!important}
.hddn-hero-copy{margin-left:auto!important;margin-right:auto!important}
.hddn-hero-buttons{justify-content:center}
.hddn-hero-collage{min-height:330px;margin-top:25px!important}
.hddn-project-image{height:290px}
}
@media(max-width:600px){
.hddn-hero{padding:70px 16px 87px!important}
.hddn-h1{font-size:43px!important}
.hddn-h2{font-size:34px!important}
.hddn-hero-copy,.hddn-lead{font-size:16px}
.hddn-stats-wrap{padding:0 14px!important}
.hddn-stats{grid-template-columns:1fr}
.hddn-stats>div+div{border-left:0!important;border-top:1px solid var(–hddn-line)}
.hddn-section{padding-left:16px!important;padding-right:16px!important}
.hddn-project-row{gap:18px!important;margin-bottom:18px!important}
.hddn-project-image{height:235px}
.hddn-dark{padding:78px 16px!important}
.hddn-values>div{grid-template-columns:34px 95px 1fr;gap:9px}
.hddn-cta-section{padding:58px 14px!important}
.hddn-cta{padding:52px 20px!important}
}
WEB DESIGN · HOST DOMINATION
Real sites.Design that stands out. A selection of websites created for businesses, professionals and accommodation facilities. Look at the projects, explore the real pages and find the right style for your next site.
14 projects to explore
8 + 6 One-page and multi-page
Different sectors Hospitality, Services, Events, Travel
Live Direct links to sites
PORTFOLIO
Less words. More projects. Each card uses the images and links from the original Demo. Open the sites to see the design, structure and navigation directly.
ONE-PAGE
Essential, immediate, effective. hostdomination.com
Hospitality
Vacation Rentals, B&B and Tourism domusmavi.com
hostdomination.com
Food & Hospitality
Restaurant hostdomination.com
Professional Services
Consulting hostdomination.com
Real Estate
Real estate agency hostdomination.com
hostdomination.com
hostdomination.com
DESIGN IS NOT DECORATION
Every page has to take the user somewhere. 01 Clarity Content that is easy to understand.
02 Mobile Clean experience on smartphones.
03 Objective CTAs, requests and reservations clearly visible.
MULTI-PAGE
More content. Same simplicity. hostdomination.com
hostdomination.com
Hospitality
Multi-property hostdomination.com
hostdomination.com
hostdomination.com
hostdomination.com
NEXT CAN BE YOURS
You’ve seen enough. Now let’s build yours. Learn about the Host Domination web service or send us your business information to get started.
