-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
1 lines (1 loc) · 7.13 KB
/
index.html
1
<!DOCTYPE html><html lang="en" dir="ltr"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><title> Njarasoa Rakotozafy's portfolio.</title><meta name="description" content=""><meta property="og:site_name" content=""><meta property="og:url" content=""><meta property="og:title" content=""><meta property="og:description" content=""><meta property="og:image" content=""><meta property="og:type" content="website"><link rel="icon" type="image/ico" href="../../images/favicon.ico"><!-- link(rel='stylesheet', href='/styles/global.min.css')--><link href="/app.e5b7e08c.css" rel="stylesheet"></head><body><div class="parallax-1" id="home"></div><main><header><div class="logo"><p>raknjarasoa</p></div><nav class="menu"><a class="menu__item" href="#home">Home</a><a class="menu__item" href="#about">About</a><a class="menu__item" href="#portfolio">Portfolio</a><a class="menu__item" href="#contact">Contact</a><span class="menu__slider"></span></nav><div class="hamburger js-hamburger"><div class="hamburger__wrapper"><div class="hamburger__inner"></div></div></div></header><section id="home"><div class="lifestyle">I<span><i class="fa fa-heart pulse"></i></span><div class="flip"><div class="lifestyle__item"><p class="lifestyle__text">Freecodecamp</p></div><div class="lifestyle__item"><p class="lifestyle__text">Front-End</p></div><div class="lifestyle__item"><p class="lifestyle__text">Javascript </p></div></div></div></section><section id="about"><div class="about"><strong>I'm</strong><p class="about__me">Telecom engineering && Full stack developer</p><p class="about__info">from Madagascar living in Mauritius, where I work as a Experimented Front End Developer. With a background in back-end development, my strength lies in webapp and website.</p></div></section><section id="portfolio"><div class="parallax-2"><h2>Portfolio</h2><p>Tell me more about your project</p></div><div class="portfolio__grid"><a class="portfolio__item" href="https://codepen.io/raknjarasoa/pen/BmMddZ" target="_blank" rel="noopener noreferrer"><div class="portfolio__info"><h3>Weather</h3><p>Es6 | pug | foundation 6 | scss</p></div><div class="portfolio__thumbnail"><!-- images/postit.jpg--><img src="https://firebasestorage.googleapis.com/v0/b/ocr-webapp.appspot.com/o/images%2Fweather.PNG?alt=media&token=5d018a8f-984c-4ebc-ac9b-4bc5118855e4" alt="Weather"></div></a><a class="portfolio__item" href="https://codepen.io/raknjarasoa/pen/gXqwqG" target="_blank" rel="noopener noreferrer"><div class="portfolio__info"><h3>Quote machine</h3><p>Es6 | pug | scss</p></div><div class="portfolio__thumbnail"><img src="https://firebasestorage.googleapis.com/v0/b/ocr-webapp.appspot.com/o/images%2Fquot.PNG?alt=media&token=221181f5-39d5-43f3-99b5-e2b2e7d27ed5" alt="Quot"></div></a><a class="portfolio__item" href="https://codepen.io/raknjarasoa/pen/NwQEQE" target="_blank" rel="noopener noreferrer"><div class="portfolio__info"><h3>Calculator</h3><p>ExtJs 6 | scss</p></div><div class="portfolio__thumbnail"><img src="https://firebasestorage.googleapis.com/v0/b/ocr-webapp.appspot.com/o/images%2Fcalc.PNG?alt=media&token=80a0e4f1-52fd-4afb-828b-7ebb124ac56b" alt="Calculator"></div></a><a class="portfolio__item" href="https://codepen.io/raknjarasoa/pen/gXyRzq" target="_blank" rel="noopener noreferrer"><div class="portfolio__info"><h3>Twitchtv JSON API</h3><p>AngularJs | scss | html 5</p></div><div class="portfolio__thumbnail"><img src="https://firebasestorage.googleapis.com/v0/b/ocr-webapp.appspot.com/o/images%2Ftwitch.PNG?alt=media&token=95e2cc23-42cb-4589-a5c7-cef68c6b2e2f" alt="Twhitch"></div></a><a class="portfolio__item" href="https://codepen.io/raknjarasoa/pen/NXrjPb" target="_blank" rel="noopener noreferrer"><div class="portfolio__info"><h3>Tic Tac Toe Game</h3><p>Es6 | pug | scss</p></div><div class="portfolio__thumbnail"><img src="https://firebasestorage.googleapis.com/v0/b/ocr-webapp.appspot.com/o/images%2Ftoe.PNG?alt=media&token=d1b31d6e-5ca8-41e5-8c16-b198634f485d" alt="Tic tac toe"></div></a><a class="portfolio__item" href="https://codepen.io/raknjarasoa/pen/BYadXK" target="_blank" rel="noopener noreferrer"><div class="portfolio__info"><h3>Simon Game</h3><p>Es6 | pug | scss</p></div><div class="portfolio__thumbnail"><img src="https://firebasestorage.googleapis.com/v0/b/ocr-webapp.appspot.com/o/images%2Fsimon.PNG?alt=media&token=c4cc39fc-96c1-41d4-828e-358069632670" alt="Simon game"></div></a><a class="portfolio__item" href="https://codepen.io/raknjarasoa/pen/mqNomR" target="_blank" rel="noopener noreferrer"><div class="portfolio__info"><h3>Pomodoro</h3><p>Es6 | pug | scss</p></div><div class="portfolio__thumbnail"><img src="https://firebasestorage.googleapis.com/v0/b/ocr-webapp.appspot.com/o/images%2Fpomodoro.PNG?alt=media&token=0566e079-6089-420c-a1ca-f19aef9d45a8" alt="Pomodoro"></div></a><a class="portfolio__item" href="https://codepen.io/raknjarasoa/pen/OOdBmE" target="_blank" rel="noopener noreferrer"><div class="portfolio__info"><h3>Wikipédia viewer</h3><p>React | Es6 | scss</p></div><div class="portfolio__thumbnail"><img src="https://firebasestorage.googleapis.com/v0/b/ocr-webapp.appspot.com/o/images%2Fwiki.PNG?alt=media&token=c81798f0-094a-4c29-8030-4c721de07eff" alt="Wiki"></div></a><a class="portfolio__item" href="https://codepen.io/raknjarasoa/pen/pRrQWd" target="_blank" rel="noopener noreferrer"><div class="portfolio__info"><h3>Tribute page</h3><p>Pug | scss</p></div><div class="portfolio__thumbnail"><img src="https://firebasestorage.googleapis.com/v0/b/ocr-webapp.appspot.com/o/images%2Fjjr.PNG?alt=media&token=89c534a4-d9ea-484d-9447-a3556db019bf" alt="JJ Rabearivelo"></div></a></div></section><section id="contact"><div class="parallax-3"> <h2>Let’s Work Together</h2><p>Tell me more about your project</p></div><div class="contact__wrapper"><form action="/" method="post"><p><input type="text" name="name" placeholder="NAME"></p><p><input type="email" name="email" placeholder="EMAIL"></p><p><input type="tel" name="tel" placeholder="PHONE"></p><p><input type="submit" value="Let's talk"></p></form></div></section><footer><div class="footer__logo"><div class="logo"><p>raknjarasoa </p></div></div><p class="copyright">© 2018 Made with love <i class="fa fa-heart pulse"></i><span> by </span><a href="https://www.freecodecamp.org/raknjarasoa"><strong>raknjarasoa</strong></a><span> | All Rights Reserved </span></p><div class="social-icon"><a href="https://www.facebook.com/raknjarasoa" target="_blank" rel="noopener noreferrer"><i class="fa fa-4x fa-facebook-square" aria-hidden="true"></i></a><a href="https://www.linkedin.com/in/raknjarasoa/" target="_blank" rel="noopener noreferrer"><i class="fa fa-4x fa-linkedin-square" aria-hidden="true"></i></a><a href="https://github.com/raknjarasoa" target="_blank" rel="noopener noreferrer"><i class="fa fa-4x fa-github-square" aria-hidden="true"></i></a><a href="https://www.freecodecamp.org/raknjarasoa" target="_blank" rel="noopener noreferrer"><i class="fa fa-4x fa-free-code-camp" aria-hidden="true"></i></a></div></footer></main><script type="text/javascript" src="/app.09b1a9ac1911199fdd5f.js"></script><script type="text/javascript" src="/index.442111f35592d868211c.js"></script></body></html>