my-portfolio/dist/index.html

2 lines
9.5 KiB
HTML
Raw Permalink Normal View History

<!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Rohit Pai - Portfolio</title><link rel="stylesheet" href="css/main.css"><script src="https://kit.fontawesome.com/ed3c25598e.js" crossorigin="anonymous"></script></head><body><nav><input type="checkbox" id="nav-check"><h1><a href="/" class="link">rohit pai</a></h1><div class="nav-btn"><label for="nav-check"><span></span> <span></span> <span></span></label></div><ul><li><a href="#about" class="textShadow active link">about</a></li><li><a href="#curriculumVitae" class="textShadow link">cv</a></li><li><a href="#projects" class="textShadow link">projects</a></li><li><a href="#contact" class="textShadow link">contact</a></li><li><a href="/blog" class="textShadow link">blog</a></li></ul></nav><header><div><h1>full stack developer</h1><a href="#sayHello" class="btn btnPrimary boxShadowIn boxShadowOut">Contact Me</a> <a href="#about"><i class="fa-solid fa-chevron-down"></i></a></div></header><main><section id="about"><h1>about</h1><div><p>Hi, I'm Rohit, a Full Stack Developer at Cadonix with experience in multiple programming languages such as Java, C#, Python, HTML, CSS, JS, PHP. Bringing forth a motivated attitude and a variety of powerful skills. Very good at bringing a team together to get a project finished. Below are some of my projects that I have worked on.</p><a href="https://cloud.rohitpai.co.uk/index.php/s/e4LkFiE3wMK8x3C" class="btn btnOutline boxShadowIn boxShadowOut" download>Download CV</a></div></section><section id="curriculumVitae"><h1>curriculum vitae</h1><div class="cvGrid"><!-- https://codepen.io/keithwyland/pen/wqNqvy --><div><h2>Education</h2><div class="timeline" id="edu"></div></div><div><h2>Work</h2><div class="timeline" id="work"></div></div></div></section><section id="projects"><div class="mainProj" id="mainProj"></div><div class="otherProj" id="otherProj"><h1>other projects</h1><div></div><a href="projects.html" class="btn btnPrimary boxShadowIn boxShadowOut">View All</a></div></section><section id="contact"><div id="findMe"><h1>find me</h1><div class="findMeContainer"><div class="flexRow socialIcons"><div><a href="https://linkedin.com/in/rohitpai98"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm-2 16h-2v-6h2v6zm-1-6.891c-.607 0-1.1-.496-1.1-1.109 0-.612.492-1.109 1.1-1.109s1.1.497 1.1 1.109c0 .613-.493 1.109-1.1 1.109zm8 6.891h-1.998v-2.861c0-1.881-2.002-1.722-2.002 0v2.861h-2v-6h2v1.093c.872-1.616 4-1.736 4 1.548v3.359z"/></svg> </a><a href="https://github.com/rodude123"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm2.218 18.616c-.354.069-.468-.149-.468-.336v-1.921c0-.653-.229-1.079-.481-1.296 1.56-.173 3.198-.765 3.198-3.454 0-.765-.273-1.389-.721-1.879.072-.177.312-.889-.069-1.853 0 0-.587-.188-1.923.717-.561-.154-1.159-.231-1.754-.234-.595.003-1.193.08-1.753.235-1.337-.905-1.925-.717-1.925-.717-.379.964-.14 1.676-.067 1.852-.448.49-.722 1.114-.722 1.879 0 2.682 1.634 3.282 3.189 3.459-.2.175-.381.483-.444.936-.4.179-1.413.488-2.037-.582 0 0-.37-.672-1.073-.722 0 0-.683-.009-.048.426 0 0 .46.215.777 1.024 0 0 .405 1.25 2.353.826v1.303c0 .185-.113.402-.462.337-2.782-.925-4.788-3.549-4.788-6.641 0-3.867 3.135-7 7-7s7 3.133 7 7c0 3.091-2.003 5.715-4.782 6.641z"/></svg> </a><a href="https://instagram.com/rodude123/"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M14.829 6.302c-.738-.034-.96-.04-2.829-.04s-2.09.007-2.828.04c-1.899.087-2.783.986-2.87 2.87-.033.738-.041.959-.041 2.828s.008 2.09.041 2.829c.087 1.879.967 2.783 2.87 2.87.737.033.959.041 2.828.041 1.87 0 2.091-.007 2.829-.041 1.899-.086 2.782-.988 2.87-2.87.033-.738.04-.96.04-2.829s-.007-2.09-.04-2.828c-.088-1.883-.973-2.783-2.87-2.87zm-2.829 9.293c-1.985 0-3.595-1.609-3.595-3.595 0-1.985 1.61
jacket and checkered shirt" class="profile"></div></div><div id="sayHello"><h1>say hello</h1><form action="" id="contactForm" method="POST"><div class="flName"><div class="formControl"><label for="fName">First Name</label> <input type="text" name="fName" id="fName" placeholder="John" required></div><div class="formControl"><label for="lName">Last Name</label> <input type="text" name="lName" id="lName" placeholder="Doe" required></div></div><div class="formControl"><label for="email">Email</label> <input type="email" id="email" name="email" onchange="(this.value.length !== 0) ? this.classList.add('invalid') : this.classList.remove('invalid');" placeholder="john.doe@example.com" required></div><div class="formControl"><label for="subject">Subject</label> <input type="text" name="subject" id="subject" placeholder="Something very important..." required></div><div class="formControl"><label for="message">Message</label> <textarea name="message" id="message" cols="30" rows="10" placeholder="Heyyy!" required></textarea></div><div class="message hidden" id="contactError"><button class="close" type="button">&times;</button><div></div></div><input type="submit" class="btn btnPrimary boxShadowIn boxShadowOut" value="Say Hello"></form></div></section></main><footer class="flexRow"><div class="spacer"></div><p>&copy; <span id="year"></span> Rohit Pai all rights reserved</p><div class="button"><button id="goBackToTop"><i class="fa-solid fa-chevron-up"></i></button></div></footer><script src="js/index.js"></script><script src="js/typewriter.js"></script></body></html>