generated from github-education-resources/codespaces-teaching-js-template
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
5 changed files
with
135 additions
and
77 deletions.
There are no files selected for viewing
This file was deleted.
Oops, something went wrong.
This file was deleted.
Oops, something went wrong.
This file contains 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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,19 +1,95 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8" /> | ||
| <meta http-equiv="X-UA-Compatible" content="IE=edge" /> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | ||
| <title>Pablo Oca Galeano Portfolio</title> | ||
| <link rel="stylesheet" href="styles.css" /> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>Resume</title> | ||
|
|
||
| <link rel="stylesheet" href="styles.css"> | ||
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> | ||
| </head> | ||
| <body> | ||
| <main> | ||
| <article class="box"> | ||
| <h1>Pablo Oca Galeano</h1> | ||
| <div><a href="mailto:[email protected]">[email protected]</a></div> | ||
|
|
||
| <section class="box"> | ||
| <h2> | ||
| <i class="fa fa-bullhorn" aria-hidden="true"></i> | ||
| Social media | ||
| </h2> | ||
| <ul> | ||
| <li><a href="https://github.com/Pablooca">Pablooca</a></li> | ||
| <li><a href="https://linkedin.com/in/pablo-oca">Pablo Oca Galeano</a></li> | ||
| </ul> | ||
| </section> | ||
|
|
||
| <section class="box"> | ||
| <div class="education"> | ||
| <h2> | ||
| <i class="fa fa-certificate" aria-hidden="true"></i> | ||
| Pablo de Olavide University | ||
| </h2> | ||
| <h3>Computer engineering in information systems</h3> | ||
| <ul> | ||
| <li>4 yeas</li> | ||
| </ul> | ||
| </div> | ||
| </section> | ||
|
|
||
| <section class="box"> | ||
| <h2> | ||
| <i class="fa fa-check" aria-hidden="true"></i> | ||
| Skills | ||
| </h2> | ||
| <ul> | ||
| <li>CSS</li> | ||
| <li>HTML</li> | ||
| <li>JavaScript</li> | ||
| <li>Git</li> | ||
| <li>Visual Studio Code</li> | ||
| <li>Python</li> | ||
| <li>Java</li> | ||
| <li>Odoo</li> | ||
| <li>Hibernate</li> | ||
| </ul> | ||
| </section> | ||
| </article> | ||
| <article class="box"> | ||
| <section class="box"> | ||
| <h2> | ||
| <i class="fa fa-briefcase" aria-hidden="true"></i> | ||
| Experience | ||
| </h2> | ||
| <h3>Microsoft Learn Student Ambassador</h3> | ||
| <ul> | ||
| <li>Public Speaking</li> | ||
| <li>Event Organizing</li> | ||
| </ul> | ||
| <h3>Free Software Association of the Pablo de Olavide University</h3> | ||
| <ul> | ||
| <li>Team Building</li> | ||
| <li>Team Organizing</li> | ||
| </ul> | ||
| </section> | ||
| <section class="box"> | ||
| <h2> | ||
| <i class="fa fa-cubes" aria-hidden="true"></i> | ||
| Projects | ||
| </h2> | ||
|
|
||
| <h3>2048 Game Algorithmn</h3> | ||
| <div>I made an algorithmn in order to play the 2048 game.</div> | ||
| <div>Technology Used:</div> | ||
| <ul> | ||
| <li>Java</li> | ||
| <li>Mongo DB Database</li> | ||
| </ul> | ||
| </section> | ||
| </article> | ||
|
|
||
| </head> | ||
| <body> | ||
| <noscript>You need to enable Javascript to run this application.</noscript> | ||
| <div id="app"> | ||
| <!-- Your react app will be rendered here --> | ||
| </div> | ||
| <script type="module" src="index.js"></script> | ||
| <img src="../__images__/Foto perfil.jpg"/> | ||
| </body> | ||
| </html> | ||
| </main> | ||
| </body> | ||
| </html> |
This file was deleted.
Oops, something went wrong.
This file contains 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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,14 +1,47 @@ | ||
| /** | ||
| * CSS file to hold styles that apply across the application | ||
| */ | ||
| body { | ||
| display: flex; | ||
| justify-content: center; | ||
| font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; | ||
| font-size: 18px; | ||
| margin: 1% 5%; | ||
| background-color:E6F7FF; | ||
| } | ||
|
|
||
| img { | ||
| width: 300px; /* Adjust the size as needed */ | ||
| height: 400px; /* Adjust the size as needed */ | ||
| margin-left: auto; /* Adjust the spacing as needed */ | ||
| margin-top: 50px; /* Adjust the spacing as needed */ | ||
| main { | ||
| display: grid; | ||
| grid-template-columns: 50% 50%; | ||
| } | ||
|
|
||
|
|
||
| .box { | ||
| box-shadow: .1em .1em .2em #80D4FF; | ||
| border-radius: .4em; | ||
| border-width: .01em; | ||
| border-style: solid; | ||
| margin-left: .4em; | ||
| padding: .0em .5em .1em .5em; | ||
| margin-bottom: .5em; | ||
| margin-top: .3em; | ||
| } | ||
|
|
||
| h1 { | ||
| color: navy; | ||
| margin: 0em; | ||
| display: block; | ||
| } | ||
|
|
||
| h2 { | ||
| color: navy; | ||
| font-size: 1.2em; | ||
| margin: 0em; | ||
| } | ||
|
|
||
| h3 { | ||
| color: navy; | ||
| font-size: 1em; | ||
| margin: 0em; | ||
| } | ||
|
|
||
| ul { | ||
| margin: 0em 0em .3em 0em; | ||
| list-style-type: square; | ||
| padding-left: 1.4em; | ||
| } |