The Digital Guides | Digital Marketing Agency
*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:'Poppins',sans-serif;
}
body{
background:#f8fbff;
color:#222;
line-height:1.6;
}
.container{
width:90%;
max-width:1200px;
margin:auto;
}
section{
padding:80px 0;
}
h1,h2,h3{
line-height:1.2;
}
.btn{
display:inline-block;
padding:14px 28px;
background:linear-gradient(90deg,#0066ff,#00c6ff);
color:white;
text-decoration:none;
border-radius:8px;
font-weight:600;
transition:0.3s;
}
.btn:hover{
transform:translateY(-2px);
box-shadow:0 8px 20px rgba(0,102,255,0.2);
}
/* HEADER */
header{
padding:20px 0;
background:white;
box-shadow:0 2px 15px rgba(0,0,0,0.05);
position:sticky;
top:0;
z-index:100;
}
nav{
display:flex;
justify-content:space-between;
align-items:center;
}
.logo{
font-size:28px;
font-weight:800;
color:#0066ff;
}
/* HERO */
.hero{
display:flex;
align-items:center;
justify-content:space-between;
gap:50px;
flex-wrap:wrap;
min-height:85vh;
}
.hero-text{
flex:1;
}
.hero-text h1{
font-size:56px;
font-weight:800;
margin-bottom:20px;
}
.hero-text span{
color:#0066ff;
}
.hero-text p{
font-size:18px;
color:#555;
margin-bottom:30px;
}
.lead-form{
flex:1;
background:white;
padding:35px;
border-radius:16px;
box-shadow:0 15px 40px rgba(0,0,0,0.08);
}
.lead-form h3{
margin-bottom:20px;
font-size:24px;
}
.lead-form input{
width:100%;
padding:14px;
margin-bottom:15px;
border:1px solid #ddd;
border-radius:8px;
font-size:15px;
}
.lead-form button{
width:100%;
padding:14px;
border:none;
border-radius:8px;
background:linear-gradient(90deg,#0066ff,#00c6ff);
color:white;
font-size:16px;
font-weight:600;
cursor:pointer;
}
/* SERVICES */
.services-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:25px;
margin-top:40px;
}
.service-card{
background:white;
padding:30px;
border-radius:16px;
box-shadow:0 10px 25px rgba(0,0,0,0.05);
transition:0.3s;
}
.service-card:hover{
transform:translateY(-5px);
}
/* STATS */
.stats{
background:#0066ff;
color:white;
border-radius:20px;
padding:50px;
display:grid;
grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
text-align:center;
gap:20px;
}
.stat h2{
font-size:40px;
}
/* CTA */
.cta{
text-align:center;
background:linear-gradient(90deg,#0066ff,#00c6ff);
color:white;
border-radius:20px;
padding:70px 30px;
}
footer{
background:#111;
color:white;
text-align:center;
padding:25px;
}
@media(max-width:768px){
.hero-text h1{
font-size:40px;
}
}
Grow Your Brand with Digital Marketing That Converts
The Digital Guides helps businesses generate quality leads,
rank higher on Google, and scale revenue through proven
digital marketing strategies.
Book Free Consultation
Get Your Free Growth Audit
Our Core Services
SEO Optimization
Rank your business higher on Google and attract organic leads.
Social Media Marketing
Build your audience and convert engagement into sales.
Google Ads / PPC
Generate instant high-intent leads through paid campaigns.
Website Design
Beautiful landing pages optimized for conversions.
500+
Monthly Leads Generated
Ready to Scale Your Business?
Let The Digital Guides build your next growth strategy.
Start Now