Spaces:
Running
Running
File size: 9,822 Bytes
89caf86 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 | <!DOCTYPE html>
<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>
Facebook
</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>
Instagram
</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>
Twitter
</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>
Pinterest
</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> |