A Pen by Rodrigo K. Arroyo-Haro on CodePen.
Created
February 10, 2022 08:42
-
-
Save HeNy007/7f664802f0dca88e13d4381e59fd1e8b to your computer and use it in GitHub Desktop.
Rodrigo K. Arroyo-Haro
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <meta charset="utf-8"> | |
| <title>My Profile</title> | |
| <body> | |
| <header> | |
| <h1>Rodrigo K. Arroyo-Haro</h1> | |
| <h3 id="wd">Web Designer || Student | |
| <h3> | |
| </header> | |
| <main> | |
| <article> | |
| <h2>Education</h2> | |
| <section class="subsection"> | |
| <h3>University</h3> | |
| <p>Feather River College || Quincy, CA</p> | |
| <p>Golden Gate University || San Francisco, CA</p> | |
| </section> | |
| <hr> | |
| <section class="subsection"> | |
| <h3>Degree</h3> | |
| <ul> | |
| <li>Associate's Degree</li> | |
| <li>Bachelor's of Arts in Management Degree</li> | |
| </ul> | |
| </section> | |
| </article> | |
| <article> | |
| <h2>Work Experience</h2> | |
| <section class="subsection"> | |
| <h3>Freelance Web Designer</h3> | |
| <p class="style">Began five small gigs for some family friends which three of them wanted to start blogs. The other two are just about me pages with some additional content stlye ideas for some pages.</p> | |
| <h3>Construction Worker laborer</h3> | |
| <p class="style">I have work with cement finishers, plumbers, carpenters, and lanscapers. The best skills I picked up on was cement finishing and lanscaping by far. With that being said, my father was in cement and my uncle was in landscaping which both were my bosses. hehe</p> | |
| </section> | |
| </article> | |
| <article> | |
| <h2>Favorites</h2> | |
| <section class="subsection"> | |
| <h3>Hobbies</h3> | |
| <ul> | |
| <li>||Reading ||</li> <br> | |
| <li>|| Portrait Art ||</li> <br> | |
| <li>|| Playing the Piano/Guitar ||</li> | |
| </ul> | |
| <h3>Favorite Music Artist</h3> | |
| <ul> | |
| <li>French Kiwi Juice</li> | |
| <li>Darius</li> | |
| <li>Antonio Carlos Jobim</li> | |
| <li>Frank Sinatra</li> | |
| <li>Kali Uchis</li> | |
| <li>Daniel Caesar</li> | |
| <li>Logic</li> | |
| <li>Drake</li> | |
| <li>Lakey Inspired</li> | |
| <li>Icytwat</li> | |
| <li>Takako Mamiya</li> | |
| <li>Ryo Fukui</li> | |
| <li> v e k t r o i d</li> | |
| </ul> | |
| </section> | |
| </article> | |
| </main> | |
| <footer> | |
| <p>© Rodrigo K. Arroyo-Haro 2018</footer> | |
| </body> | |
| </html> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| body { | |
| background-color: #585858; | |
| color: #e4e4e4; | |
| border-left: 7px solid #d0d0d0; | |
| border-right: 7px solid #d0d0d0; | |
| padding: -10px; | |
| margin: 30px; | |
| } | |
| header, | |
| footer { | |
| background-color: #111111; | |
| color: #c0c0c0; | |
| border: 5px solid #e4e4e4; | |
| padding: 40px; | |
| margin: 10px; | |
| box-shadow: ; | |
| text-align: center; | |
| } | |
| header, | |
| main, | |
| footer { | |
| margin: 50px; | |
| } | |
| #wd, | |
| h3 { | |
| color: #87ffaf; | |
| text-decoration: underline; | |
| } | |
| h2 { | |
| color: #afd75f; | |
| text-decoration: underline; | |
| } | |
| .subsection { | |
| padding: 0px; | |
| margin: 45px; | |
| } | |
| article { | |
| border-bottom: 1px solid white; | |
| } | |
| .style { | |
| font-size: 17px; | |
| } | |
| body:active { | |
| background-color: #008000; | |
| } | |
| section:hover { | |
| background-color: #8a8a8a; | |
| } | |
| article:hover { | |
| background-color: #9e9e9e; | |
| } | |
| p:hover, | |
| li:hover{ | |
| background-color: #585858; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment