RhenCloud/Cloud-Blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add basic body

Browse Source 
Signed-off-by: nurRiyad <asadnurriyad@gmail.com>
This commit is contained in:
nurRiyad
2022-12-10 04:04:51 +06:00
parent fca51145ad
commit 4ad57c3c5f
2 changed files with 28 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
components/BlogCard.vue Normal file
View File

@@ -0,0 +1,12 @@
<template>
<div class="space-y-2">
<h3 class="text-2xl text-slate-800 font-semibold">Color formate in CSS</h3>
<p class="pr-5 text-slate-700">
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ea rem, maiores
fugit adipisci quis iusto tempora veniam vitae explicabo corporis
accusantium facilis iste, libero impedit dolorem perspiciatis dignissimos
cumque reprehenderit!
</p>
<p class="font-semibold">Read more</p>
</div>
</template>

19
pages/index.vue
View File

@@ -3,12 +3,23 @@ let x = ref(10);
</script> </script>
<template> <template>
<div class="container px-3 mx-auto max-w-6xl flex"> <div
<div> class="container px-5 mx-auto max-w-6xl flex font-poppins space-x-5 antialiased"
<h1>This is main section</h1> >
<div class="flex-1">
<h1 class="text-xl pb-8 tracking-wide text-[#e60067]">
RECENTLY PUBLISHED
</h1>
<div class="space-y-8">
<blog-card v-for="n in 10" :key="n" />
</div> </div>
</div>
<div class="max-w-[300px]">
<div> <div>
<h1>This is sub section</h1> <h2 class="text-xl pb-8 tracking-wide text-[#e60067]">
TOP CATEGORIES
</h2>
</div>
</div> </div>
</div> </div>
</template> </template>