Criação da página principal

PriscilaZeferino · Nov 14, 2023 · d405f2c · d405f2c
1 parent 373f511
commit d405f2c
Show file tree

Hide file tree

Showing 31 changed files with 126 additions and 0 deletions.
diff --git a/Desafio#1 - Blog/img/heart-regular.svg → Desafio1Blog/img/heart-regular.svg b/Desafio#1 - Blog/img/heart-regular.svg → Desafio1Blog/img/heart-regular.svg
diff --git a/Desafio#1 - Blog/img/search-solid.svg → Desafio1Blog/img/search-solid.svg b/Desafio#1 - Blog/img/search-solid.svg → Desafio1Blog/img/search-solid.svg
diff --git a/Desafio#1 - Blog/index.html → Desafio1Blog/index.html b/Desafio#1 - Blog/index.html → Desafio1Blog/index.html
diff --git a/Desafio#1 - Blog/styles.css → Desafio1Blog/styles.css b/Desafio#1 - Blog/styles.css → Desafio1Blog/styles.css
diff --git a/Desafio#2 - Jordan Shoes/img/1.png → Desafio2JordanShoes/img/1.png b/Desafio#2 - Jordan Shoes/img/1.png → Desafio2JordanShoes/img/1.png
diff --git a/Desafio#2 - Jordan Shoes/img/2.png → Desafio2JordanShoes/img/2.png b/Desafio#2 - Jordan Shoes/img/2.png → Desafio2JordanShoes/img/2.png
diff --git a/Desafio#2 - Jordan Shoes/img/3.png → Desafio2JordanShoes/img/3.png b/Desafio#2 - Jordan Shoes/img/3.png → Desafio2JordanShoes/img/3.png
diff --git a/Desafio#2 - Jordan Shoes/img/4.png → Desafio2JordanShoes/img/4.png b/Desafio#2 - Jordan Shoes/img/4.png → Desafio2JordanShoes/img/4.png
diff --git a/Desafio#2 - Jordan Shoes/img/5.png → Desafio2JordanShoes/img/5.png b/Desafio#2 - Jordan Shoes/img/5.png → Desafio2JordanShoes/img/5.png
diff --git a/Desafio#2 - Jordan Shoes/img/6.png → Desafio2JordanShoes/img/6.png b/Desafio#2 - Jordan Shoes/img/6.png → Desafio2JordanShoes/img/6.png
diff --git a/Desafio#2 - Jordan Shoes/img/7.png → Desafio2JordanShoes/img/7.png b/Desafio#2 - Jordan Shoes/img/7.png → Desafio2JordanShoes/img/7.png
diff --git a/Desafio#2 - Jordan Shoes/img/8.png → Desafio2JordanShoes/img/8.png b/Desafio#2 - Jordan Shoes/img/8.png → Desafio2JordanShoes/img/8.png
diff --git a/Desafio#2 - Jordan Shoes/img/wallpaper.jpeg → Desafio2JordanShoes/img/wallpaper.jpeg b/Desafio#2 - Jordan Shoes/img/wallpaper.jpeg → Desafio2JordanShoes/img/wallpaper.jpeg
diff --git a/Desafio#2 - Jordan Shoes/index.html → Desafio2JordanShoes/index.html b/Desafio#2 - Jordan Shoes/index.html → Desafio2JordanShoes/index.html
diff --git a/Desafio#2 - Jordan Shoes/styles/reset.css → Desafio2JordanShoes/styles/reset.css b/Desafio#2 - Jordan Shoes/styles/reset.css → Desafio2JordanShoes/styles/reset.css
diff --git a/Desafio#2 - Jordan Shoes/styles/style.css → Desafio2JordanShoes/styles/style.css b/Desafio#2 - Jordan Shoes/styles/style.css → Desafio2JordanShoes/styles/style.css
diff --git a/...fio#2 - Jordan Shoes/styles/variaveis.css → Desafio2JordanShoes/styles/variaveis.css b/...fio#2 - Jordan Shoes/styles/variaveis.css → Desafio2JordanShoes/styles/variaveis.css
diff --git a/Desafio#3 - One Page/img/image.svg → Desafio3OnePage/img/image.svg b/Desafio#3 - One Page/img/image.svg → Desafio3OnePage/img/image.svg
diff --git a/Desafio#3 - One Page/index.html → Desafio3OnePage/index.html b/Desafio#3 - One Page/index.html → Desafio3OnePage/index.html
diff --git a/Desafio#3 - One Page/styles/reset.css → Desafio3OnePage/styles/reset.css b/Desafio#3 - One Page/styles/reset.css → Desafio3OnePage/styles/reset.css
diff --git a/Desafio#3 - One Page/styles/style.css → Desafio3OnePage/styles/style.css b/Desafio#3 - One Page/styles/style.css → Desafio3OnePage/styles/style.css
diff --git a/Desafio#3 - One Page/styles/variaveis.css → Desafio3OnePage/styles/variaveis.css b/Desafio#3 - One Page/styles/variaveis.css → Desafio3OnePage/styles/variaveis.css
diff --git a/Desafio#4 - Login/image/icon.svg → Desafio4Login/image/icon.svg b/Desafio#4 - Login/image/icon.svg → Desafio4Login/image/icon.svg
diff --git a/Desafio#4 - Login/image/image.svg → Desafio4Login/image/image.svg b/Desafio#4 - Login/image/image.svg → Desafio4Login/image/image.svg
diff --git a/Desafio#4 - Login/index.html → Desafio4Login/index.html b/Desafio#4 - Login/index.html → Desafio4Login/index.html
diff --git a/Desafio#4 - Login/styles/reset.css → Desafio4Login/styles/reset.css b/Desafio#4 - Login/styles/reset.css → Desafio4Login/styles/reset.css
diff --git a/Desafio#4 - Login/styles/style.css → Desafio4Login/styles/style.css b/Desafio#4 - Login/styles/style.css → Desafio4Login/styles/style.css
diff --git a/Desafio#4 - Login/styles/variaveis.css → Desafio4Login/styles/variaveis.css b/Desafio#4 - Login/styles/variaveis.css → Desafio4Login/styles/variaveis.css
diff --git a/PriscilaZeferino.png b/PriscilaZeferino.png
diff --git a/index.html b/index.html
@@ -0,0 +1,126 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Desafios FrontEnd Codelandia</title>
+    <link
+      href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css"
+      rel="stylesheet"
+    />
+  </head>
+  <body class="bg-gray-200">
+    <div class="container mx-auto p-20">
+      <section class="flex">
+        <div class="avatar">
+          <img
+            src="./PriscilaZeferino.png"
+            alt="Priscila Zeferino avatar"
+            loading="lazy"
+            width="340"
+            height="340"
+            class="mx-auto"
+          />
+        </div>
+        <div class="p-10">
+          <h1 class="text-4xl font-bold mb-4">Olá, eu me chamo</h1>
+          <h2 class="text-4xl">Priscila Zeferino</h2>
+          <p class="pt-4 ">
+            Os desafios da Codelândia foram propostos pelo Iuri Code. O projeto
+            de desafios tem o intuito de melhorar as habilidades de
+            desenvolvimento frontend fazendo pequenos projetos semanais!
+          </p>
+        </div>
+      </section>
+      <section class="flex flex-col">
+        <h1 class="text-2xl font-bold mb-4 text-center">
+          Desafios realizados até o momento...
+        </h1>
+            <div class="flex mx-auto p-2 flex-wrap">
+                <article class="px-2">
+                    <div>
+                        <img
+                        src="./Resultados/Desafio1.gif"
+                        alt=""
+                        srcset=""
+                        class="preview"
+                        width="350"
+                        height="350"
+                        class=""
+                    />
+                    </div>
+                    <div class="mt-4">
+                    <a
+                        href="./Desafio1Blog/index.html"
+                        class="bg-blue-500 text-white py-2 px-4 mt-8 rounded-md hover:bg-blue-700"
+                        >Ver projeto</a
+                    >
+                    </div>
+                </article>
+                <article class="px-2">
+                    <div>
+                        <img
+                        src="./Resultados/Desafio2.gif"
+                        alt=""
+                        srcset=""
+                        class="preview"
+                        width="350"
+                        height="350"
+                        class=""
+                    />
+                    </div>
+                    <div class="mt-4">
+                    <a
+                        href="./Desafio2JordanShoes/index.html"
+                        class="bg-blue-500 text-white py-2 px-4 mt-8 rounded-md hover:bg-blue-700"
+                        >Ver projeto</a
+                    >
+                    </div>
+                </article>
+                <article class="px-2">
+                    <div>
+                        <img
+                        src="./Resultados/Desafio3.gif"
+                        alt=""
+                        srcset=""
+                        class="preview"
+                        width="350"
+                        height="350"
+                        class=""
+                    />
+                    </div>
+                    <div class="mt-4">
+                    <a
+                        href="./Desafio3OnePage/index.html"
+                        class="bg-blue-500 text-white py-2 px-4 mt-8 rounded-md hover:bg-blue-700"
+                        >Ver projeto</a
+                    >
+                    </div>
+                </article>
+                <article class="px-2 py-4">
+                    <div>
+                        <img
+                        src="./Resultados/Desafio4.gif"
+                        alt=""
+                        srcset=""
+                        class="preview"
+                        width="350"
+                        height="350"
+                        class=""
+                    />
+                    </div>
+                    <div class="mt-4">
+                    <a
+                        href="./Desafio4Login/index.html"
+                        class="bg-blue-500 text-white py-2 px-4 mt-8 rounded-md hover:bg-blue-700"
+                        >Ver projeto</a
+                    >
+                    </div>
+                </article>
+
+            </div>
+        </div>
+      </section>
+    </div>
+  </body>
+</html>
diff --git a/styles/style.css b/styles/style.css