-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
1 lines (1 loc) · 5.24 KB
/
index.html
1
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="description" content="amiria703 personal light website."><meta property="og:title" content="amiria703"><meta property="og:type" content="website"><meta property="og:url" content="https://amiria703.vercel.app"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><title>amiria703</title><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Raleway&display=swap" rel="stylesheet"><style>html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}::-webkit-scrollbar{background:#000}::-webkit-scrollbar-thumb{background:#fff}html{scrollbar-color:#fff #000}*{user-select:none}body{font-family:Raleway,sans-serif;background:#ffdead}.text{margin:10rem;margin-bottom:0;font-size:2rem;width:70vw;position:relative}p{margin:0}.bigger-text{font-size:5rem}.smaller-text{font-size:1.5rem;margin-top:1rem}.some-right{padding:1rem}.part{transform:rotate(90deg);position:fixed;right:3rem;bottom:10rem;font-size:1.5rem;transform-origin:right;font-weight:700}.email{color:#000;text-decoration:none}.line{border-bottom:#000 solid;position:fixed;right:-20rem;bottom:.7rem;width:19rem}.left-part{left:-7rem;right:unset}.left-line{bottom:1.7rem}.icon{width:3rem;transform:rotate(-90deg);height:3rem;margin-left:.5rem}.flex{display:flex}@media screen and (max-width:1024px){.text{margin:7rem}}@media screen and (max-width:768px){.text{margin:4rem;font-size:1.5rem}.bigger-text{font-size:3.5rem}.smaller-text{font-size:1rem}.line{right:0;bottom:1.7rem}.left-line{left:0;bottom:5rem}.email{position:fixed;right:20rem;bottom:1rem}.part{transform:initial;position:initial}.icons{position:fixed;left:19.5rem;bottom:3.3rem}.icon{transform:initial}.bg{position:fixed;height:8rem;background:#ffdead;width:100%;bottom:0}}@media screen and (max-width:585px){.line{width:4rem}.icons{left:5rem}.email{right:5rem}}@media screen and (max-width:338px){.line{display:none}.icons{left:0}.email{right:.5rem}}@media screen and (max-width:280px){.text{margin:1.5rem}}@media screen and (max-width:255px){.email{font-size:1.2rem}}</style></head><body><div class="text"><p>Hello, I am</p><p class="bigger-text">Amir Hossein Maher</p><div class="some-right"><p>A Front-End Developer</p><p class="smaller-text">I'm a Junior Front-End Developer, Currently working on some open-source projects (which are about to publish in near future) and learning new technologies in my spare time. I'm a passionate about Front-End Development, and I'm always looking for new challenges. I'm a fan of Vue.js, and I'm always trying to improve my knowledge.</p></div><br><p>My Skills:</p><div class="flex"><ul class="skills smaller-text"><li class="skill">HTML</li><li class="skill">JavaScript</li><li class="skill">VueJS</li><li class="skill">C#</li><li class="skill">REST</li></ul><ul class="smaller-text"><li class="skill">CSS</li><li class="skill">TypeScript</li><li class="skill">Bootstrap</li><li class="skill">PHP</li></ul></div><br><br><br></div><div class="bg"></div><div class="part"><a href="mailto:amiria703@gmail.com" class="email">amiria703@gmail.com</a><div class="line"></div></div><div class="part left-part"><div class="icons"><a href="tel:+989229716813"><img src="./phone.svg" class="icon" alt="phone"></a><a href="https://t.me/amiria703"><img src="./telegram.svg" class="icon" alt="telegram"> </a><a href="https://github.com/amiria703"><img src="./github.svg" class="icon" alt="github"></a></div><div class="line left-line"></div></div></body></html>