Hi!, I'm ArchitK25!
Published: 2021-01-09 05:50:19

I've made something for you all to know me! soooo

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><link rel="apple-touch-icon" type="image/png" href="https://cpwebassets.codepen.io/assets/favicon/apple-touch-icon-5ae1a0698dcc2402e9712f7d01ed509a57814f994c660df9f7a952f3060705ee.png" /><meta name="apple-mobile-web-app-title" content="CodePen"><link rel="shortcut icon" type="image/x-icon" href="https://cpwebassets.codepen.io/assets/favicon/favicon-aec34940fbc1a6e787974dcd360f2c6b63348d4b1f4e06c77743096d55480f33.ico" /><link rel="mask-icon" type="" href="https://cpwebassets.codepen.io/assets/favicon/logo-pin-8f3771b1072e3c38bd662872f6b673a722f4b3ca2421637d5596661b4e2132cc.svg" color="#111" /><meta charset="utf-8"><meta name='viewport' content='width=device-width, initial-scale=1'><link rel="stylesheet" media="screen" href="https://cpwebassets.codepen.io/assets/fullpage/fullpage-4de243a40619a967c0bf13b95e1ac6f8de89d943b7fc8710de33f681fe287604.css" /><link href="https://fonts.googleapis.com/css?family=Lato:300,400,400italic,700,700italic,900,900italic&display=swap" rel="stylesheet" /><link rel="apple-touch-icon" type="image/png" href="https://cpwebassets.codepen.io/assets/favicon/apple-touch-icon-5ae1a0698dcc2402e9712f7d01ed509a57814f994c660df9f7a952f3060705ee.png" /><meta name="apple-mobile-web-app-title" content="CodePen"><link rel="shortcut icon" type="image/x-icon" href="https://cpwebassets.codepen.io/assets/favicon/favicon-aec34940fbc1a6e787974dcd360f2c6b63348d4b1f4e06c77743096d55480f33.ico" /><link rel="mask-icon" type="" href="https://cpwebassets.codepen.io/assets/favicon/logo-pin-8f3771b1072e3c38bd662872f6b673a722f4b3ca2421637d5596661b4e2132cc.svg" color="#111" /><style>html{font-size:15px}html,body{margin:0;padding:0;min-height:100%}body{height:100%;display:flex;flex-direction:column}.referer-warning{background:black;box-shadow:0 2px 5px rgba(0,0,0, 0.5);padding:0.75em;color:white;text-align:center;font-family:'Lato','Lucida Grande','Lucida Sans Unicode',Tahoma,Sans-Serif;line-height:1.2;font-size:1rem;position:relative;z-index:2}.referer-warning h1{font-size:1.2rem;margin:0}.referer-warning a{color:#56bcf9}</style></head><body class=""><div id="result-iframe-wrap" role="main"><iframe id="result" srcdoc=" <!DOCTYPE html><html lang=&quot;en&quot; ><head><meta charset=&quot;UTF-8&quot;><link rel=&quot;apple-touch-icon&quot; type=&quot;image/png&quot; href=&quot;https://cpwebassets.codepen.io/assets/favicon/apple-touch-icon-5ae1a0698dcc2402e9712f7d01ed509a57814f994c660df9f7a952f3060705ee.png&quot; /><meta name=&quot;apple-mobile-web-app-title&quot; content=&quot;CodePen&quot;><link rel=&quot;shortcut icon&quot; type=&quot;image/x-icon&quot; href=&quot;https://cpwebassets.codepen.io/assets/favicon/favicon-aec34940fbc1a6e787974dcd360f2c6b63348d4b1f4e06c77743096d55480f33.ico&quot; /><link rel=&quot;mask-icon&quot; type=&quot;&quot; href=&quot;https://cpwebassets.codepen.io/assets/favicon/logo-pin-8f3771b1072e3c38bd662872f6b673a722f4b3ca2421637d5596661b4e2132cc.svg&quot; color=&quot;#111&quot; /><link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css'><style>:root{--gray:#808080;--gray-medium:#c1bfbf;--gray-light:#d3d3d3;--paper-color:#eff8fe}body{background:#fec0ca;padding-top:30px;display:flex;flex-direction:column;align-items:center;font-family:Courier New,sans-serif}h1{font-size:1.2rem}.paper{position:relative;padding:10px;width:12rem;min-height:120px;background:linear-gradient( 135deg, var(--paper-color), 85%, var(--gray-light) );box-shadow:1px 0 1px var(--gray);text-align:center}.paper::before{content: &quot;&quot;;position:absolute;left:5px;top:5px;width:10px;height:10px;border-radius:50%;background:var(--gray)}.paper::after{content: &quot;&quot;;position:absolute;right:5px;top:5px;width:10px;height:10px;border-radius:50%;background:var(--gray)}.numbers{display:flex;min-height:11rem;list-style:none;padding:0;margin:0}.number{position:relative;width:100%;background:linear-gradient( to right, var(--paper-color), 80%, var(--gray-light) );border-top:1px dashed var(--gray);box-shadow:1px 1px 1px var(--gray);transform-origin:center top}.link-wrapper{position:absolute;display:flex;top:0;transform:rotate(90deg);transform-origin:top left;font-size:0.9rem;margin-left:1.7rem;margin-top:1rem;align-items:center}.link-wrapper i{margin-right:5px;font-size:1.1rem}.link-wrapper a{-webkit-text-decoration-style:dashed;text-decoration-style:dashed;font-family:sans-serif}.number:nth-child(2){transform:skew(-5deg,0deg);background:var(--paper-color)}.number:nth-child(2)::after,.number:nth-child(4)::after{content: &quot;&quot;;pointer-events:none;position:absolute;width:100%;height:100%;background:linear-gradient( to bottom, var(--gray-light), 5%, rgba(211, 211, 211, 0) )}.number:nth-child(1),.number:nth-child(3){background:linear-gradient( to right, var(--paper-color), 60%, var(--gray-light) )}.number:nth-child(4){transform:skew(-8deg,0deg);background:var(--paper-color)}.number:nth-child(5){transform:skew(-3deg, 0deg)}</style> <script>window.console=window.console||function(t){};</script> <script>if(document.location.search.match(/type=embed/gi)){window.parent.postMessage(&quot;resize&quot;,&quot;*&quot;);}</script> </head><body translate=&quot;no&quot; ><div class=&quot;container&quot;><div class=&quot;paper&quot;><h1>contact me</h1><p>I look forward to hearing from you!</p></div><ul class=&quot;numbers&quot; role=&quot;list&quot;><li class=&quot;number&quot; role=&quot;listitem&quot;><div class=&quot;link-wrapper&quot;> <i class=&quot;fab fa-dev&quot; aria-hidden=&quot;true&quot;></i> <a href=&quot;https://dev.to/architk25&quot; aria-label=&quot;DEV profile&quot;>@architk25</a></div></li><li class=&quot;number&quot; role=&quot;listitem&quot;><div class=&quot;link-wrapper&quot;> <i class=&quot;fab fa-facebook&quot; aria-hidden=&quot;true&quot;></i> <a href=&quot;https://www.facebook.com/architkrp/&quot; aria-label=&quot;Facebook profile&quot;>@architkrp</a></div></li><li class=&quot;number&quot; role=&quot;listitem&quot;><div class=&quot;link-wrapper&quot;> <i class=&quot;fab fa-github&quot; aria-hidden=&quot;true&quot;></i> <a href=&quot;https://github.com/Architk25&quot; aria-label=&quot;GitHub profile&quot;>@archit25</a></div></li><li class=&quot;number&quot; role=&quot;listitem&quot;><div class=&quot;link-wrapper&quot;> <i class=&quot;fab fa-codepen&quot; aria-hidden=&quot;true&quot;></i> <a href=&quot;https://codepen.io/architk25&quot; aria-label=&quot;CodePen profile&quot;>@archit25</a></div></li></ul></div></body></html> " sandbox="allow-downloads allow-forms allow-modals allow-pointer-lock allow-popups allow-presentation allow-scripts allow-top-navigation-by-user-activation" allow="accelerometer; ambient-light-sensor; camera; encrypted-media; geolocation; gyroscope; microphone; midi; payment; vr" allowTransparency="true" allowpaymentrequest="true" allowfullscreen="true" class="result-iframe"> </iframe></div></body></html>