Create Post Card component
This commit is contained in:
31
src/components/molecules/PostCard.svelte
Normal file
31
src/components/molecules/PostCard.svelte
Normal file
@@ -0,0 +1,31 @@
|
||||
<script lang="ts">
|
||||
import Image from '$components/atoms/Image.svelte';
|
||||
|
||||
</script>
|
||||
|
||||
<div class="post-card">
|
||||
<div class="wrap">
|
||||
<div class="post-card__stamp">
|
||||
<div class="frame">
|
||||
<img src="/images/icons/stamp.svg" width="32" height="42" alt="">
|
||||
</div>
|
||||
<Image class="flag" id="5a5bc9a1-9401-4e2f-88f2-ffd6c05acefb" width={32} height={32} />
|
||||
</div>
|
||||
<h3 class="post-card__country">
|
||||
<span>Houses of <br></span>
|
||||
<strong class="title-country__purple">France</strong>
|
||||
</h3>
|
||||
<div class="post-card__border"></div>
|
||||
<ul class="post-card__address">
|
||||
<li>
|
||||
<p>Rue Clerisseau</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>Nimes, Occitanie</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>France</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user