Skip to content

Commit 2f9bed7

Browse files
authored
Create app_poster_card
1 parent 9610c67 commit 2f9bed7

File tree

1 file changed

+81
-0
lines changed

1 file changed

+81
-0
lines changed

app_poster_card

+81
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,81 @@
1+
<div style="
2+
display: flex;
3+
align-items: center;
4+
background-color: #fff;
5+
border-radius: 12px;
6+
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
7+
padding: 16px;
8+
max-width: 700px;
9+
width: 100%;
10+
font-family: 'Arial', sans-serif;
11+
margin: 20px auto;
12+
position: relative;
13+
">
14+
<div style="
15+
flex-shrink: 0;
16+
width: 120px;
17+
height: 120px;
18+
border-radius: 24px;
19+
overflow: hidden;
20+
margin-right: 16px;
21+
background-color: #f2f2f2;
22+
">
23+
<img
24+
src="https://bear-images.sfo2.cdn.digitaloceanspaces.com/sol/p-pee-ios.webp"
25+
alt="P 应用图标"
26+
style="
27+
width: 100%;
28+
height: 100%;
29+
object-fit: cover;
30+
"
31+
>
32+
</div>
33+
<div style="flex: 1;">
34+
<div style="
35+
font-size: 20px;
36+
font-weight: bold;
37+
color: #333;
38+
margin-bottom: 8px;
39+
">
40+
P - Hydration App
41+
</div>
42+
<div style="
43+
display: flex;
44+
gap: 8px;
45+
margin-bottom: 12px;
46+
">
47+
<span style="
48+
font-size: 12px;
49+
color: #555;
50+
border: 1px solid #555;
51+
padding: 2px 6px;
52+
border-radius: 4px;
53+
">
54+
iOS
55+
</span>
56+
</div>
57+
<div style="
58+
font-size: 14px;
59+
color: #666;
60+
line-height: 1.6;
61+
">
62+
P 是一款不同类型的水应用。它旨在成为获取喝水提醒的最简单方式之一,几乎不需要做任何工作。无需目标设置、特殊水瓶或跟踪每日摄入量。这不是水跟踪应用——它可能是最好的喝水提醒应用。
63+
</div>
64+
</div>
65+
<a href="https://apps.apple.com/us/app/p-water-hydration-app/id1090749982"
66+
target="_blank"
67+
style="
68+
position: absolute;
69+
top: 16px;
70+
right: 16px;
71+
background-color: #6c8b5f;
72+
color: white;
73+
font-size: 12px;
74+
padding: 4px 8px;
75+
border-radius: 4px;
76+
text-transform: uppercase;
77+
text-decoration: none;
78+
">
79+
APP >>>
80+
</a>
81+
</div>

0 commit comments

Comments
 (0)