diff --git a/css/estilo01.css b/css/estilo01.css
new file mode 100644
index 0000000..ee4e6bf
--- /dev/null
+++ b/css/estilo01.css
@@ -0,0 +1,283 @@
+@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');  /*import da fonte Roboto*/
+
+*{
+    margin: 0;
+    padding: 0;
+}
+
+#container{
+    margin: auto;
+    width: 400px;
+    height: 800px;
+    background-color: antiquewhite;
+}
+
+header{
+    width: 400px;
+    height: 360px;
+}
+
+#img_fundo{
+width: 400px;
+height: 360px;
+margin-bottom: -340px;
+}
+#container{
+    margin: auto;
+    width: 400px;
+
+}
+#buscar{
+    font-size: 16px;
+    height: 50px;
+    width: 320px;
+    border-radius: 5px;
+    background: #fff;
+    box-shadow: 0px 4px 4px 0px;
+    padding-left: 25px;
+    outline: none;
+    border: none;
+    margin-left: 30px;
+    margin-top: 35px;
+}
+#img_lupa{
+    width: 25px;
+    height: 25px;
+    margin-left: -50px;
+    margin-bottom: -10px;
+    filter: opacity(0.3);
+}
+#titulo{
+    width: 340px;
+    color: #fff;
+    font-family: 'roboto', 'sans-serif';
+    font-size: 36px;
+    font-weight: bold;
+    text-transform: uppercase;
+    margin-top: 130px;
+    margin-left: 30px;
+
+}
+#slide_florestas{
+    width: 140px;
+    height: 140px;
+    margin-top: 40px;
+    margin-left: 20px;
+    border-radius: 5px 5px 0 0;
+}
+#p_flore{
+    color: black;
+    text-transform: capitalize;
+    width: 125px;
+    height: 30px;
+    background-color: #fff;
+    border-radius: 0 0 5px 5px;
+    font-family: 'roboto','sans-serif';
+    font-weight: bold;
+    margin-left: 20px;
+    padding-left: 15px;
+    padding-top: 20px;
+    margin-top: -8px;
+    box-shadow: 0 4px 8px rgb(0 , 0 , 0 , 0.2);           
+}
+#folha{
+    width: 25px;
+    height: 25px;
+    margin-left: 125px;
+    margin-top: -35px;
+    margin-bottom: 40px;
+    filter: opacity(0.3);
+}
+
+#slide_praia{
+    width: 140px;
+    height: 140px;
+    margin-top: -230px;
+    margin-bottom: 76px;
+    margin-left: 20px;
+    border-radius: 5px 5px 0 0;
+}
+#praia{
+    width: 25px;
+    height: 25px;
+    margin-left: 275px;
+    margin-top: -35px;
+    margin-bottom: 40px;
+    filter: opacity(0.3);
+}
+#p_prai{
+    color: black;
+    text-transform: capitalize;
+    width: 125px;
+    height: 30px;
+    background-color: #fff;
+    border-radius: 0 0 5px 5px;
+    margin-left: 174px;
+    padding-left: 15px;
+    padding-top: 15px;
+    margin-top: -80px;
+    box-shadow: 0 4px 8px rgb(0 , 0 , 0 , 0.2);
+    font-family: 'Roboto',sans-serif;
+    font-weight: bold
+    
+}
+
+#footer{
+    width: 400px;
+    height: 170px;
+    background-color: #222;
+}
+
+#p_saiba_mais {
+
+    font-size: 16px;
+
+    text-transform: uppercase;
+
+    color: #FFFFFF;
+
+    font-family: 'Roboto', sans-serif;
+
+    padding-left: 40px;
+
+    padding-top: 20px;
+
+}
+
+ 
+
+#ret_um {
+
+    width: 2px;
+
+    height: 8px;
+
+    background-color: #404040;
+
+    margin-top: -145px;
+
+    margin-left: 40px;
+
+}
+
+ 
+
+#p_empresa {
+
+    font-size: 12px;
+
+    font-family: 'Roboto', sans-serif;
+
+    color: #cfcfcf;
+
+    margin-top: -15px;
+
+    margin-left: 50px;
+
+    width: 100px;
+
+}
+
+ 
+
+#ret_dois {
+
+    width: 2px;
+
+    height: 8px;
+
+    background-color: #404040;
+
+    position: relative;
+
+    left: 210px;
+
+    bottom: 20px;
+
+ 
+
+}
+
+ 
+
+#p_perguntas {
+
+    font-size: 12px;
+
+    font-family: 'Roboto', sans-serif;
+
+    color: #cfcfcf;
+
+    margin-top: -36px;
+
+    margin-left: 220px;
+
+}
+
+ 
+
+#ret_tres {
+
+    width: 2px;
+
+    height: 8px;
+
+    background-color: #404040;
+
+    position: relative;
+
+    left: 210px;
+
+    top: 35px;
+
+}
+
+ 
+
+#p_vagas {
+
+    font-size: 12px;
+
+    font-family: 'Roboto', sans-serif;
+
+    color: #cfcfcf;
+
+    position: relative;
+
+    top: 19px;
+
+    margin-left: 220px;
+
+}
+
+ 
+
+#ret_quatro {
+
+    width: 2px;
+
+    height: 8px;
+
+    background-color: #404040;
+
+    position: relative;
+
+    left: 40px;
+
+}
+
+ 
+
+#p_pgmto {
+
+    font-size: 12px;
+
+    font-family: 'Roboto', sans-serif;
+
+    color: #cfcfcf;
+
+    margin-top: -15px;
+
+    margin-left: 50px;
+
+}
\ No newline at end of file
diff --git a/img/imagens_telas_para_prototipar/tela1/busca.svg b/img/imagens_telas_para_prototipar/tela1/busca.svg
new file mode 100644
index 0000000..fa94cf4
--- /dev/null
+++ b/img/imagens_telas_para_prototipar/tela1/busca.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24" viewBox="0 0 24 24" width="24"><g><rect fill="none" height="24" width="24"/></g><g><path d="M20.29,18.88l-5.56-5.56c1.13-1.55,1.63-3.58,0.98-5.74c-0.68-2.23-2.57-3.98-4.85-4.44C6.21,2.2,2.2,6.22,3.14,10.86 c0.46,2.29,2.21,4.18,4.44,4.85c2.16,0.65,4.19,0.15,5.74-0.98l5.56,5.56c0.39,0.39,1.02,0.39,1.41,0l0,0 C20.68,19.9,20.68,19.27,20.29,18.88z M5,9.5C5,7.01,7.01,5,9.5,5S14,7.01,14,9.5S11.99,14,9.5,14S5,11.99,5,9.5z"/></g></svg>
\ No newline at end of file
diff --git a/img/imagens_telas_para_prototipar/tela1/florestas.svg b/img/imagens_telas_para_prototipar/tela1/florestas.svg
new file mode 100644
index 0000000..16a26eb
--- /dev/null
+++ b/img/imagens_telas_para_prototipar/tela1/florestas.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24" viewBox="0 0 24 24" width="24"><g><path d="M0,0h24v24H0V0z" fill="none"/></g><g><path d="M19.95,5.97c-0.05-1.04-0.89-1.88-1.92-1.92C17.33,4.02,16.66,4,16.01,4C10.98,4,7.49,4.97,5.55,6.91 c-3.68,3.68-3.15,8.9,0.09,11.9c0.01,0,0.01,0,0.01,0c1.51-4.22,4.52-7.16,7.67-8.8c-0.21,0.18-4.7,3.58-5.51,10.25 c1.05,0.48,2.2,0.75,3.36,0.75c2.05,0,4.16-0.8,5.92-2.55C19.28,16.26,20.23,12.1,19.95,5.97z"/></g></svg>
\ No newline at end of file
diff --git a/img/imagens_telas_para_prototipar/tela1/fundo.jpg b/img/imagens_telas_para_prototipar/tela1/fundo.jpg
new file mode 100644
index 0000000..4e8d4dd
Binary files /dev/null and b/img/imagens_telas_para_prototipar/tela1/fundo.jpg differ
diff --git a/img/imagens_telas_para_prototipar/tela1/praias.svg b/img/imagens_telas_para_prototipar/tela1/praias.svg
new file mode 100644
index 0000000..fc52678
--- /dev/null
+++ b/img/imagens_telas_para_prototipar/tela1/praias.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24" viewBox="0 0 24 24" width="24"><rect fill="none" height="24" width="24"/><path d="M11,13V3.59c0-0.49-0.63-0.69-0.91-0.29l-6.54,9.41c-0.23,0.33,0.01,0.79,0.41,0.79h6.54C10.78,13.5,11,13.28,11,13z M20.99,12.98C20.72,7.07,15.9,2.32,13.4,1.23c-0.37-0.16-0.77,0.2-0.67,0.59c0.3,1.13,0.76,3.28,0.76,5.68 c0,2.44-0.49,4.39-0.78,5.35c-0.1,0.32,0.14,0.65,0.48,0.65h7.28C20.76,13.5,21,13.26,20.99,12.98z M20.62,15H3.38 c-0.73,0-1.22,0.76-0.92,1.42c0.43,0.92,1.07,1.71,1.86,2.31c0.38-0.16,0.74-0.38,1.06-0.63c0.35-0.29,0.87-0.29,1.23,0 C7.28,18.63,8.1,19,9,19c0.9,0,1.72-0.37,2.39-0.91c0.35-0.28,0.87-0.28,1.22,0C13.28,18.63,14.1,19,15,19 c0.9,0,1.72-0.37,2.39-0.91c0.35-0.29,0.87-0.28,1.23,0c0.32,0.26,0.67,0.48,1.06,0.63c0.79-0.6,1.43-1.39,1.86-2.31 C21.84,15.76,21.35,15,20.62,15z M22,22c0-0.55-0.45-1-1-1h0c-0.87,0-1.73-0.24-2.53-0.7c-0.29-0.16-0.65-0.17-0.94,0 c-1.59,0.9-3.47,0.9-5.06,0c-0.29-0.16-0.65-0.16-0.94,0c-1.59,0.9-3.47,0.9-5.06,0c-0.29-0.16-0.65-0.16-0.94,0 C4.73,20.76,3.87,21,3,21h0c-0.55,0-1,0.45-1,1c0,0.55,0.45,1,1,1h0c1.15,0,2.3-0.31,3.33-0.94c1.66,1.11,3.78,1.01,5.58,0.14 c1.91,1.05,4.17,1.07,6.09,0.05h0c0.95,0.5,1.97,0.75,3,0.75h0C21.55,23,22,22.55,22,22z"/></svg>
\ No newline at end of file
diff --git a/img/imagens_telas_para_prototipar/tela1/slide/florestas.jpg b/img/imagens_telas_para_prototipar/tela1/slide/florestas.jpg
new file mode 100644
index 0000000..64f230c
Binary files /dev/null and b/img/imagens_telas_para_prototipar/tela1/slide/florestas.jpg differ
diff --git a/img/imagens_telas_para_prototipar/tela1/slide/montanhas.jpg b/img/imagens_telas_para_prototipar/tela1/slide/montanhas.jpg
new file mode 100644
index 0000000..d0c5a8e
Binary files /dev/null and b/img/imagens_telas_para_prototipar/tela1/slide/montanhas.jpg differ
diff --git a/img/imagens_telas_para_prototipar/tela1/slide/praias.jpg b/img/imagens_telas_para_prototipar/tela1/slide/praias.jpg
new file mode 100644
index 0000000..2b477ce
Binary files /dev/null and b/img/imagens_telas_para_prototipar/tela1/slide/praias.jpg differ
diff --git a/img/imagens_telas_para_prototipar/tela2/galeria/foto1.jpg b/img/imagens_telas_para_prototipar/tela2/galeria/foto1.jpg
new file mode 100644
index 0000000..cc59541
Binary files /dev/null and b/img/imagens_telas_para_prototipar/tela2/galeria/foto1.jpg differ
diff --git a/img/imagens_telas_para_prototipar/tela2/galeria/foto2.jpg b/img/imagens_telas_para_prototipar/tela2/galeria/foto2.jpg
new file mode 100644
index 0000000..de83891
Binary files /dev/null and b/img/imagens_telas_para_prototipar/tela2/galeria/foto2.jpg differ
diff --git a/img/imagens_telas_para_prototipar/tela2/galeria/foto3.jpg b/img/imagens_telas_para_prototipar/tela2/galeria/foto3.jpg
new file mode 100644
index 0000000..ee0b179
Binary files /dev/null and b/img/imagens_telas_para_prototipar/tela2/galeria/foto3.jpg differ
diff --git a/img/imagens_telas_para_prototipar/tela2/galeria/foto4.jpg b/img/imagens_telas_para_prototipar/tela2/galeria/foto4.jpg
new file mode 100644
index 0000000..ff052b3
Binary files /dev/null and b/img/imagens_telas_para_prototipar/tela2/galeria/foto4.jpg differ
diff --git a/img/imagens_telas_para_prototipar/tela2/galeria/foto5.jpg b/img/imagens_telas_para_prototipar/tela2/galeria/foto5.jpg
new file mode 100644
index 0000000..ba131dd
Binary files /dev/null and b/img/imagens_telas_para_prototipar/tela2/galeria/foto5.jpg differ
diff --git a/img/imagens_telas_para_prototipar/tela2/galeria/foto6.jpg b/img/imagens_telas_para_prototipar/tela2/galeria/foto6.jpg
new file mode 100644
index 0000000..f643b94
Binary files /dev/null and b/img/imagens_telas_para_prototipar/tela2/galeria/foto6.jpg differ
diff --git a/img/imagens_telas_para_prototipar/tela2/perfil.jpg b/img/imagens_telas_para_prototipar/tela2/perfil.jpg
new file mode 100644
index 0000000..bfadd6c
Binary files /dev/null and b/img/imagens_telas_para_prototipar/tela2/perfil.jpg differ
diff --git a/img/imagens_telas_para_prototipar/tela3/esconder.svg b/img/imagens_telas_para_prototipar/tela3/esconder.svg
new file mode 100644
index 0000000..905265b
--- /dev/null
+++ b/img/imagens_telas_para_prototipar/tela3/esconder.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" fill="black" width="18px" height="18px"><g><rect fill="none" height="24" width="24"/></g><g><g><path d="M12,4C7.31,4,3.26,6.74,1.35,10.7c-0.24,0.5-0.24,1.1,0,1.6C3.26,16.26,7.31,19,12,19s8.74-2.74,10.65-6.7 c0.24-0.5,0.24-1.1,0-1.6C20.74,6.74,16.69,4,12,4z M12,16c-2.48,0-4.5-2.02-4.5-4.5S9.52,7,12,7s4.5,2.02,4.5,4.5S14.48,16,12,16 z"/><circle cx="12" cy="11.5" r="2.7"/></g></g></svg>
\ No newline at end of file
diff --git a/img/telas_para_prototipar/tela1.jpg b/img/telas_para_prototipar/tela1.jpg
new file mode 100644
index 0000000..52e3eea
Binary files /dev/null and b/img/telas_para_prototipar/tela1.jpg differ
diff --git a/img/telas_para_prototipar/tela2.jpg b/img/telas_para_prototipar/tela2.jpg
new file mode 100644
index 0000000..f73fc63
Binary files /dev/null and b/img/telas_para_prototipar/tela2.jpg differ
diff --git a/img/telas_para_prototipar/tela3.jpg b/img/telas_para_prototipar/tela3.jpg
new file mode 100644
index 0000000..26540cb
Binary files /dev/null and b/img/telas_para_prototipar/tela3.jpg differ
diff --git a/img/testes/css/style.css b/img/testes/css/style.css
new file mode 100644
index 0000000..080d513
--- /dev/null
+++ b/img/testes/css/style.css
@@ -0,0 +1,31 @@
+main {
+    width: 100%;
+    background-color: aliceblue;
+}
+
+#um {
+    width: 50%;
+    background-color: rgb(224, 64, 64);
+}
+
+#um p {
+    color:black;
+    font-size: 20px;
+    font-family: Verdana, Geneva, Tahoma, sans-serif;
+    padding: 10px;
+}
+
+#dois {
+    width: 50%;
+    background-color: blue;
+
+}
+
+#dois p {
+color: azure;
+font-size: 30px;
+font-family: Georgia, 'Times New Roman', Times, serif;
+padding: 10px;
+text-align: center;
+
+}
\ No newline at end of file
diff --git a/img/testes/imagens_telas_para_prototipar/tela1/busca.svg b/img/testes/imagens_telas_para_prototipar/tela1/busca.svg
new file mode 100644
index 0000000..fa94cf4
--- /dev/null
+++ b/img/testes/imagens_telas_para_prototipar/tela1/busca.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24" viewBox="0 0 24 24" width="24"><g><rect fill="none" height="24" width="24"/></g><g><path d="M20.29,18.88l-5.56-5.56c1.13-1.55,1.63-3.58,0.98-5.74c-0.68-2.23-2.57-3.98-4.85-4.44C6.21,2.2,2.2,6.22,3.14,10.86 c0.46,2.29,2.21,4.18,4.44,4.85c2.16,0.65,4.19,0.15,5.74-0.98l5.56,5.56c0.39,0.39,1.02,0.39,1.41,0l0,0 C20.68,19.9,20.68,19.27,20.29,18.88z M5,9.5C5,7.01,7.01,5,9.5,5S14,7.01,14,9.5S11.99,14,9.5,14S5,11.99,5,9.5z"/></g></svg>
\ No newline at end of file
diff --git a/img/testes/imagens_telas_para_prototipar/tela1/florestas.svg b/img/testes/imagens_telas_para_prototipar/tela1/florestas.svg
new file mode 100644
index 0000000..16a26eb
--- /dev/null
+++ b/img/testes/imagens_telas_para_prototipar/tela1/florestas.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24" viewBox="0 0 24 24" width="24"><g><path d="M0,0h24v24H0V0z" fill="none"/></g><g><path d="M19.95,5.97c-0.05-1.04-0.89-1.88-1.92-1.92C17.33,4.02,16.66,4,16.01,4C10.98,4,7.49,4.97,5.55,6.91 c-3.68,3.68-3.15,8.9,0.09,11.9c0.01,0,0.01,0,0.01,0c1.51-4.22,4.52-7.16,7.67-8.8c-0.21,0.18-4.7,3.58-5.51,10.25 c1.05,0.48,2.2,0.75,3.36,0.75c2.05,0,4.16-0.8,5.92-2.55C19.28,16.26,20.23,12.1,19.95,5.97z"/></g></svg>
\ No newline at end of file
diff --git a/img/testes/imagens_telas_para_prototipar/tela1/fundo.jpg b/img/testes/imagens_telas_para_prototipar/tela1/fundo.jpg
new file mode 100644
index 0000000..4e8d4dd
Binary files /dev/null and b/img/testes/imagens_telas_para_prototipar/tela1/fundo.jpg differ
diff --git a/img/testes/imagens_telas_para_prototipar/tela1/praias.svg b/img/testes/imagens_telas_para_prototipar/tela1/praias.svg
new file mode 100644
index 0000000..fc52678
--- /dev/null
+++ b/img/testes/imagens_telas_para_prototipar/tela1/praias.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24" viewBox="0 0 24 24" width="24"><rect fill="none" height="24" width="24"/><path d="M11,13V3.59c0-0.49-0.63-0.69-0.91-0.29l-6.54,9.41c-0.23,0.33,0.01,0.79,0.41,0.79h6.54C10.78,13.5,11,13.28,11,13z M20.99,12.98C20.72,7.07,15.9,2.32,13.4,1.23c-0.37-0.16-0.77,0.2-0.67,0.59c0.3,1.13,0.76,3.28,0.76,5.68 c0,2.44-0.49,4.39-0.78,5.35c-0.1,0.32,0.14,0.65,0.48,0.65h7.28C20.76,13.5,21,13.26,20.99,12.98z M20.62,15H3.38 c-0.73,0-1.22,0.76-0.92,1.42c0.43,0.92,1.07,1.71,1.86,2.31c0.38-0.16,0.74-0.38,1.06-0.63c0.35-0.29,0.87-0.29,1.23,0 C7.28,18.63,8.1,19,9,19c0.9,0,1.72-0.37,2.39-0.91c0.35-0.28,0.87-0.28,1.22,0C13.28,18.63,14.1,19,15,19 c0.9,0,1.72-0.37,2.39-0.91c0.35-0.29,0.87-0.28,1.23,0c0.32,0.26,0.67,0.48,1.06,0.63c0.79-0.6,1.43-1.39,1.86-2.31 C21.84,15.76,21.35,15,20.62,15z M22,22c0-0.55-0.45-1-1-1h0c-0.87,0-1.73-0.24-2.53-0.7c-0.29-0.16-0.65-0.17-0.94,0 c-1.59,0.9-3.47,0.9-5.06,0c-0.29-0.16-0.65-0.16-0.94,0c-1.59,0.9-3.47,0.9-5.06,0c-0.29-0.16-0.65-0.16-0.94,0 C4.73,20.76,3.87,21,3,21h0c-0.55,0-1,0.45-1,1c0,0.55,0.45,1,1,1h0c1.15,0,2.3-0.31,3.33-0.94c1.66,1.11,3.78,1.01,5.58,0.14 c1.91,1.05,4.17,1.07,6.09,0.05h0c0.95,0.5,1.97,0.75,3,0.75h0C21.55,23,22,22.55,22,22z"/></svg>
\ No newline at end of file
diff --git a/img/testes/imagens_telas_para_prototipar/tela1/slide/florestas.jpg b/img/testes/imagens_telas_para_prototipar/tela1/slide/florestas.jpg
new file mode 100644
index 0000000..64f230c
Binary files /dev/null and b/img/testes/imagens_telas_para_prototipar/tela1/slide/florestas.jpg differ
diff --git a/img/testes/imagens_telas_para_prototipar/tela1/slide/montanhas.jpg b/img/testes/imagens_telas_para_prototipar/tela1/slide/montanhas.jpg
new file mode 100644
index 0000000..d0c5a8e
Binary files /dev/null and b/img/testes/imagens_telas_para_prototipar/tela1/slide/montanhas.jpg differ
diff --git a/img/testes/imagens_telas_para_prototipar/tela1/slide/praias.jpg b/img/testes/imagens_telas_para_prototipar/tela1/slide/praias.jpg
new file mode 100644
index 0000000..2b477ce
Binary files /dev/null and b/img/testes/imagens_telas_para_prototipar/tela1/slide/praias.jpg differ
diff --git a/img/testes/imagens_telas_para_prototipar/tela2/galeria/foto1.jpg b/img/testes/imagens_telas_para_prototipar/tela2/galeria/foto1.jpg
new file mode 100644
index 0000000..cc59541
Binary files /dev/null and b/img/testes/imagens_telas_para_prototipar/tela2/galeria/foto1.jpg differ
diff --git a/img/testes/imagens_telas_para_prototipar/tela2/galeria/foto2.jpg b/img/testes/imagens_telas_para_prototipar/tela2/galeria/foto2.jpg
new file mode 100644
index 0000000..de83891
Binary files /dev/null and b/img/testes/imagens_telas_para_prototipar/tela2/galeria/foto2.jpg differ
diff --git a/img/testes/imagens_telas_para_prototipar/tela2/galeria/foto3.jpg b/img/testes/imagens_telas_para_prototipar/tela2/galeria/foto3.jpg
new file mode 100644
index 0000000..ee0b179
Binary files /dev/null and b/img/testes/imagens_telas_para_prototipar/tela2/galeria/foto3.jpg differ
diff --git a/img/testes/imagens_telas_para_prototipar/tela2/galeria/foto4.jpg b/img/testes/imagens_telas_para_prototipar/tela2/galeria/foto4.jpg
new file mode 100644
index 0000000..ff052b3
Binary files /dev/null and b/img/testes/imagens_telas_para_prototipar/tela2/galeria/foto4.jpg differ
diff --git a/img/testes/imagens_telas_para_prototipar/tela2/galeria/foto5.jpg b/img/testes/imagens_telas_para_prototipar/tela2/galeria/foto5.jpg
new file mode 100644
index 0000000..ba131dd
Binary files /dev/null and b/img/testes/imagens_telas_para_prototipar/tela2/galeria/foto5.jpg differ
diff --git a/img/testes/imagens_telas_para_prototipar/tela2/galeria/foto6.jpg b/img/testes/imagens_telas_para_prototipar/tela2/galeria/foto6.jpg
new file mode 100644
index 0000000..f643b94
Binary files /dev/null and b/img/testes/imagens_telas_para_prototipar/tela2/galeria/foto6.jpg differ
diff --git a/img/testes/imagens_telas_para_prototipar/tela2/perfil.jpg b/img/testes/imagens_telas_para_prototipar/tela2/perfil.jpg
new file mode 100644
index 0000000..bfadd6c
Binary files /dev/null and b/img/testes/imagens_telas_para_prototipar/tela2/perfil.jpg differ
diff --git a/img/testes/imagens_telas_para_prototipar/tela3/esconder.svg b/img/testes/imagens_telas_para_prototipar/tela3/esconder.svg
new file mode 100644
index 0000000..905265b
--- /dev/null
+++ b/img/testes/imagens_telas_para_prototipar/tela3/esconder.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" fill="black" width="18px" height="18px"><g><rect fill="none" height="24" width="24"/></g><g><g><path d="M12,4C7.31,4,3.26,6.74,1.35,10.7c-0.24,0.5-0.24,1.1,0,1.6C3.26,16.26,7.31,19,12,19s8.74-2.74,10.65-6.7 c0.24-0.5,0.24-1.1,0-1.6C20.74,6.74,16.69,4,12,4z M12,16c-2.48,0-4.5-2.02-4.5-4.5S9.52,7,12,7s4.5,2.02,4.5,4.5S14.48,16,12,16 z"/><circle cx="12" cy="11.5" r="2.7"/></g></g></svg>
\ No newline at end of file
diff --git a/img/testes/index.html b/img/testes/index.html
new file mode 100644
index 0000000..b8ad0a9
--- /dev/null
+++ b/img/testes/index.html
@@ -0,0 +1,26 @@
+ <!DOCTYPE html>
+ <html lang="pt-br">
+ <head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Testes</title>
+    <link rel="stylesheet" href="css/style.css">
+ </head>
+ <body>
+    <main>
+      <div id="um">
+         <p>paragrafo 1</p>
+
+      </div>
+         
+
+      <div id="dois">
+         <p>paragrafo 2</p>
+
+      </div>
+   
+   
+    </main>
+    
+ </body>
+ </html>
\ No newline at end of file
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..5ffbb7c
--- /dev/null
+++ b/index.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html lang="pt-br">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Figma_Project</title>
+    <link rel="stylesheet" href="css/estilo01.css">
+</head>
+    <body>
+        <div id="container">
+            <header>
+                <img src="img/imagens_telas_para_prototipar/tela1/fundo.jpg" alt="fundo floresta" id="img_fundo">
+                <input type="text" placeholder="Busque por cidade" id="buscar">
+                <img src="./img/imagens_telas_para_prototipar/tela1/busca.svg" alt="icone de lupa" id="img_lupa" > 
+                <H1 id="titulo"> explore a natureza </H1>       
+            </header>
+
+            <main>
+                <img src="./img/imagens_telas_para_prototipar/tela1/slide/florestas.jpg" alt="florestas" id="slide_florestas">
+                <p id="p_flore">Florestas</p>
+                <img src="img/imagens_telas_para_prototipar/tela1/florestas.svg" alt="folha" id="folha">
+                <img src="img/imagens_telas_para_prototipar/tela1/slide/praias.jpg" alt="praia" id="slide_praia">
+                <p id="p_prai">Praias</p>
+                <img src="img/imagens_telas_para_prototipar/tela1/praias.svg" alt="folha" id="praia">
+            </main>
+
+            <footer>
+                <div id="footer">
+                    <p id="p_saiba_mais">saiba mais</p>              
+                    <canvas id="ret_um"></canvas>
+
+                    <p id="p_empresa">Sobre a Empresa</p>
+                    <canvas id="ret_dois"></canvas>
+                                
+                    <p id="p_perguntas">Perguntas Frequentes</p>
+                    <canvas id="ret_tres"></canvas>
+
+                    <p id="p_vagas">Vagas Abertas</p>   
+                    <canvas id="ret_quatro"></canvas>
+                                
+                    <p id="p_pgmto">Meios de Pagamento</p>            
+                    <canvas id="ret_cinco"></canvas>
+                </div>
+            </footer>
+        </div>
+    </body>
+</html>
\ No newline at end of file