Skip to content

Commit

Permalink
Merge pull request #14 from Arkthurus/master
Browse files Browse the repository at this point in the history
Pg athur prona/musicas pessoais colocas/ base para personalização de imgs pessoais
  • Loading branch information
ApenasOLinco authored Nov 27, 2024
2 parents 91affc4 + 71d0384 commit 6996221
Show file tree
Hide file tree
Showing 15 changed files with 99 additions and 24 deletions.
55 changes: 37 additions & 18 deletions Arthur.html
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,7 @@
<link rel="stylesheet" href="CSS/styles.css">
</head>
<body class="animar-gradiente">
<audio src="Midias/LoFi SAVE the World _ Undertale (Arthur).mp3" autoplay loop></audio> <!-- Audio da Pagina -->
<header>
<div id="nav-container">
<a id="nav-logo" href="index.html">
Expand All @@ -30,7 +31,7 @@ <h1>Arthur</h1>
<h2>Sobre mim</h2>
<div id="texto-apresentacao">
<!-- Uma foto de sua preferência -->
<img height="450" width="50" class="img-apresentacao" src="Midias/Arthur.jpeg" alt="">
<img id="imgArthur1" height="450" width="50" class="img-apresentacao" src="Midias/Arthur.jpeg" alt="">
<!-- Adicione texto aqui. Não se esqueça de usar o elemento <p> -->
<p>
Olá, eu sou o Arthur Padilha!
Expand All @@ -45,21 +46,39 @@ <h3>Minhas habilidades técnicas incluem</h3>
do processo de criação de aplicações.
</p>
<!-- Uma foto de sua preferência -->
<img class="img-apresentacao" src="Midias/Arthur_Gato_ProgramaCraft.jpg" alt="">
<img id="imgArthur2" class="img-apresentacao" src="Midias/cavaGato.jpg" alt="">
<h3>Por que escolhi Backend?</h3>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Nulla voluptate aliquam accusantium illo, repellendus, unde recusandae dolor consequatur, at fugiat veritatis saepe! Excepturi distinctio aliquam eius non error rerum omnis?
Ea ullam, laboriosam eveniet quod labore architecto nihil voluptatibus esse autem dolor illum modi asperiores et itaque aliquam dolorum vitae voluptas natus doloremque quia, porro inventore! Ut officiis repudiandae impedit.
Sit libero deserunt explicabo recusandae dolores? Reiciendis excepturi quae recusandae! Modi ipsa eius consequatur, consequuntur harum in fugiat molestiae exercitationem nemo, nobis expedita. Doloremque, dolorum eos corporis perspiciatis eligendi in!
At ducimus numquam cum repudiandae cumque impedit laborum quam reiciendis saepe dolore, non modi corporis voluptatum magnam placeat, vitae assumenda sapiente minus ex delectus earum voluptatibus labore rerum tenetur! Officiis?
Minha paixão pela lógica e pela resolução de problemas me conduziu à área de backend. Acredito que tenho um grande potencial para criar
sistemas escaláveis e eficientes, que atendam às necessidades dos usuários de forma eficaz.
</p>
<h3>Além da programação, meus interesses incluem:</h3>
<p>
Design: Gosto de explorar minha criatividade através do desenho.
<br>
Games: Sou um entusiasta de jogos e acompanho de perto lançamentos do genero de Terror.
<br>
Midias videograficas: Gosto muito de assistir diversos filmes e series em geral e na twitch acompanho especialmente o TOP 1 FROM BRAZIL.
</p>
<h3>O que me motiva?</h3>
<p>
Além de ser um GRANDE FÃ de não MORRE de FOME eu também busco constantemente novos desafios e oportunidades para aprender e crescer profissionalmente.
<br>
Acredito que a colaboração e o trabalho em equipe são fundamentais para o sucesso em qualquer projeto.
<br>
<br>
Se você está procurando um desenvolvedor backend dedicado e apaixonado, entre em contato!
<br>
Estou pronto para contribuir com meus conhecimentos e habilidades para o seu próximo projeto.
</p>
<!-- Uma foto de sua preferência -->
<img height="450" class="img-apresentacao" src="Midias/Arthur_Gato_GameCraft.jpg" alt="">
<img id="imgArthur3" height="450" class="img-apresentacao" src="Midias/Arthur_Gato_GameCraft.jpg" alt="">
</div>
</section>

