<div class="app-card">
<div class="app-info">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRJ_UCELmMkl-TPHCQKBgWNxPSAQjHTsHGKXSvfZqyh3q9LvmPtwwbbSIzJlm7g4J1Q2W-0Acv2voX0z0zuKQZ5jhFinjaP9Eisb40QLKfhwhiCBPfaLjKEWI8x29gv8CPqy6W-Idp6JpybUgKSjcoEebT6uolkJgH-GrSTKZspf015L_OJlf7zmzihFk/w400-h400/pdflogo.png=w440-h440-p-k-no-nu" alt="PDF Okuyucu İkonu" class="app-icon" />
<div class="app-details">
<h3>Ücretsiz PDF Okuyucu</h3>
<p>Hızlı, hafif ve kullanıcı dostu PDF görüntüleme deneyimi.</p>
</div>
</div>
<a href="https://play.google.com/store/apps/details?id=com.free.pdf" target="_blank" class="download-button">
Google Play'den İndir
</a>
</div>
<style>
.app-card {
border: 1px solid #e0e0e0;
border-radius: 12px;
padding: 20px;
max-width: 400px;
background-color: #f9f9f9;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
box-shadow: 0 4px 6px rgba(0,0,0,0.1);
margin: 20px auto;
text-align: center;
}
.app-info {
display: flex;
align-items: center;
margin-bottom: 15px;
text-align: left;
}
.app-icon {
width: 60px;
height: 60px;
border-radius: 12px;
margin-right: 15px;
}
.app-details h3 {
margin: 0;
font-size: 18px;
color: #333;
}
.app-details p {
margin: 5px 0 0;
font-size: 14px;
color: #666;
}
.download-button {
display: inline-block;
background-color: #01875f;
color: white;
padding: 10px 20px;
border-radius: 5px;
text-decoration: none;
font-weight: bold;
transition: background-color 0.3s;
}
.download-button:hover {
background-color: #016d4d;
}
</style>
0 Yorumlar