-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
created a grid for the info form page
- Loading branch information
1 parent
c06cc9d
commit 03c064e
Showing
1 changed file
with
154 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,154 @@ | ||
| <div class = "flex flex-col items-center"> | ||
| <div class="flex w-1/2"> | ||
| <h1 class = "text-4xl font-bold"> | ||
| Editar projeto | ||
| </h1> | ||
| </div> | ||
| <div class="h-1 w-[50vw] mt-5 bg-red-500"></div> | ||
| </div> | ||
|
|
||
| <div class ="flex flex-row justify-center flex-wrap p-10"> | ||
| <div class="flex w-[50vw] h-[100vw] flex-col items-center"> | ||
| <div class = "flex h-10 w-[50vw] items-center"> | ||
| <div class="flex items-center w-1/6"> | ||
| <p class="font-bold"> | ||
| Nome* | ||
| </p> | ||
| </div> | ||
| <div class="h-10 w-[30vw] bg-white opacity-70 rounded-xl"> | ||
| </div> | ||
| </div> | ||
| <div class = "flex h-10 w-[50vw] mt-5 items-center"> | ||
| <div class="flex items-center w-1/6"> | ||
| <p class="font-bold"> | ||
| Github* | ||
| </p> | ||
| </div> | ||
| <div class="h-10 w-[30vw] bg-white opacity-70 rounded-xl"> | ||
| </div> | ||
| </div> | ||
| <div class= "flex w-[50vw] mt-5 h-20"> | ||
| <div class="flex items-center w-1/6"> | ||
| <p class="font-bold"> | ||
| Slogan* | ||
| </p> | ||
| </div> | ||
| <div class="h-20 w-[30vw] bg-white opacity-70 rounded-xl"> | ||
| </div> | ||
| </div> | ||
| <div class = "flex mt-5 w-[50vw]"> | ||
| <div class = "flex w-1/6" > | ||
| <p class = "font-bold"> | ||
| Tipo* | ||
| </p> | ||
| </div> | ||
| <div class="flex-col"> | ||
| <div class = "flex gap-10"> | ||
| <div class = "h-10 w-[9vw] bg-red-500 rounded-xl flex items-center justify-center"> | ||
| <p> | ||
| aplicacao | ||
| </p> | ||
| </div> | ||
| <div class = "h-10 w-[9vw] bg-white rounded-xl flex items-center justify-center" > | ||
| <p class="text-black"> | ||
| website | ||
| </p> | ||
| </div> | ||
| <div class = "h-10 w-[9vw] bg-white rounded-xl flex items-center justify-center"> | ||
| <p class="text-black"> | ||
| outro | ||
| </p> | ||
| </div> | ||
| </div> | ||
| <div class = "h-40 bg-white bg-opacity-30 rounded-xl mt-5 flex flex-col items-center justify-center"> | ||
| <div class = "flex w-[25vw]"> | ||
| <div class="flex items-center w-1/4"> | ||
| <p> | ||
| Google Play | ||
| </p> | ||
| </div> | ||
| <div class = "h-10 w-[20vw] bg-white rounded-xl"> | ||
| </div> | ||
| </div> | ||
| <div class="flex mt-5 w-[25vw]"> | ||
| <div class="flex items-center w-1/4"> | ||
| <p> | ||
| App Store | ||
| </p> | ||
| </div> | ||
| <div class="h-10 w-[20vw] bg-white rounded-xl"> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="flex w-[50vw] mt-5"> | ||
| <div class="flex w-1/6"> | ||
| <p class="font-bold"> | ||
| Descrição | ||
| </p> | ||
| </div> | ||
| <div class="h-40 w-[30vw] bg-white opacity-70 rounded-xl"> | ||
| </div> | ||
| </div> | ||
| <div class="flex h-10 w-[50vw] mt-5"> | ||
| <div class="flex items-center w-1/6"> | ||
| <p class="font-bold"> | ||
| Fotos | ||
| </p> | ||
| </div> | ||
| <div class="flex gap-10"> | ||
| <div class="h-10 w-[9vw] bg-red-500 rounded-xl flex items-center justify-center"> | ||
| <p> | ||
| Selecionar Ficheiro | ||
| </p> | ||
| </div> | ||
| <div class="h-10 w-[9vw] bg-white rounded-xl flex items-center justify-center"> | ||
| <p class="text-black"> | ||
| Image.png | ||
| </p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="flex h-10 w-[50vw] mt-5"> | ||
| <div class="flex items-center w-1/6"> | ||
| <p class="font-bold"> | ||
| Público Alvo | ||
| </p> | ||
| </div> | ||
| <div class="h-10 w-[30vw] bg-white opacity-70 rounded-xl"> | ||
| </div> | ||
| </div> | ||
| <div class="flex w-[50vw] mt-5"> | ||
| <div class="flex w-1/6"> | ||
| <p class="font-bold"> | ||
| Tecnologias | ||
| </p> | ||
| </div> | ||
| <div class="h-40 w-[30vw] bg-white opacity-70 rounded-xl"> | ||
| </div> | ||
| </div> | ||
| <div class="flex w-[50vw] mt-[10vw] gap-10"> | ||
| <div class="h-10 w-[15vw] bg-red-500 rounded-xl flex items-center justify-center"> | ||
| <p class="font-bold"> | ||
| Guardar Alterações | ||
| </p> | ||
| </div> | ||
| <div class="h-10 w-[10vw] bg-gray-500 rounded-xl flex items-center justify-center"> | ||
| <p class="font-bold"> | ||
| Cancelar | ||
| </p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
|
|
||
|
|
||
| <div class="flex"> | ||
| <div class="h-[10vw] w-[10vw] bg-red-500 bg-opacity-80 rounded-xl flex items-center justify-center"> | ||
| <p class= "font-bold"> | ||
| Adicionar Logo* | ||
| </p> | ||
| </div> | ||
| </div> | ||
| </div> |