Integration Dynamic Data Overview
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Integrations Overview</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f8f9fa;
margin: 0;
}
.container {
max-width: 1200px;
margin: auto;
}
h1 {
color: #1F5A94;
margin-bottom: 20px;
}
.cards {
display: flex;
flex-wrap: wrap;
gap: 20px;
justify-content: center;
}
.card {
width: 200px;
background: #fff;
padding: 20px;
border-radius: 12px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
text-align: center;
transition: transform 0.2s ease-in-out;
text-decoration: none;
color: inherit;
}
.card:hover {
transform: translateY(-5px);
}
.card img {
width: 80px;
height: 50px;
object-fit: contain;
margin-bottom: 10px;
}
.card h3 {
font-size: 1rem;
color: #1F5A94;
margin-bottom: 8px;
}
.card p {
font-size: 0.9rem;
color: #666;
}
</style>
</head>
<body>
<div class="container">
<div class="cards">
{/* CEPs & Push Providers */}
<a href="https://docs.aampe.com/docs/sanity-integration" class="card">
<img src="https://files.readme.io/51950df5950e4d80c84897c7de0584268515939672f3638a32116cbd82b13fb8-Sanity.png" alt="Sanity Logo">
<h3>Sanity</h3>
</a>
<a href="https://docs.aampe.com/docs/webflow-integration" class="card">
<img src="https://files.readme.io/ff201e8db914896ffa24d8338c5482c0855f7cf0ca07e9561be5e3f265a666ca-Webflow.png" alt="Webflow Logo">
<h3>Webflow</h3>
</a>
</div>
</div>
</body>
</html>Updated 8 days ago