<section id="section-video">
<h2>Meu vídeo favorito</h2>
<iframe src="https://www.youtube.com/embed/pQzTBdeUNlU?si=2XL7b2TF2z0CXZ99" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
<iframe width="1260" height="660" src="https://www.youtube.com/embed/mA555mCkSUE?si=mFGYvixXzzL8IsiS" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</section>

<section id="stats">
Expand All @@ -79,44 +98,44 @@ <h2>Meus stats</h2>
<a href="Midias/gato.jpg" target="_blank">link para o primeiro projeto...</a><br>
<a href="Midias/gato.jpg" target="_blank">link para o segundo projeto...</a>
</td>
<td>6/10</td>
<td>Etc...</td>
<td>6,8/10</td>
<td>Tropeça mas vai</td>
</tr>
<tr>
<td>CSS</td>
<td>
<a href="Midias/gato.jpg" target="_blank">link para o primeiro projeto...</a><br>
<a href="Midias/gato.jpg" target="_blank">link para o segundo projeto...</a>
</td>
<td>6/10</td>
<td>Etc...</td>
<td>7,4/10</td>
<td>Entendo porém aprecio ajuda</td>
</tr>
<tr>
<td>Javascript</td>
<td>
<a href="Midias/gato.jpg" target="_blank">link para o primeiro projeto...</a><br>
<a href="Midias/gato.jpg" target="_blank">link para o segundo projeto...</a>
</td>
<td>6/10</td>
<td>Etc...</td>
<td>5/10</td>
<td>Tudo q eu tento da errado T-T</td>
</tr>
<tr>
<td>C</td>
<td>
<a href="Midias/gato.jpg" target="_blank">link para o primeiro projeto...</a><br>
<a href="Midias/gato.jpg" target="_blank">link para o segundo projeto...</a>
</td>
<td>6/10</td>
<td>Etc...</td>
<td>9/10</td>
<td>Meu habitat natural</td>
</tr>
<tr>
<td>MySQL (BD)</td>
<td>
<a href="Midias/gato.jpg" target="_blank">link para o primeiro projeto...</a><br>
<a href="Midias/gato.jpg" target="_blank">link para o segundo projeto...</a>
</td>
<td>6/10</td>
<td>Etc...</td>
<td>8,6/10</td>
<td>Sei bem porém ainda consigo esquecer do basico :P</td>
</tr>
</tbody>
</table>
Expand Down
57 changes: 54 additions & 3 deletions CSS/styles.css
Original file line number Diff line number Diff line change
Expand Up @@ -481,19 +481,23 @@ ul li:hover a {

.img-apresentacao {
display: block;

width: 30%;
max-height: 200px;
margin: 0 1em;
float: left;
border-radius: 10px;
}

#texto-apresentacao {
margin: 1rem;
}

.img-apresentacao:nth-of-type(even) {
float: right;
}

iframe {
width: 50%;
width: 100%;
height: 800px;
}


Expand Down Expand Up @@ -526,3 +530,50 @@ iframe {
float: left;
}
}

/* Img's das pgs Pessoais */
/*Arthur*/
#imgArthur1 {
margin: 0;
margin-right: 2em;
height: 490px;
width: 21%;
border-radius: 10px;
}
#imgArthur2 {
margin-top: 1em;
margin-left: 2em;
width: 26%;
height: 1000px;
border-radius: 10px;
}
#imgArthur3 {
padding-left: -3em;
height: 543px;
width: 69%;
border-radius: 10px;
}

/*Rebeca*/
#imgBeca1 {
margin: 0;
margin-right: 2em;
height: 490px;
width: 21%;
border-radius: 10px;
}
#imgBeca2 {
margin-top: 1em;
margin-left: 2em;
width: 26%;
height: 1000px;
border-radius: 10px;
}
#imgBeca3 {
padding-left: -3em;
height: 565px;
width: 69%;
border-radius: 10px;
}

