Samsung Galaxy-A42-5G - 128GB
Lipa Pole Pole
Ksh5999.00Ksh5599.00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
:root {
--primary-color: #0052FF;
--secondary-color: #00C853;
--bg-light: #F8FAFC;
--text-dark: #1E293B;
--text-muted: #64748B;
--card-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
.mo-pricing-section {
font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
padding: 20px;
background-color: var(--bg-light);
display: flex;
justify-content: center;
}
.mo-pricing-container {
display: flex;
gap: 12px;
max-width: 700px;
width: 100%;
justify-content: center;
flex-wrap: wrap;
}
.mo-card {
background: white;
border-radius: 12px;
padding: 16px;
flex: 1;
min-width: 240px;
max-width: 300px;
box-shadow: var(--card-shadow);
border: 1px solid #E2E8F0;
display: flex;
flex-direction: column;
position: relative;
}
.mo-card.featured {
border: 1.5px solid var(--primary-color);
}
.mo-badge {
position: absolute;
top: 8px;
right: 8px;
background: var(--primary-color);
color: white;
padding: 2px 8px;
border-radius: 4px;
font-size: 10px;
font-weight: 700;
text-transform: uppercase;
}
.mo-plan-name {
font-size: 16px;
font-weight: 800;
color: var(--text-dark);
margin: 0 0 4px 0;
text-transform: uppercase;
}
.mo-plan-desc {
font-size: 12px;
color: var(--text-muted);
margin-bottom: 12px;
line-height: 1.3;
}
.mo-price-block {
margin-bottom: 12px;
padding-bottom: 12px;
border-bottom: 1px solid #F1F5F9;
}
.mo-weekly-label {
font-size: 11px;
font-weight: 600;
color: var(--primary-color);
margin-bottom: 2px;
}
.mo-weekly-amount {
font-size: 28px;
font-weight: 800;
color: var(--text-dark);
line-height: 1;
}
.mo-weekly-unit {
font-size: 14px;
font-weight: 500;
color: var(--text-muted);
}
.mo-deposit-box {
background: #F1F5F9;
border-radius: 8px;
padding: 10px 12px;
margin-bottom: 12px;
display: flex;
justify-content: space-between;
align-items: center;
}
.mo-deposit-label {
font-size: 12px;
font-weight: 600;
color: var(--text-dark);
}
.mo-deposit-amount {
font-size: 16px;
font-weight: 700;
color: var(--primary-color);
}
.mo-features-list {
list-style: none;
padding: 0;
margin: 0;
}
.mo-feature-item {
display: flex;
align-items: center;
font-size: 11px;
color: var(--text-dark);
margin-bottom: 6px;
}
.mo-feature-item svg {
width: 14px;
height: 14px;
margin-right: 6px;
color: var(--secondary-color);
flex-shrink: 0;
}
@media (max-width: 550px) {
.mo-pricing-container {
flex-direction: column;
align-items: center;
}
.mo-card {
width: 100%;
max-width: none;
}
}
</style>
</head>
<body>
<section class="mo-pricing-section">
<div class="mo-pricing-container">
<!-- MoStandard Plan -->
<div class="mo-card featured">
<div class="mo-badge">Popular</div>
<h3 class="mo-plan-name">MoStandard</h3>
<p class="mo-plan-desc">Affordable 12-month ownership plan.</p>
<div class="mo-price-block">
<div class="mo-weekly-label">Weekly</div>
<div class="mo-weekly-amount">Ksh 710<span class="mo-weekly-unit">/wk</span></div>
</div>
<div class="mo-deposit-box">
<span class="mo-deposit-label">Deposit</span>
<span class="mo-deposit-amount">Ksh 5,499</span>
</div>
<ul class="mo-features-list">
<li class="mo-feature-item">
<svg fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg>
12 Months Duration
</li>
<li class="mo-feature-item">
<svg fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg>
Includes 1 Week Credit
</li>
</ul>
</div>
<!-- MoSaver Plan -->
<div class="mo-card">
<h3 class="mo-plan-name">MoSaver</h3>
<p class="mo-plan-desc">Faster 6-month payoff with savings.</p>
<div class="mo-price-block">
<div class="mo-weekly-label">Weekly</div>
<div class="mo-weekly-amount">Ksh 840<span class="mo-weekly-unit">/wk</span></div>
</div>
<div class="mo-deposit-box">
<span class="mo-deposit-label">Deposit</span>
<span class="mo-deposit-amount">Ksh 9,899</span>
</div>
<ul class="mo-features-list">
<li class="mo-feature-item">
<svg fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg>
6 Months Duration
</li>
<li class="mo-feature-item">
<svg fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg>
Full Warranty Included
</li>
</ul>
</div>
</div>
</section>
</body>
</html>
Deposit : Kshs 5,599
Weekly : Kshs 730
Deposit : Kshs 10,099
Weekly : Kshs 850