Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <meta name="description" content="Marwanto606's professional bio links to website and social media profiles."> | |
| <meta name="keywords" content="Marwanto606, bio links, social media, website"> | |
| <meta name="author" content="Marwanto606"> | |
| <title>Marwanto606 Bio Links</title> | |
| <link rel="icon" href="https://marwanto606.github.io/icon-blog/favicon.ico" type="image/x-icon"> | |
| <meta name="google-site-verification" content="reXgMWnoRjlWlaToLvLRuJT3li6QvIXduGN65f3rVus" /> | |
| <style> | |
| body { | |
| font-family: Arial, sans-serif; | |
| background-color: #f4f4f4; | |
| margin: 0; | |
| padding: 0; | |
| display: flex; | |
| justify-content: center; | |
| align-items: center; | |
| min-height: 100vh; | |
| text-align: center; | |
| } | |
| .container { | |
| background-color: white; | |
| padding: 20px; | |
| border-radius: 10px; | |
| box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); | |
| max-width: 400px; | |
| width: 100%; | |
| } | |
| .profile-img { | |
| width: 150px; | |
| height: 150px; | |
| border-radius: 50%; | |
| margin-bottom: 10px; | |
| } | |
| h1 { | |
| font-size: 24px; | |
| margin: 10px 0; | |
| } | |
| h2 { | |
| font-size: 20px; | |
| margin: 20px 0 10px; | |
| } | |
| .search-container { | |
| margin-bottom: 20px; | |
| } | |
| .links, .projects { | |
| display: flex; | |
| flex-direction: column; | |
| } | |
| .link-btn { | |
| background: linear-gradient(to right, #007bff, #00c6ff); | |
| color: white; | |
| text-decoration: none; | |
| padding: 10px; | |
| margin: 5px 0; | |
| border-radius: 5px; | |
| font-size: 16px; | |
| transition: background 0.3s; | |
| display: flex; | |
| align-items: center; | |
| justify-content: center; | |
| } | |
| .link-btn:hover { | |
| background: linear-gradient(to right, #0056b3, #009acd); | |
| } | |
| .project-btn { | |
| background: linear-gradient(to right, #28a745, #20c997); | |
| color: white; | |
| text-decoration: none; | |
| padding: 10px; | |
| margin: 5px 0; | |
| border-radius: 25px; /* Different shape */ | |
| font-size: 16px; | |
| transition: background 0.3s; | |
| display: flex; | |
| align-items: center; | |
| justify-content: center; | |
| } | |
| .project-btn:hover { | |
| background: linear-gradient(to right, #218838, #1b9e77); | |
| } | |
| .link-btn svg, .project-btn svg { | |
| width: 20px; | |
| height: 20px; | |
| margin-right: 10px; | |
| fill: white; | |
| } | |
| @media (max-width: 600px) { | |
| .container { | |
| padding: 15px; | |
| } | |
| .profile-img { | |
| width: 120px; | |
| height: 120px; | |
| } | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <div class="container"> | |
| <img src="https://marwanto606.github.io/icon-blog/apple-icon.png" alt="Marwanto606 Profile" class="profile-img"> | |
| <div class="search-container"> | |
| <script async src="https://cse.google.com/cse.js?cx=02cfa2fb3d507408f"></script> | |
| <div class="gcse-search"></div> | |
| </div> | |
| <h1>Marwanto606 Links</h1> | |
| <div class="links"> | |
| <a href="https://www.marwanto606.com" class="link-btn"> | |
| <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm0-14c-3.31 0-6 2.69-6 6s2.69 6 6 6 6-2.69 6-6-2.69-6-6-6zm0 10c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4z"/></svg> | |
| Website | |
| </a> | |
| <a href="https://link.marwanto606.com/facebook" class="link-btn"> | |
| <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M22.675 0H1.325C.593 0 0 .593 0 1.325v21.351C0 23.407.593 24 1.325 24H12.82v-9.294H9.692v-3.622h3.128V7.413c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.31h3.587l-.467 3.622h-3.12V24h6.116c.73 0 1.323-.593 1.323-1.325V1.325C24 .593 23.407 0 22.675 0z"/></svg> | |
| </a> | |
| <a href="https://link.marwanto606.com/instagram" class="link-btn"> | |
| <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.263.16 3.799.068 8.122.01 9.402 0 9.81 0 13.069c0 3.259.014 3.668.072 4.948.164 3.286 2.028 5.158 5.302 5.302 1.28.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 3.274-.144 5.138-2.016 5.302-5.302.058-1.28.072-1.689.072-4.948 0-3.259-.014-3.667-.072-4.947-.144-3.274-2.016-5.138-5.302-5.302C15.667.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zm0 10.162a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100-2.881 1.44 1.44 0 000 2.881z"/></svg> | |
| </a> | |
| <a href="https://link.marwanto606.com/twitter" class="link-btn"> | |
| <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/></svg> | |
| </a> | |
| <a href="https://link.marwanto606.com/youtube" class="link-btn"> | |
| <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19.615 3.184c-3.604-.246-11.631-.245-15.23 0-3.897.266-4.356 2.62-4.385 8.816.029 6.185.484 8.549 4.385 8.816 3.6.245 11.626.246 15.23 0 3.897-.266 4.356-2.62 4.385-8.816-.029-6.185-.484-8.549-4.385-8.816zm-10.615 12.816v-8l8 3.993-8 4.007z"/></svg> | |
| YouTube | |
| </a> | |
| <a href="https://link.marwanto606.com/github" class="link-btn"> | |
| <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg> | |
| GitHub | |
| </a> | |
| <a href="https://link.marwanto606.com/pinterest" class="link-btn"> | |
| <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 0C5.373 0 0 5.372 0 12c0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.999-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.063-4.882-5.006-4.882-3.404 0-5.399 2.556-5.399 5.199 0 1.031.394 2.138 .886 2.741.108.13.129.158.097.378l-.363 1.48c-.04.166-.135.185-.306.105-1.297-.602-2.108-2.496-2.108-4.013 0-3.267 2.37-6.263 6.833-6.263 3.583 0 6.372 2.555 6.372 5.981 0 3.562-2.244 6.435-5.359 6.435-1.046 0-2.031-.543-2.368-1.187l-.643 2.454c-.206.791-.765 1.778-1.139 2.382-.23.372-.477.744-.733 1.088.536.158 1.1.241 1.694.241 6.628 0 12-5.372 12-12C24 5.372 18.627 0 12 0z"/></svg> | |
| </a> | |
| </div> | |
| <h2>Projects</h2> | |
| <div class="projects"> | |
| <a href="https://imgkey.lovable.app" class="project-btn"> | |
| <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm0-14c-3.31 0-6 2.69-6 6s2.69 6 6 6 6-2.69 6-6-2.69-6-6-6zm0 10c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4z"/></svg> | |
| ImgKey606 | |
| </a> | |
| <a href="https://stock.marwanto606.com" class="project-btn"> | |
| <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm0-14c-3.31 0-6 2.69-6 6s2.69 6 6 6 6-2.69 6-6-2.69-6-6-6zm0 10c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4z"/></svg> | |
| Stock606 | |
| </a> | |
| <a href="https://stockporto.marwanto606.com" class="project-btn"> | |
| <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm0-14c-3.31 0-6 2.69-6 6s2.69 6 6 6 6-2.69 6-6-2.69-6-6-6zm0 10c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4z"/></svg> | |
| StockPorto | |
| </a> | |
| </div> | |
| </div> | |
| </body> | |
| </html> |