Repository navigation
Expand file tree
/
Copy pathemail.html
More file actions
107 lines (101 loc) · 4.22 KB
/
Copy pathemail.html
File metadata and controls
107 lines (101 loc) · 4.22 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
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
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="联系我们。" />
<meta name="robots" content="noindex, nofollow, noarchive" />
<title>联系我们</title>
<link rel="icon" href="assets/images/logo.ico" type="image/x-icon" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&family=Noto+Sans+SC:wght@300;400;500;700&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="assets/css/style.css" />
<link rel="stylesheet" href="assets/css/email.css" />
<script src="assets/js/email.js" defer></script>
</head>
<body class="email-page home-immersive">
<main class="email-main">
<section class="email-hero" aria-labelledby="email-title">
<div class="email-content">
<header class="email-header">
<h1 id="email-title" class="email-title">Contact us</h1>
</header>
<form id="email-form" class="email-form" novalidate>
<div class="email-field">
<label for="recipient">收件人</label>
<div class="email-recipient">
<svg viewBox="0 0 24 24" aria-hidden="true">
<path d="M4 6h16v12H4z" />
<path d="m4 7 8 6 8-6" />
</svg>
<input id="recipient" type="email" value="[email protected]" readonly />
</div>
</div>
<div class="email-field">
<label for="subject">主题</label>
<input
id="subject"
name="subject"
type="text"
maxlength="100"
autocomplete="off"
required
/>
</div>
<div class="email-field email-field-message">
<label for="message">邮件内容</label>
<textarea
id="message"
name="message"
rows="9"
maxlength="2000"
required
></textarea>
</div>
<div class="email-actions">
<button class="home-contact-link email-action email-send" type="submit">
<span>发送邮件</span>
<svg class="email-action-arrow" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
<path d="M5 12h14" />
<path d="m13 6 6 6-6 6" />
</svg>
</button>
<a class="home-contact-link email-action email-home-link" href="index.html">
<span>了解 UESTC IA</span>
<svg class="email-action-arrow" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
<path d="M5 12h14" />
<path d="m13 6 6 6-6 6" />
</svg>
</a>
</div>
</form>
<aside class="email-community" aria-labelledby="community-title">
<a
class="email-community-qr"
href="https://applink.feishu.cn/client/chat/chatter/add_by_link?link_token=aacm7f88-50fc-4228-b40b-5efae47eeb68&qr_code=true"
target="_blank"
rel="noopener noreferrer"
aria-label="打开 IA 信息分享群"
>
<img
src="assets/images/contact/feishu-group-qr.png"
alt="IA 信息分享群二维码"
width="468"
height="468"
/>
</a>
<div class="email-community-copy">
<p class="email-community-label">加入群聊</p>
<h2 id="community-title">IA 信息分享群</h2>
<p>扫描二维码加入飞书群聊，或点击二维码直接打开。</p>
</div>
</aside>
</div>
</section>
</main>
</body>
</html>