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 | 2ae0dd320d31f968f138f842b6fb58b04468f34e (patch) | |
| tree | 56f1716092ade322d49e3469d0c403077fed6cb5 /src/components/HowItWorksCard.svelte | |
| parent | 794edcbde0eead1fef9ac8f5f258750c4f4fdb0f (diff) | |
| download | coinos-ui-2ae0dd320d31f968f138f842b6fb58b04468f34e.tar.gz coinos-ui-2ae0dd320d31f968f138f842b6fb58b04468f34e.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> |