-
Notifications
You must be signed in to change notification settings - Fork 219
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #105 from theinhtike-san/theinhtikesan
🔥 build(profile): add thsan profile
- Loading branch information
Showing
1 changed file
with
95 additions
and
0 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,95 @@ | ||
| --- | ||
| name: Thein Htike San | ||
| description: A boy who is studying frontend an has a passion in codding. | ||
| image: "https://avatars.githubusercontent.com/u/136601649?v=4" | ||
| tags: | ||
| - HTML | ||
| - CSS | ||
| - Tailwind | ||
| - JavaScript | ||
| --- | ||
|
|
||
| <div className="w-full py-5 h-screen container mx-auto mb-20"> | ||
| <div className="rounded-full w-[100px] overflow-hidden mx-auto"> | ||
| <img src="https://avatars.githubusercontent.com/u/136601649?v=4" alt="" /> | ||
| </div> | ||
| <div className="text-center px-2 my-5"> | ||
| <span className="text-2xl text-white">Hi..!</span> | ||
| <h1 className="text-white text-center px-2 font-bold text-xl"> | ||
| I'm<span className="text-3xl text-yellow-400 animate-slideUp1"> | ||
| Thein Htike San</span> | ||
| </h1> | ||
| <span className="text-2xl tracking-wider text-slate-200">A frontend developer</span> | ||
| </div> | ||
|
|
||
| <div className="w-[500px] max-sm:w-[350px] mx-auto px-10 mt-10 "> | ||
| <h1 className="text-xl text-white font-bold mb-2">About Me</h1> | ||
| <span className="text-white">I'm currently learning frontend and looking for a job.</span> | ||
|
|
||
|
|
||
| <h1 className="text-xl text-white font-bold mt-8 mb-2">To Contact Me</h1> | ||
| <a className="inline-block mr-3" href="https://www.facebook.com/VincentSamGogh/" target="_blank"> | ||
| <img className="w-10" src="https://cdn.worldvectorlogo.com/logos/facebook-3-2.svg" alt=""/> | ||
| </a> | ||
| <a className="inline-block mr-3" href="https://github.com/theinhtike-san" target="_blank"> | ||
| <img className="w-10" src="https://cdn.worldvectorlogo.com/logos/github-icon-1.svg" alt=""/> | ||
| </a> | ||
|
|
||
| <a className="inline-block" href="mailto:[email protected]" target="_blank"> | ||
| <img className="w-10" src="https://cdn.worldvectorlogo.com/logos/official-gmail-icon-2020-.svg" alt=""/> | ||
| </a> | ||
| </div> | ||
|
|
||
| <div class="w-[500px] max-sm:w-[350px] mx-auto px-10 mt-8 "> | ||
| <h1 class="text-xl font-bold">Languages and Tools</h1> | ||
| <div | ||
| className="w-full grid grid-cols-3 max-sm:grid-cols-2 gap-3 justify-center my-5"> | ||
| <div | ||
| className="animate-fadein bg-primary drop-shadow-lg mx-auto aspect-square w-[120px] border-box border-black rounded-md text-center pt-2"> | ||
| <div className="w-full h-full flex flex-col justify-evenly items-center"> | ||
| <img className="mx-auto h-4/6 w-3/5" src="https://cdn.worldvectorlogo.com/logos/html-1.svg" alt="" /> | ||
| <span className="text-yellow-400 text-md font-bold ">HTML5</span> | ||
| </div> | ||
| </div> | ||
| <div | ||
| className="animate-fadein bg-primary drop-shadow-lg mx-auto aspect-square w-[120px] border-box border-black rounded-md text-center pt-2"> | ||
| <div className="w-full h-full flex flex-col justify-evenly items-center"> | ||
| <img className="mx-auto h-4/6 w-3/5 " src="https://cdn.worldvectorlogo.com/logos/css-3.svg" alt="" /> | ||
| <span className="text-yellow-400 text-md font-bold ">CSS3</span> | ||
| </div> | ||
| </div> | ||
| <div | ||
| className="animate-fadein bg-primary drop-shadow-lg mx-auto aspect-square w-[120px] border-box border-black rounded-md text-center pt-2"> | ||
| <div className="w-full h-full flex flex-col justify-evenly items-center justify-evenly"> | ||
| <img className="mx-auto h-4/6 w-3/5" src="https://cdn.worldvectorlogo.com/logos/tailwindcss.svg" | ||
| alt="" /> | ||
| <span className="text-yellow-400 text-md font-bold ">Tailwind</span> | ||
| </div> | ||
| </div> | ||
| <div | ||
| className="animate-fadein bg-primary drop-shadow-lg mx-auto aspect-square w-[120px] border-box border-black rounded-md text-center pt-2"> | ||
| <div className="w-full h-full flex flex-col justify-evenly items-center"> | ||
| <img className="mx-auto h-4/6 w-3/5" src="https://cdn.worldvectorlogo.com/logos/logo-javascript.svg" | ||
| alt="" /> | ||
| <span className="text-yellow-400 text-md font-bold ">Javascript</span> | ||
| </div> | ||
| </div> | ||
| <div | ||
| className="animate-fadein bg-primary drop-shadow-lg mx-auto aspect-square w-[120px] border-box border-black rounded-md text-center px-2"> | ||
| <div className="w-full h-full flex flex-col justify-evenly items-center"> | ||
| <img className="mx-auto h-4/6 w-3/5" src="https://cdn.worldvectorlogo.com/logos/react-2.svg" alt="" /> | ||
| <span className="text-yellow-400 text-md font-bold ">React</span> | ||
| </div> | ||
| </div> | ||
| <div | ||
| className="animate-fadein bg-primary drop-shadow-lg mx-auto aspect-square w-[120px] border-box border-black rounded-md text-center pt-2"> | ||
| <div className="w-full h-full flex flex-col justify-evenly items-center"> | ||
| <img className="mx-auto h-4/6 w-3/5" src="https://cdn.worldvectorlogo.com/logos/git-icon.svg" alt="" /> | ||
| <span className="text-yellow-400 text-md font-bold ">Git</span> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <p class="text-center">More languages and tools will be added soon ...</p> | ||
| </div> | ||
|
|
||
| </div> |