-
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
1 parent
ab633be
commit b844f90
Showing
4 changed files
with
657 additions
and
646 deletions.
There are no files selected for viewing
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 |
|---|---|---|
| @@ -0,0 +1,328 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en-US"> | ||
| <head> | ||
| <meta charset="utf-8" /> | ||
| <title>Marcelo Marchezini | CV</title> | ||
| <!-- meta stuff --> | ||
| <meta name="theme-color" content="#1f1f1f" /> | ||
| <meta name="description" content="Marcelo Marchezini's CV" /> | ||
| <meta name="author" content="Marcelo Marchezini" /> | ||
| <meta | ||
| name="viewport" | ||
| content="width=device-width, initial-scale=1, shrink-to-fit=no" | ||
| /> | ||
| <link rel="icon" href="#" /> | ||
| <!--custom stylesheet--> | ||
| <link | ||
| rel="stylesheet" | ||
| type="text/css" | ||
| href="css/main.css" | ||
| charset="utf-8" | ||
| /> | ||
| <link | ||
| rel="stylesheet" | ||
| type="text/css" | ||
| href="css/darktheme.css" | ||
| charset="utf-8" | ||
| /> | ||
| <link | ||
| rel="stylesheet" | ||
| type="text/css" | ||
| href="css/navbar.css" | ||
| charset="utf-8" | ||
| /> | ||
| <link | ||
| rel="stylesheet" | ||
| type="text/css" | ||
| href="css/navbar-event.css" | ||
| charset="utf-8" | ||
| /> | ||
| <link | ||
| rel="stylesheet" | ||
| type="text/css" | ||
| href="css/responsive.css" | ||
| charset="utf-8" | ||
| /> | ||
| <!--font awesome--> | ||
| <link | ||
| rel="stylesheet" | ||
| href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" | ||
| /> | ||
| <script | ||
| src="https://kit.fontawesome.com/d452a34084.js" | ||
| crossorigin="anonymous" | ||
| ></script> | ||
| <!--devicon fonts--> | ||
| <link | ||
| rel="stylesheet" | ||
| href="https://cdn.jsdelivr.net/gh/devicons/devicon@master/devicon.min.css" | ||
| /> | ||
| </head> | ||
|
|
||
| <body> | ||
| <!--navbar main--> | ||
| <div id="nav-background-ext" class="nav-background-ext fixed"></div> | ||
| <div id="nav" class="nav bg-prim"> | ||
| <i | ||
| id="nav-button-retract" | ||
| class="fa fa-chevron-circle-left nav-main-button fs-40 bg-prim round grey hv-purple hv-pointer" | ||
| onclick="navRetract()" | ||
| ></i> | ||
| <i | ||
| id="nav-button-expand" | ||
| class="fa fa-chevron-circle-right nav-main-button fs-40 bg-prim round grey hv-purple hv-pointer hidden" | ||
| onclick="navExpand()" | ||
| ></i> | ||
| <a href="#sec-about" class="nav-pres"> | ||
| <span id="nav-pres" class="white nav-pres-txt">Marcelo Marchezini</span> | ||
| <span | ||
| ><img | ||
| src="imgs/navbar/photo.png" | ||
| alt="photo" | ||
| id="photo" | ||
| class="photo" | ||
| title="alfafa" | ||
| /></span> | ||
| </a> | ||
| <span class="nav-button-span" | ||
| ><i | ||
| id="nav-button1-retract" | ||
| class="fa fa-chevron-circle-up nav-main-button1 fs-40 bg-prim round grey hv-purple hv-pointer" | ||
| onclick="navRetract()" | ||
| ></i | ||
| ></span> | ||
| <span class="nav-button-span" | ||
| ><i | ||
| id="nav-button1-expand" | ||
| class="fa fa-chevron-circle-down nav-main-button1 fs-40 bg-prim round grey hv-purple hv-pointer hidden" | ||
| onclick="navExpand()" | ||
| ></i | ||
| ></span> | ||
| <!--navigation buttons--> | ||
| <div class="nav-btns"> | ||
| <div | ||
| class="nav-i hv-grey" | ||
| onmouseover="hvPurple1()" | ||
| onmouseout="grey1()" | ||
| > | ||
| <a href="#sec-about" | ||
| ><span | ||
| ><i | ||
| id="nav-btn-1" | ||
| class="fas fa-id-card nav-i-icon grey icons" | ||
| ></i> | ||
| <i id="btnTxt1" class="btnTxt grey">About</i></span | ||
| ></a | ||
| > | ||
| </div> | ||
| <div | ||
| class="nav-i hv-grey" | ||
| onmouseover="hvPurple2()" | ||
| onmouseout="grey2()" | ||
| > | ||
| <a href="#sec-skills" | ||
| ><span | ||
| ><i id="nav-btn-2" class="fas fa-book nav-i-icon grey icons"></i> | ||
| <i id="btnTxt2" class="btnTxt grey">Skills</i></span | ||
| ></a | ||
| > | ||
| </div> | ||
| <div | ||
| class="nav-i hv-grey" | ||
| onmouseover="hvPurple3()" | ||
| onmouseout="grey3()" | ||
| > | ||
| <a href="#sec-schooling" | ||
| ><span | ||
| ><i | ||
| id="nav-btn-3" | ||
| class="fas fa-school nav-i-icon grey icons" | ||
| title="Diselxia: Fleunte" | ||
| ></i> | ||
| <i id="btnTxt3" class="btnTxt grey">Schooling</i></span | ||
| ></a | ||
| > | ||
| </div> | ||
| <div | ||
| class="nav-i hv-grey" | ||
| onmouseover="hvPurple4()" | ||
| onmouseout="grey4()" | ||
| > | ||
| <a href="#sec-experience" | ||
| ><span | ||
| ><i | ||
| id="nav-btn-4" | ||
| class="fas fa-briefcase nav-i-icon grey icons" | ||
| ></i> | ||
| <i id="btnTxt4" class="btnTxt grey">Experience</i></span | ||
| ></a | ||
| > | ||
| </div> | ||
| <div | ||
| class="nav-i hv-grey" | ||
| onmouseover="hvPurple5()" | ||
| onmouseout="grey5()" | ||
| > | ||
| <a href="#sec-interest" | ||
| ><span | ||
| ><i id="nav-btn-5" class="fas fa-heart nav-i-icon grey icons"></i> | ||
| <i id="btnTxt5" class="btnTxt grey">Interests</i></span | ||
| ></a | ||
| > | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <!--main--> | ||
| <div class="container-fluid mainPage-pad" id="mainPage"> | ||
| <section class="section p-lg-5 d-flex align-center" id="sec-about"> | ||
| <div class="title grey"> | ||
| <h1 class="white">Marcelo <span class="purple">Marchezini</span></h1> | ||
| <p class="hforty">Full Stack | IT</p> | ||
| <p>São Paulo | SP | Brasil</p> | ||
| <br /><br /> | ||
| <h5 class="purple"> | ||
| Cel: <span class="white">+55 11 94524-5977</span> | ||
| </h5> | ||
| <h5 class="purple"> | ||
| Email: <span class="white">tchetchelo01@gmail.com</span> | ||
| </h5> | ||
| </div> | ||
| </section> | ||
| <hr class="m-0 line" /> | ||
| <section class="section p-lg-5 d-flex align-center" id="sec-skills"> | ||
| <div class="title grey"> | ||
| <h3 class="white">Skills</h3> | ||
| <p class="purple">Mainly use:</p> | ||
| <ul class="grey"> | ||
| <i class="devicon-javascript-plain" title="JavaScript"></i> | ||
| <i class="devicon-html5-plain" title="HTML5"></i> | ||
| <i class="devicon-css3-plain" title="CSS3"></i> | ||
| <i class="devicon-photoshop-plain" title="PhotoShop"></i> | ||
| </ul> | ||
| <p class="purple">Mastered/Mastery with:</p> | ||
| <ul class="grey"> | ||
| <i class="devicon-codepen-plain" title="CodePen"></i> | ||
| <i class="devicon-bootstrap-plain" title="Booststrap"></i> | ||
| <i class="devicon-mysql-plain" title="MySql"></i> | ||
| <i class="devicon-python-plain" title="Python"></i> | ||
| <i class="devicon-javascript-plain" title="JavaScript"></i> | ||
| <i class="devicon-github-plain" title="GitHub"></i> | ||
| <i class="devicon-git-plain" title="Git"></i> | ||
| <i class="fas fa-terminal" title="Bash"></i> | ||
| </ul> | ||
| <p class="purple">Learning:</p> | ||
| <ul class="grey"> | ||
| <i class="devicon-csharp-plain" title="C Sharp"></i> | ||
| <i class="devicon-cplusplus-plain" title="C Plus Plus"></i> | ||
| <i class="devicon-java-plain" title="Java"></i> | ||
| </ul> | ||
| <br /> | ||
| <h3 class="white">Languages</h3> | ||
| <ul class="li-p purple"> | ||
| <li> | ||
| <p>Portuguese: <span class="grey">Native</span></p> | ||
| </li> | ||
| <li> | ||
| <p>English: <span class="grey">Fluent</span></p> | ||
| </li> | ||
| <li> | ||
| <p>Spanish: <span class="grey">Basic</span></p> | ||
| </li> | ||
| <li> | ||
| <p>Japanese: <span class="grey">Basic</span></p> | ||
| </li> | ||
| </ul> | ||
| </div> | ||
| </section> | ||
| <!-- <hr class="m-0 line"> <section class="section p-lg-5 d-flex align-center" id="sec-cards"> <div class="cards grey"> <div class="item"> <img src="imgs/ex6.jpg" alt="ex1"> <h2 class="purple">Exemple 1</h2> <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.</p> </div> <div class="item"> <img src="imgs/ex3.jpg" alt="ex2"> <h2 class="purple">Exemple 2</h2> <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.</p> </div> <div class="item"> <img src="imgs/ex5.jpg" alt="ex3"> <h2 class="purple">Exemple 3</h2> <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.</p> </div> </div> </section> --> | ||
| <hr class="m-0 line" /> | ||
| <section class="section p-lg-5 d-flex align-center" id="sec-schooling"> | ||
| <div class="title grey"> | ||
| <h3 class="white">Schooling</h3> | ||
| <p class="purple">Colégio Monte Virgem</p> | ||
| <p class="white"> | ||
| Elementary School: | ||
| <span class="grey">Complete (feb 2008 - dec 2017)</span> | ||
| </p> | ||
| <br /> | ||
| <p class="purple">EE Dom João Maria Ogno Osb</p> | ||
| <p class="white"> | ||
| High School: | ||
| <span class="grey">Complete (feb 2018 - dec 2020)</span> | ||
| </p> | ||
| <br /> | ||
| <p class="purple">Yazigi</p> | ||
| <p class="white"> | ||
| Advanced english: | ||
| <span class="grey">Attending (aug 2019 - oct 2021)</span> | ||
| </p> | ||
| <br /> | ||
| <p class="purple">Serviço Nacional de Aprendizagem Comercial SENAC</p> | ||
| <p class="white"> | ||
| Computer technician course: | ||
| <span class="grey">Complete (jan 2018 - oct 2020)</span> | ||
| </p> | ||
| <br /> | ||
| </div> | ||
| </section> | ||
| <hr class="m-0 line" /> | ||
| <section class="section p-lg-5 d-flex align-center" id="sec-experience"> | ||
| <div class="title white"> | ||
| <h3>Professional experience</h3> | ||
| <div class="grid-container"> | ||
| <div class="shrug"><i class="purple">¯\_(ツ)_/¯</i></div> | ||
| <div class="txt-404"> | ||
| <h1 class="grey">404</h1> | ||
| </div> | ||
| <div class="txt404"> | ||
| <p class="grey">This section is empty. Help me expand it!</p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </section> | ||
| <hr class="m-0 line" /> | ||
| <section class="section p-lg-5 d-flex align-center" id="sec-interest"> | ||
| <div class="title white"> | ||
| <h3 class="white">Interests</h3> | ||
| <ul> | ||
| <li> | ||
| <p class="purple interest-1">Traveling</p> | ||
| </li> | ||
| <li> | ||
| <p class="purple interest-1">Biking</p> | ||
| </li> | ||
| <li> | ||
| <p class="purple interest-1">ESports</p> | ||
| </li> | ||
| </ul> | ||
| </div> | ||
| </section> | ||
| <section> | ||
| <div id="footer" class="footer"> | ||
| <a class="grey" href="MARCELOMARCHEZINICVENUS.pdf" download | ||
| ><i class="fas fa-download" | ||
| ><span class="us-en">Download</span></i | ||
| ></a | ||
| > | ||
| <a class="grey" href="index.html" | ||
| ><i class="fas fa-globe-americas"> | ||
| <spam class="us-en">br-pt</spam> | ||
| </i></a | ||
| > | ||
| </div> | ||
| </section> | ||
| </div> | ||
| <script src="scripts/navHover-Un/navHover1.js"></script> | ||
| <script src="scripts/navHover-Un/navUn1.js"></script> | ||
| <script src="scripts/navHover-Un/navHover2.js"></script> | ||
| <script src="scripts/navHover-Un/navUn2.js"></script> | ||
| <script src="scripts/navHover-Un/navHover3.js"></script> | ||
| <script src="scripts/navHover-Un/navUn3.js"></script> | ||
| <script src="scripts/navHover-Un/navHover4.js"></script> | ||
| <script src="scripts/navHover-Un/navUn4.js"></script> | ||
| <script src="scripts/navHover-Un/navHover5.js"></script> | ||
| <script src="scripts/navHover-Un/navUn5.js"></script> | ||
| <script src="scripts/navRetract.js"></script> | ||
| <script src="scripts/navExpand.js"></script> | ||
| </body> | ||
| </html> |
Oops, something went wrong.