commit 879cde8bd37aae81d99704b98580791d239b5227 Author: marcos9868 Date: Thu May 4 20:10:47 2023 +0000 First commit diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..1377554 --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +*.swp diff --git a/exercicios/index.html b/exercicios/index.html new file mode 100644 index 0000000..0436a55 --- /dev/null +++ b/exercicios/index.html @@ -0,0 +1,24 @@ + + + + + + +

Testando VIM com novas configurações

+
+ + + + + + + + + + + +
NameStacksOcupation
MarcosJS/TS, JavaWeb Backend Developer
+

Form

+
+ + diff --git a/exercicios/index2.html b/exercicios/index2.html new file mode 100644 index 0000000..21fbfbb --- /dev/null +++ b/exercicios/index2.html @@ -0,0 +1,25 @@ + + + + + + Table +
+ + + + + + + + + + +
+ + + diff --git a/index.html b/index.html new file mode 100644 index 0000000..9459b55 --- /dev/null +++ b/index.html @@ -0,0 +1,19 @@ + + + + + + + My First Terminal HTML + + +

Hello guys!!

+

I'm coding HTML by bash

+
+ + + +
+ + + diff --git a/outroindex.html b/outroindex.html new file mode 100644 index 0000000..e69de29 diff --git a/script.js b/script.js new file mode 100644 index 0000000..20ecf75 --- /dev/null +++ b/script.js @@ -0,0 +1,4 @@ +const helloDev = () => { + alert('Obrigado por se apresentar! Tenha uma ótima aula') +} + diff --git a/style.css b/style.css new file mode 100644 index 0000000..dd4debb --- /dev/null +++ b/style.css @@ -0,0 +1,71 @@ +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +body { + background-color: #181818; + width: 100%; + height: 100%; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + padding: 3rem 0; +} + +h1 { + color: #f5f5f5; + text-align: center; + color: #f5f5f5; +} + +p { + text-align: center; + color: #f5f5f5; + margin-bottom: 1rem; +} + +form { + display: flex; + flex-direction: column; + width: 350px; + height: 250px; + margin: 0 auto; + gap: 0.5rem; + justify-content: center; + align-items: center; + background-color: #222222; + border: none; + border-radius: 1rem; +} + +form label { + color: #f5f5f5; +} + +form input { + width: 250px; + height: 2rem; + border: none; + border-radius: 0.5rem; + outline: none; + margin-bottom: 1rem; + padding-left: 8px; +} + +form button { + width: 250px; + height: 2rem; + background-color: cyan; + border: none; + border-radius: 1rem; + color: #f5f5f5; + cursor: pointer; +} + +form button:hover { + background-color: blue; + transition: 0.3s; +}