Skip to content

Commit

Permalink
Merge pull request #3
Browse files Browse the repository at this point in the history 
master
  • Loading branch information
@Andres6936
Andres6936 committed May 28, 2024
2 parents 2c0d321 + 2a54d12 commit 29d9d82
Show file tree
Hide file tree
Showing 7 changed files with 72 additions and 24 deletions.
Binary file added public/img/Home.jpeg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/img/Respikar-Home.jpeg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/img/Respikar-Index.jpeg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
9 changes: 9 additions & 0 deletions src/components/ContainerProject.tsx
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,9 @@
import {ReactNode} from "react";

export default function ContainerProject({children}: { children: ReactNode }) {
return (
<section className="flex flex-col md:flex-row gap-6 items-center justify-center md:w-5/6 lg:w-3/4 mx-auto mt-6">
{children}
</section>
)
}
10 changes: 10 additions & 0 deletions src/components/ContainerProjectMobil.tsx
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,10 @@
import {ReactNode} from "react";

export default function ContainerProjectMobil({children}: { children: ReactNode }) {
return (
<div
className="flex flex-col w-5/6 p-3 md:flex-[2] order-last md:order-none bg-white h-[38rem] xl:h-[40rem] 2xl:h-[50rem] rounded-2xl">
{children}
</div>
)
}
10 changes: 10 additions & 0 deletions src/components/ContainerProjectWeb.tsx
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,10 @@
import {ReactNode} from "react";

export default function ContainerProjectWeb({children}: { children: ReactNode }) {
return (
<div
className="flex flex-col w-5/6 md:flex-[3] order-1 md:order-none bg-white h-[38rem] xl:h-[40rem] 2xl:h-[50rem] rounded-2xl px-4 pt-8 pb-4">
{children}
</div>
)
}
67 changes: 43 additions & 24 deletions src/sections/Projects.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,3 +1,7 @@
import ContainerProject from "../components/ContainerProject.tsx";
import ContainerProjectMobil from "../components/ContainerProjectMobil.tsx";
import ContainerProjectWeb from "../components/ContainerProjectWeb.tsx";

export default function Projects() {
return (
<>
Expand All @@ -12,14 +16,19 @@ export default function Projects() {
</div>
</section>

<section
className="flex flex-col md:flex-row gap-6 items-center justify-center md:w-5/6 lg:w-3/4 mx-auto mt-6">
<div className="flex w-5/6 md:flex-[2] order-last md:order-none bg-white h-96 rounded-2xl">
<ContainerProject>
<ContainerProjectMobil>
<div className="flex flex-shrink-0 min-h-28 h-28">

</div>
</div>
<div className="flex flex-1 bg-zinc-100 rounded-2xl overflow-hidden">
<div className="flex w-8/12 mx-auto my-auto bg-zinc-100 py-5">
<img className="rounded-2xl" src="/img/Respikar-Index.jpeg" alt="Image"/>
</div>
</div>
</ContainerProjectMobil>

<div
className="flex flex-col w-5/6 md:flex-[3] order-1 md:order-none bg-white h-96 rounded-2xl px-4 pt-8 pb-4">
<ContainerProjectWeb>
<div className="flex flex-row justify-between items-center px-6">
<div className="flex flex-col flex-1">
<h1 className="text-3xl">Lemon Template</h1>
Expand All @@ -36,13 +45,11 @@ export default function Projects() {
<div className="flex flex-1 bg-zinc-100 mt-4 rounded-2xl">

</div>
</div>
</section>
</ContainerProjectWeb>
</ContainerProject>

<section
className="flex flex-col md:flex-row gap-6 items-center justify-center md:w-5/6 lg:w-3/4 mx-auto mt-6">
<div
className="flex flex-col w-5/6 md:flex-[3] order-1 md:order-none bg-white h-96 rounded-2xl px-4 pt-8 pb-4">
<ContainerProject>
<ContainerProjectWeb>
<div className="flex flex-row justify-between items-center px-6">
<div className="flex flex-col flex-1">
<h1 className="text-3xl">Sanctuary Template</h1>
Expand All @@ -59,21 +66,33 @@ export default function Projects() {
<div className="flex flex-1 bg-zinc-100 mt-4 rounded-2xl">

</div>
</div>
</ContainerProjectWeb>

<div className="flex w-5/6 md:flex-[2] order-last md:order-none bg-white h-96 rounded-2xl">
<ContainerProjectMobil>
<div className="flex flex-shrink-0 min-h-28 h-28">

</div>
</section>
</div>
<div className="flex flex-1 bg-zinc-100 rounded-2xl overflow-hidden">
<div className="flex w-8/12 mx-auto my-auto bg-zinc-100 py-5">
<img className="rounded-2xl" src="/img/Respikar-Home.jpeg" alt="Image"/>
</div>
</div>
</ContainerProjectMobil>
</ContainerProject>

<section
className="flex flex-col md:flex-row gap-6 items-center justify-center md:w-5/6 lg:w-3/4 mx-auto mt-6">
<div className="flex w-5/6 md:flex-[2] order-last md:order-none bg-white h-96 rounded-2xl">
<ContainerProject>
<ContainerProjectMobil>
<div className="flex flex-shrink-0 min-h-28 h-28">

</div>
</div>
<div className="flex flex-1 bg-zinc-100 rounded-2xl overflow-hidden">
<div className="flex w-8/12 mx-auto my-auto py-5">
<img className="rounded-2xl" src="/img/Home.jpeg" alt="Image"/>
</div>
</div>
</ContainerProjectMobil>

<div
className="flex flex-col w-5/6 md:flex-[3] order-1 md:order-none bg-white h-96 rounded-2xl px-4 pt-8 pb-4">
<ContainerProjectWeb>
<div className="flex flex-row justify-between items-center px-6">
<div className="flex flex-col flex-1">
<h1 className="text-3xl">Quillow Template</h1>
Expand All @@ -90,8 +109,8 @@ export default function Projects() {
<div className="flex flex-1 bg-zinc-100 mt-4 rounded-2xl">

</div>
</div>
</section>
</ContainerProjectWeb>
</ContainerProject>

<section
className="flex flex-col md:flex-row gap-6 items-center justify-center w-5/6 lg:w-3/4 mx-auto mt-6">
Expand Down

0 comments on commit 29d9d82

Please sign in to comment.