├── profile.gif
├── background.jpg
├── style.css
└── index.html
/profile.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/deaafrizal/taptapdor-linktree/HEAD/profile.gif
--------------------------------------------------------------------------------
/background.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/deaafrizal/taptapdor-linktree/HEAD/background.jpg
--------------------------------------------------------------------------------
/style.css:
--------------------------------------------------------------------------------
1 | * {
2 | margin: 0;
3 | padding: 0;
4 | }
5 |
6 | html {
7 | font-family: 'Bebas Neue', cursive;
8 | }
9 |
10 | .container {
11 | max-width: 500px;
12 | margin: 0 auto;
13 | background: red;
14 | height: 100vh;
15 | background-image: url("background.jpg");
16 | background-position: center;
17 | background-size: cover;
18 | background-attachment: fixed;
19 | }
20 |
21 | .profile {
22 | display: flex;
23 | flex-direction: column;
24 | align-items: center;
25 | justify-content: center;
26 | padding: 20px;
27 | }
28 |
29 | .profile>img {
30 | width: 150px;
31 | height: 150px;
32 | border: 3px solid #222;
33 | border-radius: 100%;
34 | }
35 |
36 | .profile>p {
37 | font-size: 1.8em;
38 | font-weight: 900;
39 | letter-spacing: 2px;
40 | color: #fff;
41 | text-transform: capitalize;
42 | text-align: center;
43 | }
44 |
45 | .link {
46 | display: flex;
47 | justify-content: center;
48 | flex-direction: column;
49 | padding: 20px;
50 | }
51 |
52 | .link>a {
53 | text-decoration: none;
54 | color: #222;
55 | font-size: 24px;
56 | text-align: center;
57 | border: 3px solid #222;
58 | background-color: #eaeaea;
59 | border-radius: 7px;
60 | margin: 5px 10px;
61 | padding: 10px;
62 | text-transform: uppercase;
63 | font-weight: 500;
64 | }
65 |
66 | .link>a:hover {
67 | background-color: azure;
68 | }
69 |
70 | .footer {
71 | text-align: center;
72 | }
73 |
74 | .footer>i {
75 | color: white;
76 | font-size: 20px;
77 | }
--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
13 |
17 | Deacode LinkTree
18 |
19 |
20 |
21 |
22 |
23 |
25 |
Tap Tap Dor
26 |
27 |
28 |
29 |
39 |
40 |
41 |
45 |