diff options
| author | secondl1ght <[email protected]> | 2022-07-20 18:27:48 -0600 |
|---|---|---|
| committer | secondl1ght <[email protected]> | 2022-07-20 18:27:48 -0600 |
| commit | 6324db09424852129ed032c867c0e0b24028fd5a (patch) | |
| tree | b29f85bce8af2bb54724321417ccfa4cddddc025 /src/components/HowItWorksCard.svelte | |
| parent | 794edcbde0eead1fef9ac8f5f258750c4f4fdb0f (diff) | |
| download | coinos-ui-6324db09424852129ed032c867c0e0b24028fd5a.tar.gz coinos-ui-6324db09424852129ed032c867c0e0b24028fd5a.zip | |
initial draft of landing page
Diffstat (limited to 'src/components/HowItWorksCard.svelte')
| -rw-r--r-- | src/components/HowItWorksCard.svelte | 13 |
1 files changed, 13 insertions, 0 deletions
diff --git a/src/components/HowItWorksCard.svelte b/src/components/HowItWorksCard.svelte new file mode 100644 index 00000000..6f94efcb --- /dev/null +++ b/src/components/HowItWorksCard.svelte @@ -0,0 +1,13 @@ +<script> + export let image; + export let step; + export let description; +</script> + +<div class="space-y-5"> + <img src="/icons/{image}.svg" alt={image} class="mx-auto w-32 h-32" /> + <p class="text-2xl font-medium">{step}</p> + <p class="text-secondary text-xl font-medium w-full md:w-2/3 mx-auto"> + {description} + </p> +</div> |