Created
September 28, 2022 11:21
-
-
Save alperenersoy/b38cf43af51feefc826f41fb6acc9c0b to your computer and use it in GitHub Desktop.
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
| <!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>Alperen Ersoy's CV</title> | |
| <link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet"> | |
| <style> | |
| body { | |
| margin: 1cm; | |
| margin-top: 2cm; | |
| margin-bottom: 2cm; | |
| } | |
| </style> | |
| </head> | |
| <body class="flex justify-center content-center max-h-full"> | |
| <!-- outer container --> | |
| <div class="w-full"> | |
| <!-- header (profile) --> | |
| <header> | |
| <div class="flex justify-between items-center"> | |
| <div> | |
| <div class="bg-cover bg-no-repeat rounded-full h-52 w-52" | |
| style="background-image: url(https://alperenersoy.dev/alperen_ersoy.jpg)"> | |
| </div> | |
| </div> | |
| <div class="grid justify-items-end"> | |
| <h1 class="text-4xl font-extrabold">ALPEREN ERSOY</h1> | |
| <p class="text-xl mt-5">Web Developer</p> | |
| <p class="text-base mt-5 text-justify pl-6">Full Stack Web Developer who is mainly focused on | |
| backend technologies.<br>Deeply in love with PHP and Laravel.</p> | |
| </div> | |
| </div> | |
| </header> | |
| <!-- detailed info --> | |
| <main class="flex gap-x-10 mt-10"> | |
| <div class="w-2/6"> | |
| <!-- contact details --> | |
| <ul class="mt-2 mb-10"> | |
| <li class="mt-2"><strong class="mr-1">Phone </strong> | |
| <a href="tel:+905525550611" class="block">+90 552 555 06 11</a> | |
| </li> | |
| <li class="mt-2"><strong class="mr-1">E-mail </strong> | |
| <a href="mailto:ersoyalperen@gmail.com" class="block">ersoyalperen@gmail.com</a> | |
| </li> | |
| <li class="mt-2"><strong class="mr-1">Location</strong><span class="block">Çankaya, | |
| Ankara</span></li> | |
| <li class="mt-2"><strong class="mr-1">GitHub</strong><span class="block"> | |
| <a href="https://github.com/alperenersoy"> | |
| github.com/alperenersoy | |
| </a> | |
| </span></li> | |
| </ul> | |
| <strong class="text-xl font-medium">Programming Skills</strong> | |
| <ul class="mt-2 mb-10 flex gap-4"> | |
| <div class="left"> | |
| <li class="mt-1 flex items-center"><i | |
| class="rounded w-3 h-3 bg-gray-600 content inline-block mr-2"> </i>PHP</li> | |
| <li class="mt-1 flex items-center"><i | |
| class="rounded w-3 h-3 bg-gray-600 content inline-block mr-2"> </i>JavaScript</li> | |
| <li class="mt-1 flex items-center"><i | |
| class="rounded w-3 h-3 bg-gray-600 content inline-block mr-2"> </i>MySQL</li> | |
| <li class="mt-1 flex items-center"><i | |
| class="rounded w-3 h-3 bg-gray-600 content inline-block mr-2"> </i>Tailwind CSS | |
| </li> | |
| <li class="mt-1 flex items-center"><i | |
| class="rounded w-3 h-3 bg-gray-600 content inline-block mr-2"> </i>C#</li> | |
| </div> | |
| <div class="right"> | |
| <li class="mt-1 flex items-center"><i | |
| class="rounded w-3 h-3 bg-gray-600 content inline-block mr-2"> </i>Laravel</li> | |
| <li class="mt-1 flex items-center"><i | |
| class="rounded w-3 h-3 bg-gray-600 content inline-block mr-2"> </i>jQuery</li> | |
| <li class="mt-1 flex items-center"><i | |
| class="rounded w-3 h-3 bg-gray-600 content inline-block mr-2"> </i>HTML/CSS</li> | |
| <li class="mt-1 flex items-center"><i | |
| class="rounded w-3 h-3 bg-gray-600 content inline-block mr-2"> </i>Bootstrap</li> | |
| <li class="mt-1 flex items-center"><i | |
| class="rounded w-3 h-3 bg-gray-600 content inline-block mr-2"> </i>Python</li> | |
| </div> | |
| </ul> | |
| <strong class="text-xl font-medium">Other Computer Skills</strong> | |
| <ul class="mt-2 mb-10"> | |
| <li class="mt-1 flex items-center"><i | |
| class="rounded w-3 h-3 bg-gray-600 content inline-block mr-2"> </i>Adobe Photoshop</li> | |
| <li class="mt-1 flex items-center"><i | |
| class="rounded w-3 h-3 bg-gray-600 content inline-block mr-2"> </i>Adobe Premiere Pro | |
| </li> | |
| <li class="mt-1 flex items-center"><i | |
| class="rounded w-3 h-3 bg-gray-600 content inline-block mr-2"> </i>Pro Tools</li> | |
| <li class="mt-1 flex items-center"><i | |
| class="rounded w-3 h-3 bg-gray-600 content inline-block mr-2"> </i>Cubase</li> | |
| <li class="mt-1 flex items-center"><i | |
| class="rounded w-3 h-3 bg-gray-600 content inline-block mr-2"> </i>FL Studio</li> | |
| </ul> | |
| <strong class="text-xl font-medium">Language Skills</strong> | |
| <ul class="mt-2 mb-10"> | |
| <li class="mt-1 flex items-center"><i | |
| class="rounded w-3 h-3 bg-gray-600 content inline-block mr-2"> </i>English <span | |
| class="text-xs">(Professional Work Proficiency)</span></li> | |
| <li class="mt-1 flex items-center"><i | |
| class="rounded w-3 h-3 bg-gray-600 content inline-block mr-2"> </i>French <span | |
| class="text-xs">(Elementary | |
| Proficiency)</span></li> | |
| </ul> | |
| <strong class="text-xl font-medium">Interests & Hobbies</strong> | |
| <ul class="mt-2"> | |
| <li class="mt-1 flex items-center"><i | |
| class="rounded w-3 h-3 bg-gray-600 content inline-block mr-2"> </i>Electronics</li> | |
| <li class="mt-1 flex items-center"><i | |
| class="rounded w-3 h-3 bg-gray-600 content inline-block mr-2"> </i>Sound and Music | |
| Production</li> | |
| </ul> | |
| </div> | |
| <!-- info --> | |
| <div class="w-4/6"> | |
| <section> | |
| <!-- about me --> | |
| <h2 class="text-2xl pb-1 border-b font-semibold">About</h2> | |
| <p class="mt-4 text-base text-justify"> | |
| I'm a self-taught developer who is experienced in web technologies. My journey started when I | |
| attended a course | |
| for Flash and Web Design as a 12 years old kid. And then I took another course in the year 2013 | |
| in C# language. Since then I have been constantly learning and developing my programming | |
| skills. I built lots of websites and developed applications for various platforms including | |
| web, desktop, mobile and embedded systems. | |
| </p> | |
| </section> | |
| <section> | |
| <!-- work experiences --> | |
| <h2 class="text-2xl mt-10 pb-1 border-b font-semibold">Work Experience</h2> | |
| <ul class="mt-2"> | |
| <li class="pt-2"> | |
| <p class="flex justify-between text-base"><strong | |
| class="text-base">Freelance</strong>2022-Present</p> | |
| <p class="flex justify-between text-sn text-italic">Full Stack Web Developer</p> | |
| <p class="flex justify-between mt-4"> | |
| <span class="bg-gray-600 text-white px-2 py-1 text-xs rounded">PHP</span> | |
| <span class="bg-gray-600 text-white px-2 py-1 text-xs rounded">Laravel</span> | |
| <span class="bg-gray-600 text-white px-2 py-1 text-xs rounded">Slim Framework</span> | |
| <span class="bg-gray-600 text-white px-2 py-1 text-xs rounded">WordPress</span> | |
| <span class="bg-gray-600 text-white px-2 py-1 text-xs rounded">MySQL</span> | |
| <span class="bg-gray-600 text-white px-2 py-1 text-xs rounded">JavaScript</span> | |
| <span class="bg-gray-600 text-white px-2 py-1 text-xs rounded">HTML/CSS</span> | |
| </p> | |
| <p class="text-justify text-sm mt-4"> | |
| As a freelancer, I developed various websites and web applications from a corporate | |
| website for an architecture firm to an online payment system for a private jet charter | |
| company. | |
| </p> | |
| </li> | |
| <li class="pt-8"> | |
| <p class="flex justify-between text-base"><strong | |
| class="text-base">ShopAndFundMe</strong>2021-2022</p> | |
| <p class="flex justify-between text-sn text-italic">Full Stack Web Developer<small>Ontario, | |
| Canada</small></p> | |
| <p class="flex justify-between mt-4"> | |
| <span class="bg-gray-600 text-white px-2 py-1 text-xs rounded">PHP</span> | |
| <span class="bg-gray-600 text-white px-2 py-1 text-xs rounded">Laravel</span> | |
| <span class="bg-gray-600 text-white px-2 py-1 text-xs rounded">MySQL</span> | |
| <span class="bg-gray-600 text-white px-2 py-1 text-xs rounded">JavaScript</span> | |
| <span class="bg-gray-600 text-white px-2 py-1 text-xs rounded">jQuery</span> | |
| <span class="bg-gray-600 text-white px-2 py-1 text-xs rounded">HTML/CSS</span> | |
| </p> | |
| <p class="text-justify text-sm mt-4"> | |
| ShopAndFundMe is a social startup providing a digital ecosystem that brings businesses, | |
| fundraisers, and donors together with an integrated marketplace and a crowdfunding | |
| platform for social impact. I worked for the company remotely and took an active part at | |
| planning and designing interfaces and developing the web application stages. | |
| </p> | |
| </li> | |
| </ul> | |
| </section> | |
| <section> | |
| <!-- education --> | |
| <h2 class="text-2xl mt-10 pb-1 border-b font-semibold">Education</h2> | |
| <ul class="mt-2"> | |
| <li class="pt-2"> | |
| <p class="flex justify-between"><strong class="text-base"> | |
| Hacettepe University | |
| </strong>2022-2024</p> | |
| <p class="flex justify-between">Information Systems<small>Master's Degree</small> | |
| </p> | |
| </li> | |
| <li class="pt-2 mt-4"> | |
| <p class="flex justify-between"><strong class="text-base"> | |
| Hacettepe University | |
| </strong>2016-2020</p> | |
| <p class="flex justify-between">Psychology<small>Bachelor's Degree</small></p> | |
| </li> | |
| </ul> | |
| </section> | |
| </div> | |
| </main> | |
| </div> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment