Repository navigation
Expand file tree
/
Copy pathcontact.html
More file actions
140 lines (131 loc) · 8.54 KB
/
Copy pathcontact.html
File metadata and controls
140 lines (131 loc) · 8.54 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
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Contact — CSOAI</title>
<link rel="icon" type="image/svg+xml" href="/assets/favicon.svg">
<link rel="apple-touch-icon" sizes="180x180" href="/assets/apple-touch-icon.png">
<meta name="theme-color" content="#F7F3EE">
<meta property="og:type" content="website">
<meta property="og:url" content="https://csoai.org/contact.html">
<meta property="og:title" content="Contact — CSOAI">
<meta property="og:description" content="Contact CSOAI for enterprise certification, partnership inquiries, or press requests.">
<meta property="og:image" content="https://csoai.org/assets/og-image.png">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:image" content="https://csoai.org/assets/og-image.png">
<meta name="description" content="Contact CSOAI for enterprise certification, partnership inquiries, or press requests.">
<link rel="canonical" href="https://csoai.org/contact">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
<style>
* { margin: 0; padding: 0; box-sizing: border-box; }
:root { --navy: #F7F3EE; --dark-navy: #EDE8E1; --teal: #7D8C7E; --teal-light: #A8B6A9; --gold: #C8A873; --white: #1A1816; }
body { font-family: 'Inter', sans-serif; background-color: var(--navy); color: var(--white); line-height: 1.6; }
header { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; padding: 1.5rem 2rem; background: rgba(27,42,74,0.95); backdrop-filter: blur(10px); border-bottom: 1px solid rgba(13,115,119,0.2); }
.header-container { max-width: 1400px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; }
.logo { font-size: 1.8rem; font-weight: 800; color: var(--gold); letter-spacing: 2px; text-decoration: none; }
.logo span { color: var(--teal); }
nav { display: flex; gap: 2rem; align-items: center; }
nav a { color: var(--white); text-decoration: none; font-size: 0.95rem; font-weight: 500; transition: color 0.3s ease; position: relative; }
nav a:hover { color: var(--teal); }
.container { max-width: 800px; margin: 0 auto; padding: 0 2rem; }
.page-hero { min-height: 40vh; display: flex; align-items: center; justify-content: center; padding-top: 100px; background: linear-gradient(135deg, var(--navy) 0%, var(--dark-navy) 50%, #F7F3EE 100%); text-align: center; }
.page-hero h1 { font-size: clamp(2rem, 6vw, 3rem); font-weight: 800; margin-bottom: 1rem; }
.page-hero h1 span { color: var(--gold); }
section { padding: 4rem 0; }
section.light-bg { background-color: #F7F3EE; }
p.lead { color: #6B6560; font-size: 1.05rem; line-height: 1.8; margin-bottom: 1.2rem; }
.contact-options { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 1.5rem; margin-top: 2rem; }
.card { background: linear-gradient(135deg, #F7F3EE 0%, #F7F3EE 100%); border: 1px solid rgba(13,115,119,0.3); padding: 1.5rem; border-radius: 8px; }
.card h3 { color: var(--gold); margin-bottom: 0.5rem; font-size: 1.1rem; }
.card p { color: #6B6560; font-size: 0.95rem; margin-bottom: 0.5rem; }
.card a { color: var(--teal-light); text-decoration: none; font-weight: 600; }
form { margin-top: 2rem; }
label { display: block; color: #6B6560; font-size: 0.9rem; margin-bottom: 0.4rem; }
input, textarea, select { width: 100%; padding: 0.75rem; border-radius: 4px; border: 1px solid rgba(13,115,119,0.4); background: rgba(255,255,255,0.05); color: var(--white); margin-bottom: 1rem; font-family: inherit; }
input:focus, textarea:focus, select:focus { outline: none; border-color: var(--teal); }
button[type="submit"] { background: linear-gradient(135deg, var(--teal), var(--teal-light)); color: var(--white); padding: 0.75rem 1.5rem; border: none; border-radius: 4px; font-weight: 600; cursor: pointer; }
footer { background: linear-gradient(180deg, var(--dark-navy) 0%, #EDE8E1 100%); border-top: 1px solid rgba(13,115,119,0.2); padding: 3rem 0 2rem; margin-top: 3rem; }
.footer-content { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 2rem; margin-bottom: 2rem; }
.footer-section h4 { color: var(--gold); font-size: 1rem; font-weight: 700; margin-bottom: 1rem; text-transform: uppercase; letter-spacing: 1px; }
.footer-section ul { list-style: none; }
.footer-section ul li { margin-bottom: 0.5rem; }
.footer-section a { color: #6B6560; text-decoration: none; font-size: 0.9rem; }
.footer-bottom { border-top: 1px solid rgba(13,115,119,0.1); padding-top: 1.5rem; text-align: center; color: #6B6560; font-size: 0.85rem; }
</style>
<link rel="stylesheet" href="/assets/design-system/csoai-org-theme.css">
</head>
<body>
<header>
<div class="header-container">
<a href="/" class="logo">CS<span>AI</span></a>
<nav>
<a href="/about">About</a>
<a href="/mcp-infrastructure">MCP Infrastructure</a>
<a href="/">Ecosystem</a>
<a href="/">CASA</a>
<a href="/contact">Contact</a>
</nav>
</div>
</header>
<section class="page-hero">
<div class="container">
<h1>Contact <span>CSOAI</span></h1>
<p style="color:#6B6560;">Enterprise certification, partnership inquiries, or press requests — we are here to help.</p>
</div>
</section>
<section class="light-bg">
<div class="container">
<div class="contact-options">
<div class="card">
<h3>Enterprise Sales</h3>
<p>For CASA certification, government contracts, and defence integration.</p>
<a href="mailto:sales@csoai.org">sales@csoai.org</a>
</div>
<div class="card">
<h3>Partnerships</h3>
<p>For ecosystem, academic, and standards-body collaboration.</p>
<a href="mailto:partnerships@csoai.org">partnerships@csoai.org</a>
</div>
<div class="card">
<h3>Press</h3>
<p>Media kits, interview requests, and speaker bookings.</p>
<a href="mailto:press@csoai.org">press@csoai.org</a>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<h2 style="font-size:1.5rem;font-weight:800;margin-bottom:1rem;">Send a <span style="color:var(--gold);">Message</span></h2>
<form action="https://formspree.io/f/YOUR_FORM_ID" method="POST">
<label for="name">Name</label>
<input type="text" id="name" name="name" required />
<label for="email">Email</label>
<input type="email" id="email" name="email" required />
<label for="topic">Topic</label>
<select id="topic" name="topic">
<option>Enterprise Certification</option>
<option>Partnership Inquiry</option>
<option>Press / Media</option>
<option>General Inquiry</option>
</select>
<label for="message">Message</label>
<textarea id="message" name="message" rows="5" required></textarea>
<button type="submit">Send Message</button>
<p style="color:#6B6560;font-size:0.85rem;margin-top:0.75rem;">We typically reply within 2 business days.</p>
</form>
</div>
</section>
<footer>
<div class="container">
<div class="footer-content">
<div class="footer-section"><h4>CSOAI</h4><p style="color:#6B6560;font-size:0.9rem;">Governance infrastructure for the global AI economy.</p></div>
<div class="footer-section"><h4>Explore</h4><ul><li><a href="/about">About</a></li><li><a href="/mcp-infrastructure">MCP Infrastructure</a></li><li><a href="/">Ecosystem</a></li><li><a href="/contact">Contact</a></li></ul></div>
<div class="footer-section"><h4>Legal</h4><ul><li><a href="/legal">Privacy & Terms</a></li></ul></div>
</div>
<div class="footer-bottom"><p>© 2026 CSOAI - Chief Standards Office for Artificial Intelligence</p></div>
</div>
</footer>
</body>
</html>