```html
.ad-portfolio {
font-family: inherit;
color: #172554;
padding: 50px 20px;
}
.ad-portfolio .intro {
text-align: center;
max-width: 720px;
margin: 0 auto 35px;
}
.ad-portfolio .eyebrow {
color: #2563eb;
font-size: 13px;
font-weight: 700;
letter-spacing: 2px;
}
.ad-portfolio h1 {
font-size: clamp(32px, 5vw, 46px);
margin: 12px 0;
color: inherit;
}
.ad-portfolio .intro p,
.ad-portfolio .project p {
line-height: 1.7;
color: #64748b;
}
.ad-portfolio .grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 20px;
max-width: 1000px;
margin: auto;
}
.ad-portfolio .project {
background: #fff;
border: 1px solid #e2e8f0;
border-radius: 14px;
padding: 28px;
box-shadow: 0 8px 24px rgba(23, 37, 84, 0.05);
}
.ad-portfolio .number {
color: #2563eb;
font-size: 13px;
font-weight: 700;
}
.ad-portfolio h2 {
font-size: 22px;
margin: 14px 0 8px;
color: #172554;
}
.ad-portfolio .tag {
display: inline-block;
color: #2563eb;
background: #eff6ff;
padding: 6px 10px;
border-radius: 20px;
font-size: 12px;
font-weight: 700;
}
.ad-portfolio .cta {
max-width: 1000px;
margin: 35px auto 0;
padding: 32px 20px;
text-align: center;
background: #172554;
color: #fff;
border-radius: 14px;
}
.ad-portfolio .cta h2 {
color: #fff;
margin-top: 0;
}
.ad-portfolio .cta p {
color: #dbeafe;
}
.ad-portfolio .cta a {
display: inline-block;
background: #2563eb;
color: #fff;
text-decoration: none;
padding: 12px 24px;
border-radius: 7px;
font-weight: 700;
margin-top: 10px;
}
@media (max-width: 600px) {
.ad-portfolio .grid {
grid-template-columns: 1fr;
}
}
01 / WEBSITE DESIGN
02 / SEO
03 / GOOGLE ADS
04 / META ADS
```
OUR WORK
Our Portfolio
Explore our creative digital solutions designed to help businesses build their online presence and grow.
Modern Business Website
A clean, responsive website concept focused on user experience, professional design, and business growth.
Practice ProjectSearch Engine Optimization
An SEO concept covering website structure, keyword-focused content, and improved search visibility.
Practice ProjectGoogle Ads Campaign
A sample paid advertising strategy designed to reach relevant audiences and generate potential leads.
Practice ProjectSocial Media Campaign
A sample Facebook and Instagram campaign concept with engaging creative direction and audience targeting.
Practice Project