Hugging Face's logo

Spaces:
marwanto606
/
link
Running

App Files Community
marwanto606 commited on
Commit
89caf86
·
verified ·
1 Parent(s): 269cebb

chore: update index.html

Browse files
Files changed (1) hide show
  1. index.html +157 -19
index.html CHANGED
@@ -1,19 +1,157 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <meta name="description" content="Marwanto606's professional bio links to website and social media profiles.">
7
+ <meta name="keywords" content="Marwanto606, bio links, social media, website">
8
+ <meta name="author" content="Marwanto606">
9
+ <title>Marwanto606 Bio Links</title>
10
+ <link rel="icon" href="https://marwanto606.github.io/icon-blog/favicon.ico" type="image/x-icon">
11
+ <meta name="google-site-verification" content="reXgMWnoRjlWlaToLvLRuJT3li6QvIXduGN65f3rVus" />
12
+ <style>
13
+ body {
14
+ font-family: Arial, sans-serif;
15
+ background-color: #f4f4f4;
16
+ margin: 0;
17
+ padding: 0;
18
+ display: flex;
19
+ justify-content: center;
20
+ align-items: center;
21
+ min-height: 100vh;
22
+ text-align: center;
23
+ }
24
+ .container {
25
+ background-color: white;
26
+ padding: 20px;
27
+ border-radius: 10px;
28
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
29
+ max-width: 400px;
30
+ width: 100%;
31
+ }
32
+ .profile-img {
33
+ width: 150px;
34
+ height: 150px;
35
+ border-radius: 50%;
36
+ margin-bottom: 10px;
37
+ }
38
+ h1 {
39
+ font-size: 24px;
40
+ margin: 10px 0;
41
+ }
42
+ h2 {
43
+ font-size: 20px;
44
+ margin: 20px 0 10px;
45
+ }
46
+ .search-container {
47
+ margin-bottom: 20px;
48
+ }
49
+ .links, .projects {
50
+ display: flex;
51
+ flex-direction: column;
52
+ }
53
+ .link-btn {
54
+ background: linear-gradient(to right, #007bff, #00c6ff);
55
+ color: white;
56
+ text-decoration: none;
57
+ padding: 10px;
58
+ margin: 5px 0;
59
+ border-radius: 5px;
60
+ font-size: 16px;
61
+ transition: background 0.3s;
62
+ display: flex;
63
+ align-items: center;
64
+ justify-content: center;
65
+ }
66
+ .link-btn:hover {
67
+ background: linear-gradient(to right, #0056b3, #009acd);
68
+ }
69
+ .project-btn {
70
+ background: linear-gradient(to right, #28a745, #20c997);
71
+ color: white;
72
+ text-decoration: none;
73
+ padding: 10px;
74
+ margin: 5px 0;
75
+ border-radius: 25px; /* Different shape */
76
+ font-size: 16px;
77
+ transition: background 0.3s;
78
+ display: flex;
79
+ align-items: center;
80
+ justify-content: center;
81
+ }
82
+ .project-btn:hover {
83
+ background: linear-gradient(to right, #218838, #1b9e77);
84
+ }
85
+ .link-btn svg, .project-btn svg {
86
+ width: 20px;
87
+ height: 20px;
88
+ margin-right: 10px;
89
+ fill: white;
90
+ }
91
+ @media (max-width: 600px) {
92
+ .container {
93
+ padding: 15px;
94
+ }
95
+ .profile-img {
96
+ width: 120px;
97
+ height: 120px;
98
+ }
99
+ }
100
+ </style>
101
+ </head>
102
+ <body>
103
+ <div class="container">
104
+ <img src="https://marwanto606.github.io/icon-blog/apple-icon.png" alt="Marwanto606 Profile" class="profile-img">
105
+ <div class="search-container">
106
+ <script async src="https://cse.google.com/cse.js?cx=02cfa2fb3d507408f"></script>
107
+ <div class="gcse-search"></div>
108
+ </div>
109
+ <h1>Marwanto606 Links</h1>
110
+ <div class="links">
111
+ <a href="https://www.marwanto606.com" class="link-btn">
112
+ <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>
113
+ Website
114
+ </a>
115
+ <a href="https://link.marwanto606.com/facebook" class="link-btn">
116
+ <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>
117
+ Facebook
118
+ </a>
119
+ <a href="https://link.marwanto606.com/instagram" class="link-btn">
120
+ <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>
121
+ Instagram
122
+ </a>
123
+ <a href="https://link.marwanto606.com/twitter" class="link-btn">
124
+ <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>
125
+ Twitter
126
+ </a>
127
+ <a href="https://link.marwanto606.com/youtube" class="link-btn">
128
+ <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>
129
+ YouTube
130
+ </a>
131
+ <a href="https://link.marwanto606.com/github" class="link-btn">
132
+ <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>
133
+ GitHub
134
+ </a>
135
+ <a href="https://link.marwanto606.com/pinterest" class="link-btn">
136
+ <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>
137
+ Pinterest
138
+ </a>
139
+ </div>
140
+ <h2>Projects</h2>
141
+ <div class="projects">
142
+ <a href="https://imgkey.lovable.app" class="project-btn">
143
+ <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>
144
+ ImgKey606
145
+ </a>
146
+ <a href="https://stock.marwanto606.com" class="project-btn">
147
+ <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>
148
+ Stock606
149
+ </a>
150
+ <a href="https://stockporto.marwanto606.com" class="project-btn">
151
+ <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>
152
+ StockPorto
153
+ </a>
154
+ </div>
155
+ </div>
156
+ </body>
157
+ </html>