suvo/3dhouseofficial.com
1
0
Fork 0
generated from dwd/boilarplate-astro-tailwind
Code Issues Pull Requests Packages Projects Releases Wiki Activity

c

Browse Source
This commit is contained in:
Suvodip
2024-05-10 20:55:54 +05:30
parent bb6b3dae39
commit 6d64b5f94a
37 changed files with 952 additions and 311 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/pages/portfolio.astro
View File

@@ -5,21 +5,23 @@ import Artitect3D from '../components/Artitect3D.astro';
import Elevation3D from '../components/Elevation3D.astro';
import ResidentialInterior from '../components/ResidentialInterior.astro';
---
<Layout title=''>
<Layout title='3D House | Portfolio'>
<main>
<div>
<section class="pt-20">
<p class="text-[25px] font-bold text-center">Portfolio</p>
<div class="flex flex-row lg:justify-center overflow-x-auto whitespace-nowrap">
<button onclick="filterSections('all', this)" class="tablink bg-white inline-block py-2 px-4 text-blue-500 font-semibold">All</button>
<button onclick="filterSections('artiTect3D', this)" class="tablink bg-white inline-block py-2 px-4 text-blue-500 hover:text-blue-800 font-semibold">Architecture Planning</button>
<button onclick="filterSections('floorPlan3D', this)" class="tablink bg-white inline-block py-2 px-4 text-blue-500 hover:text-blue-800 font-semibold">3d Floor Plan</button>
<button onclick="filterSections('elevation3D', this)" class="tablink bg-white inline-block py-2 px-4 text-blue-500 hover:text-blue-800 font-semibold">3d elevation</button>
<button onclick="filterSections('resdenInter', this)" class="tablink bg-white inline-block py-2 px-4 text-blue-500 hover:text-blue-800 font-semibold">Residential Interior Design</button>
<div class="container mx-auto px-4">
<p class="text-[25px] font-bold text-center "><span class="bg-[#000]/60 py-3 px-6 rounded-lg">Portfolio</span></p>
<div class="flex flex-row lg:justify-center overflow-x-auto whitespace-nowrap mt-4">
<button onclick="filterSections('all', this)" class="tablink bg-[#000]/60 inline-block py-2 px-4 text-blue-500 font-semibold">All</button>
<button onclick="filterSections('artiTect3D', this)" class="tablink bg-[#000]/60 inline-block py-2 px-4 text-blue-500 hover:text-blue-800 font-semibold">Architecture Planning</button>
<button onclick="filterSections('floorPlan3D', this)" class="tablink bg-[#000]/60 inline-block py-2 px-4 text-blue-500 hover:text-blue-800 font-semibold">3d Floor Plan</button>
<button onclick="filterSections('elevation3D', this)" class="tablink bg-[#000]/60 inline-block py-2 px-4 text-blue-500 hover:text-blue-800 font-semibold">3d elevation</button>
<button onclick="filterSections('resdenInter', this)" class="tablink bg-[#000]/60 inline-block py-2 px-4 text-blue-500 hover:text-blue-800 font-semibold">Residential Interior Design</button>
</div>
</div>
<div class="py-4" id="floorPlan3D">
<FloorPlan3D />
</div>
</div>
<div class="py-4" id="artiTect3D">
<Artitect3D />
</div>