/*Lincoln*/
1 change: 1 addition & 0 deletions Lincoln.html
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,7 @@
<link rel="stylesheet" href="CSS/styles.css">
</head>
<body class="animar-gradiente">
<audio src="Midias/Undertale - Gaster's Theme (Lincoln).mp3" autoplay loop></audio> <!-- Audio da Pagina -->
<header>
<div id="nav-container">
<a id="nav-logo" href="index.html">
Expand Down
Binary file added Midias/UNDERTALE - Hotel (CONTATO).mp3
Binary file not shown.
Binary file added Midias/Undertale - Gaster's Theme (Lincoln).mp3
Binary file not shown.
Binary file added Midias/Undertale - Hopes And Dreams (Inicial).mp3
Binary file not shown.
Binary file added Midias/Undertale _ Uwa So Temperate (Rebeca).mp3
Binary file not shown.
Binary file added Midias/cavaGato.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Midias/undertale - fallen down (Thiago).mp3
Binary file not shown.
Binary file added Midias/vangogh.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file not shown.
7 changes: 4 additions & 3 deletions Rebeca.html
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,7 @@
<link rel="stylesheet" href="CSS/styles.css">
</head>
<body class="animar-gradiente">
<audio src="Midias/Undertale _ Uwa So Temperate (Rebeca).mp3" autoplay loop></audio> <!-- Audio da Pagina -->
<header>
<div id="nav-container">
<a id="nav-logo" href="index.html">
Expand All @@ -30,7 +31,7 @@ <h1>Rebeca</h1>
<h2>Sobre mim</h2>
<div id="texto-apresentacao">
<!-- Uma foto de sua preferência -->
<img height="450" width="50" class="img-apresentacao" src="Midias/beca.jpeg" alt="">
<img id="imgBeca1" class="img-apresentacao" src="Midias/beca.jpeg" alt="">
<!-- Adicione texto aqui. Não se esqueça de usar o elemento <p> -->
<p>
Sou uma pessoa curiosa, dedicada e com grandes sonhos,
Expand All @@ -43,7 +44,7 @@ <h2>Sobre mim</h2>
e aprender novas tecnologias para me preparar para os desafios dessa área.
</p>
<!-- Uma foto de sua preferência -->
<img id = ""class="img-apresentacao" src="Midias/rebeca1.jpeg" alt="">
<img id="imgBeca2" class="img-apresentacao" src="Midias/rebeca1.jpeg" alt="">
<p>
Além da programação, acredito no poder da comunicação.
Por isso, dedico parte do meu tempo livre ao estudo de idiomas como inglês e japonês,
Expand Down Expand Up @@ -73,7 +74,7 @@ <h2>Sobre mim</h2>

</p>
<!-- Uma foto de sua preferência -->
<img height="450" class="img-apresentacao" src="Midias/becagatinho.jpeg" alt="">
<img id="imgBeca3" class="img-apresentacao" src="Midias/becagatinho.jpeg" alt="">
</div>
</section>

Expand Down
1 change: 1 addition & 0 deletions Thiago.html
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,7 @@
<link rel="stylesheet" href="CSS/styles.css">
</head>
<body class="animar-gradiente">
<audio src="Midias/undertale - fallen down (Thiago).mp3" autoplay loop></audio> <!-- Audio da Pagina -->
<header>
<div id="nav-container">
<a id="nav-logo" href="index.html">
Expand Down
1 change: 1 addition & 0 deletions contato.html
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,7 @@
<link rel="stylesheet" href="CSS/styles.css">
</head>
<body>
<audio src="Midias/UNDERTALE - Hotel (CONTATO).mp3" autoplay loop></audio> <!-- Audio da Pagina -->
<div id="contato-pagina" class="animar-gradiente">
<header>
<div id="nav-container">
Expand Down
1 change: 1 addition & 0 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,7 @@
<link rel="stylesheet" href="https://unpkg.com/swiper@8/swiper-bundle.min.css">
</head>
<body class="animar-gradiente">
<audio src="Midias/Undertale - Hopes And Dreams (Inicial).mp3" autoplay loop></audio> <!-- Audio da Pagina -->
<header class="header-abs">
<div id="nav-container">
<a id="nav-logo" href="index.html">
Expand Down

0 comments on commit 6996221

Please sign in to comment.