-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
30 lines (30 loc) · 4.1 KB
/
index.html
File metadata and controls
30 lines (30 loc) · 4.1 KB
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
<div style="width: 1280px; height: 1706px; position: relative; background: linear-gradient(180deg, #DCDBFF 0%, white 100%)">
<div style="width: 1280px; height: 126px; left: 0px; top: -4px; position: absolute; background: #111111"></div>
<div style="width: 200px; height: 70px; left: 40px; top: 12px; position: absolute">
<div style="width: 200px; height: 70px; padding-left: 23.08px; padding-right: 23.08px; padding-top: 12.82px; padding-bottom: 12.82px; background: white; border-radius: 38.46px; justify-content: center; align-items: center; gap: 3.21px; display: inline-flex">
<div style="position: relative; color: #111111; font-size: 38.46px; font-family: Douyin Sans; font-weight: 700; word-wrap: break-word">元气设计</div>
</div>
</div>
<div style="left: 293px; top: 32px; position: absolute; color: #69FD3F; font-size: 48px; font-family: Figma Hand; font-weight: 700; line-height: 60px; word-wrap: break-word">好产品配好海报 · 助力10倍销售额</div>
<div style="left: 25px; top: 246px; position: absolute; color: #111111; font-size: 94px; font-family: Alimama ShuHeiTi; font-weight: 700; line-height: 94px; word-wrap: break-word">💎标题文字可以是十个字</div>
<div style="width: 1235px; left: 25px; top: 360px; position: absolute; color: #797979; font-size: 48px; font-family: PingFang SC; font-weight: 400; line-height: 48px; word-wrap: break-word">这里是副标题这里是副标题这里是副标题这里是副标题</div>
<div style="left: 568px; top: 1622px; position: absolute; color: #111111; font-size: 36px; font-family: PingFang SC; font-weight: 400; line-height: 60px; word-wrap: break-word">元气设计</div>
<div style="width: 1240px; height: 495px; left: 20px; top: 488px; position: absolute">
<div style="width: 1240px; height: 495px; left: 0px; top: 0px; position: absolute">
<div style="width: 1240px; height: 495px; position: relative; opacity: 0.98; background: rgba(255, 255, 255, 0.60); border-radius: 40px; backdrop-filter: blur(200px)"></div>
</div>
<div style="width: 621px; left: 43px; top: 232px; position: absolute; color: #797979; font-size: 40px; font-family: PingFang SC; font-weight: 400; line-height: 48px; word-wrap: break-word">这里是副标题这里是副标题这里是副标题这里是副标题这里是副标题这里是副标题这里是副标题这里是副标题</div>
<div style="width: 652px; left: 40px; top: 88px; position: absolute; color: #111111; font-size: 48px; font-family: PingFang SC; font-weight: 500; line-height: 60px; word-wrap: break-word">这里是副标题这里是副标题这里是副标题这里是副标题</div>
<div style="width: 157px; height: 20px; left: 40px; top: 44px; position: absolute; background: #69FD3F"></div>
<div style="width: 454px; height: 455px; left: 766px; top: 20px; position: absolute; background: #D9D9D9"></div>
</div>
<div style="width: 1240px; height: 495px; left: 20px; top: 1003px; position: absolute">
<div style="width: 1240px; height: 495px; left: 0px; top: 0px; position: absolute">
<div style="width: 1240px; height: 495px; position: relative; opacity: 0.98; background: rgba(255, 255, 255, 0.60); border-radius: 40px; backdrop-filter: blur(200px)"></div>
</div>
<div style="width: 621px; left: 43px; top: 232px; position: absolute; color: #797979; font-size: 40px; font-family: PingFang SC; font-weight: 400; line-height: 48px; word-wrap: break-word">这里是副标题这里是副标题这里是副标题这里是副标题这里是副标题这里是副标题这里是副标题这里是副标题</div>
<div style="width: 652px; left: 40px; top: 88px; position: absolute; color: #111111; font-size: 48px; font-family: PingFang SC; font-weight: 500; line-height: 60px; word-wrap: break-word">这里是副标题这里是副标题这里是副标题这里是副标题</div>
<div style="width: 157px; height: 20px; left: 40px; top: 44px; position: absolute; background: #69FD3F"></div>
<div style="width: 454px; height: 455px; left: 766px; top: 20px; position: absolute; background: #D9D9D9"></div>
</div>
</div>