diff --git a/contato.html b/contato.html index b5a187b4ebfcb68b61e36b8dc2608f7ee0d6dd66..4aa444e949996e668971e615c83391169c4a65d5 100644 --- a/contato.html +++ b/contato.html @@ -14,9 +14,9 @@ <ul> <li><img src="resources/img.jpg" alt="Eu"><p class="image-description">Eduardo Paludo</p></li> <hr class="solid"> - <li><a href="index.html">Sobre mim</a></li> - <li><a href="projetos.html">Projetos</a></li> - <li class="current-page">Contato</li> + <li><a href="index.html"><span>Sobre mim</span></a></li> + <li><a href="projetos.html"><span>Projetos</span></a></li> + <li><span class="current-page">Contato</span></li> </ul> </nav> <main> diff --git a/home.html b/home.html deleted file mode 100644 index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..0000000000000000000000000000000000000000 diff --git a/index.html b/index.html index ee0acc36afb0381689b15a7a0b1c0e872d3db2c2..a9aa3978ffe835791517d81f2d9a7abe2160c4ba 100644 --- a/index.html +++ b/index.html @@ -14,9 +14,9 @@ <ul> <li><img src="resources/img.jpg" alt="Eu"><p class="image-description">Eduardo Paludo</p></li> <hr class="solid"> - <li class="current-page">Sobre mim</li> - <li><a href="projetos.html">Projetos</a></li> - <li><a href="contato.html">Contato</a></li> + <li><span class="current-page">Sobre mim</span></li> + <li><a href="projetos.html"><span>Projetos</span></a></li> + <li><a href="contato.html"><span>Contato</span></a></li> </ul> </nav> <main> diff --git a/projetos.html b/projetos.html index 495eddc2bc625572e1317d5d9b4b52b8bc23fdac..7c104175fee519996ab167c3180a5c34b9d9e913 100644 --- a/projetos.html +++ b/projetos.html @@ -14,9 +14,9 @@ <ul> <li><img src="resources/img.jpg" alt="Eu"><p class="image-description">Eduardo Paludo</p></li> <hr class="solid"> - <li><a href="index.html">Sobre mim</a></li> - <li class="current-page">Projetos</li> - <li><a href="contato.html">Contato</a></li> + <li><a href="index.html"><span>Sobre mim</span></a></li> + <li><span class="current-page">Projetos</span></li> + <li><a href="contato.html"><span>Contato</span></a></li> </ul> </nav> <main> diff --git a/resources/styles.css b/resources/styles.css index 5fc54b0490a47e35fedb57f1a3084bde3f8ee1b3..8d3c557984257276099ec11b7d491c0f2a04b1eb 100644 --- a/resources/styles.css +++ b/resources/styles.css @@ -1,6 +1,5 @@ body { display: flex; - text-justify: auto; margin: 0; padding: 0; flex-direction: row; @@ -18,12 +17,18 @@ nav { nav ul { list-style-type: none; - padding: 0; + padding: 0; +} + +nav span { + display: inline-block; + width: 100%; + border-radius: 4px; + padding: 12px; } nav ul li { margin-bottom: 20px; - padding: 10px 12px; text-align: center; } @@ -37,24 +42,32 @@ nav li img { margin-top: 40px; } +p.image-description { + text-align: center; + color: azure; + margin-top: 10px; + margin-bottom: 30px; +} + nav li a { - padding: 10px 12px; - border-radius: 4px; text-decoration: none; color: azure; } -nav li.current-page { - border-radius: 4px; +nav span.current-page { color: black; background-color: azure; } -nav li a:hover { - padding: 10px 12px; +nav span:hover:not(.current-page) { background-color: #555; } +hr.solid { + border-top: 3px solid white; + padding: 12px; +} + main { flex: 4; background-color: #3e3e42; @@ -67,19 +80,7 @@ p { text-align: justify; } -p.image-description { - text-align: center; - color: azure; - margin-top: 10px; -} - p a { text-decoration: none; color: cornflowerblue; - -} - -hr.solid { - border-top: 3px solid white; - padding: 12px; } \ No newline at end of file