https://www.arcanegroup.io/contact.html

1<!DOCTYPE html>
2<html lang="en-US" xml:lang="en-US">
3
4<head>
5    <meta charset="UTF-8">
6    <meta content="webkit" name="renderer">
7    <meta content="webkit" name="force-rendering">
8    <meta content="IE=Edge,chrome=1" http-equiv="X-UA-Compatible">
9    <meta content="telephone=no,telephone=no,email=no,adress=no" name="format-detection">
10    <meta content="width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0"
11          name="viewport">
12    <title>Arcane | Contact</title>
13    <meta content="" name="keywords">
14    <meta content="" name="description">
15    <meta content="en_US" property="og:locale">
16    <meta content="article" property="og:type">
17    <meta content="Arcane" property="og:title">
18    <meta content="EXPERIENCE Meet our team Neil is an early crypto investor with…" property="og:description">
19    <meta content="Arcane" property="og:site_name">
20    <meta content="2023-06-19T08:28:15+00:00" property="article:modified_time">
21    <meta content="summary_large_image" name="twitter:card">
22    <meta content="@ArcaneGrp" name="twitter:site">
23    <meta content="Est. reading time" name="twitter:label1">
24    <meta content="3 minutes" name="twitter:data1">
25    <link href="./images/favicon.ico" rel="icon" type="image/x-icon">
26    <link href="./css/extend.css" rel="stylesheet">
27    <link href="./css/style.css?v=118" rel="stylesheet">
28    

28<script src="./js/svg-inject.min.js"></script>

28
29    <link href="https://fonts.googlefonts.cn/css?family=Noto+Sans|Didact+Gothic|Open+Sans|Roboto" rel="stylesheet">
30</head>
31<body>
32<!--S 顶部 -->
33<header class="fff" id="c-header">
34    <div class="container">
35        <!-- 顶部logo -->
36        <a class="c-logo" href="./index.html" title="logo">
37            <div class="c-img-box">
38                <img alt="logo" src="./images/logo.png">
39            </div>
40        </a>
41
42        <!-- 右侧 -->
43        <div class="c-right-box">
44            <!-- 顶部pc导航 -->
45            <ul class="c-nav ">
46                <li>
47                    <a class=" cnt2 " href="index.html">home</a>
48                </li>
49                <li>
50                    <a class=" cnt2 " href="philosophy.html" title="philosophy">Philosophy</a>
51                </li>
52                <li>
53                    <a class=" cnt2 " href="ventureBuilding.html" title="VENTURE BUILDING">venture Building</a>
54                    <div class="cn-list">
55                        <a class=" cnt2 " href="portal.html" title="Founders Portal">Founders Portal</a>
56                        <a class=" cnt2 " href="https://arcanegroup.substack.com/" target="_blank" title="insights">insights</a>
57                    </div>
58                </li>
59                <li>
60                    <a class=" cnt2 " href="portfolio.html" title="PORTFOLIO">portfolio</a>
61                </li>
62<!--                <li>-->
63<!--                    <a class=" cnt2 " href="team-old.html" title="TEAM">team</a>-->
64<!--                </li>-->
65                <li>
66                    <a class=" cnt2 " href="careers.html" title="CAREERS">careers</a>
67                </li>
68                <li class="on">
69                    <a class=" cnt2 " href="contact.html" title="CONTACT">contact</a>
70                </li>
71            </ul>
72
73            <!-- 顶部移动端导航 -->
74            <div class="c-nav2">
75                <ul class="header_nav">
76                    <li>
77                        <div class="cnt2"><a href="./index.html">

77home</a></div>
78                    </li>
79                    <li>
80                        <div class="cnt2"><a href="philosophy.html">Philosophy</a></div>
81                    </li>
82                    <li>
83                        <a class=" cnt2 " href="ventureBuilding.html" title="VENTURE BUILDING">venture Building</a>
84                        <div class="cn-list">
85                            <a class=" cnt2 " href="portal.html" title="Founders Portal">Founders Portal</a>
86                            <a class=" cnt2 " href="https://arcanegroup.substack.com/" target="_blank" title="insights">insights</a>
87                        </div>
88                    </li>
89                    <li>
90                        <div class="cnt2"><a href="portfolio.html">portfolio</a></div>
91                    </li>
92<!--                    <li>-->
93<!--                        <div class="cnt2"><a href="team-old.html" title="team">team</a></div>-->
94<!--                    </li>-->
95                    <li>
96                        <div class="cnt2"><a href="careers.html" title="CAREERS">careers</a></div>
97                    </li>
98                    <li class="on">
99                        <div class="cnt2"><a href="contact.html" title="contact">contact</a></div>
100                    </li>
101                    <div class="lan">
102                        <a href="https://www.arcanegroup.io/">English</a>/<a
103                            href="https://www.arcanegroup.io/cn/">中文</a>
104                    </div>
105                    <ul class="share-module flex flex-ac flex-ac flex-hc">
106
107                        <li><a class="font-m" href="https://twitter.com/ArcaneGrp" target="_blank"><img alt=""
108                                                                                                        onload="SVGInject(this)"
109                                                                                                        src="./images/twitter.svg"></a>
110                        </li>
111                        <li><a class="font-m" href="https://www.linkedin.com/company/arcanegroup" target="_blank"><img
112                                alt="" onload="SVGInject(this)"
113                                src="./images/in.svg"></a></li>
114                        <li><a class="font-m" href="https://arcanegroup.substack.com/" target="_blank"><img alt=""
115                                                                                                            onload="SVGInject(this)"
116                                                                                                            src="./images/basketball.svg"></a>
117                        </li>
118                        <li><a class="font-m" href="https://t.me/arcanegrp" target="_blank"><img alt=""
119                                                                                                 onload="SVGInject(this)"
120                                                                                                 src="./images/telegram.svg"></a>
121                        </li>
122                    </ul>
123                </ul>
124            </div>
125            <!-- 顶部功能区 -->
126            <div class="c-gn">
127                <div class="lan">
128                    <a href="https://www.arcanegroup.io/">English</a>/<a
129                        href="https://www.arcanegroup.io/cn/">中文</a>
130                </div>
131                <ul class="share-module flex flex-ac flex-zBetween">
132                    <li><a class="font-m" href="https://twitter.com/ArcaneGrp"><img alt="" onload="SVGInject(this)"
133                                                                                    src="./images/twitter.svg"></a></li>
134                    <li><a class="font-m" href="https://www.linkedin.com/company/arcanegroup"><img alt=""
135                                                                                                   onload="SVGInject(this)"
136                                                                                                   src="./images/in.svg"></a>
137                    </li>
138                    <li><a class="font-m" href="https://arcanegroup.substack.com/"><img alt="" onload="SVGInject(this)"
139                                                                                        src="./images/basketball.svg"></a>
140                    </li>
141                    <li>

141<a class="font-m" href="https://t.me/arcanegrp"><img alt="" onload="SVGInject(this)"
142                                                                             src="./images/telegram.svg"></a></li>
143                </ul>
144            </div>
145
146            <!-- 顶部移动端导航开关 -->
147            <div class="c-switch">
148                <i></i>
149                <i></i>
150                <i></i>
151            </div>
152        </div>
153    </div>
154</header>
155<!--E 顶部 -->
156<!--s 内容-->
157<main class="main-container contact-container common-white-bg" data-aos="fade-in">
158    <section class="common-banner1"
159             style="background-image:  linear-gradient(to top, #0a0f21, rgba(255, 255, 255, 0)), url(images/banner-contact.jpg)">
160        <div class="flex flex-ac flex-hc" style="height: 100%">
161            <div class="container">
162                <h1 class="headline">Contact</h1>
163                <div class="desc">
164                    <span class="wow fadeInUp1" data-wow-delay="0">Get in touch</span>
165                </div>
166            </div>
167        </div>
168    </section>
169    <div class="container">
170        <section class="contact-section">
171            <div class="c-title wow fadeInUp">CONTACT US</div>
172            <div class="c-desc wow fadeInUp">
173                Interested in partnering with Arcane? Send us a message.
174            </div>
175
176            <form action="https://formspree.io/f/xzbqlgdq" class="form-box" id="my-form" method="POST">
177                <ul>
178                    <li>
179                        <h6 class="tit wow fadeInUp">*Your Full Name</h6>
180                        <input class="input wow fadeInUp" id="name" name="name"
181                               placeholder="Please enter your full name"
182                               type="text"/>
183                        <div class="status status1">The field is required.</div>
184                    </li>
185                    <li>
186                        <h6 class="tit wow fadeInUp" for="email">*Your Email:</h6>
187                        <input class="input wow fadeInUp" id="email" name="email" placeholder="Please enter your email"
188                               type="email" type="text">
189                        <div class="status status2"></div>
190                    </li>
191                    <li>
192                        <h6 class="tit wow fadeInUp" for="message">*Message:</h6>
193                        <textarea class="box-form-textarea wow fadeInUp" id="message" name="message"
194                                  placeholder="message"></textarea>
195                        <div class="status status3">The field is required.</div>
196                    </li>
197                </ul>
198                <input class="wow fadeInUp error" type="submit" value="Send Message">
199                <div class="checkbox wow fadeInUp">
200                    <input id="agree-term" name="agree-term" type="checkbox" value="agree-term">
201                    <label class="agree" for="agree-term">I have read and agree to the Terms of Use and Privacy
202                        Policy.</label>
203                </div>
204                <div class="checkbox wow fadeInUp">
205                    <input id="agree-email" name="agree-email" type="checkbox" value="agree-email">
206                    <label class="agree" for="agree-email">I agree to my email being stored and used to receive
207                        communications from Arcane Group.</label>
208                </div>
209            </form>
210            <ul class="info-box">
211                <li class="item-info wow fadeInUp">
212                    <div class="title">
213                        ADDRESS
214                    </div>
215                    <div class="info">
216                        78 Shenton Way,<br/>
217                        #31-02 Singapore 079120
218                    </div>
219                </li>
220                <li class="item-info wow fadeInUp">
221                    <div class="title">
222                        CONTACT INFO
223                    </div>
224                    <div class="info">
225                        General Inquiries:[email protected]
226                        <br/>
227                        Media Inquiries: [email protected]
228                        <br/>
229                        Investor Inquiries: [email protected]
230                        <br/>

230Office no: +65 65179226
231                    </div>
232                </li>
233            </ul>
234        </section>
235    </div>
236    <canvas class="main-container-bg" height="2200" id="w"></canvas>
237    <!--e 内容-->
238    <!-- s 底部-->
239    <footer id="c-footer">
240        <div class="container">
241            <div class="box-item">
242                <a class="item" href="Privacy%20Policy.html">Privacy Policy</a>
243                <div class="item">2023 @ Arcane Group. All rights reserved</div>
244                <a class="item" href="term.html">Terms & Conditions</a>
245            </div>
246        </div>
247    </footer>
248    <!-- e 底部-->
249</main>
250<!--e 内容-->

251<script src="js/three.min.js"></script>

251

252<script src="./js/extend.js"></script>

252

253<script src="./layui-v2.6.8/layui/layui.js"></script>

253

254<script src="./js/public.js"></script>

254

255<script>
256    $(function () {
257        function checkName() {
258            if ($('#name').val() == '') {
259                $('.form-box li:nth-child(1)').addClass('waring')
260                return false;
261            } else {
262                $('.form-box li:nth-child(1)').removeClass('waring')
263                return true;
264            }
265        }
266
267        function checkMessage() {
268            if ($('#message').val() == '') {
269                $('.form-box li:nth-child(3)').addClass('waring')
270                return false;
271            } else {
272                $('.form-box li:nth-child(3)').removeClass('waring')
273                return true;
274            }
275        }
276
277        function checkEmail() {
278            var search_str = /^[\w\-\.]+@[\w\-\.]+(\.\w+)+$/;
279            var email_val = $("#email").val();
280            if (email_val == '') {
281                $('.form-box li:nth-child(2)').addClass('waring');
282                $('.form-box .status2').html('The field is required.');
283                return false;
284            } else {
285                if (!search_str.test(email_val)) {
286                    $('.form-box li:nth-child(2)').addClass('waring');
287                    $('.form-box .status2').html('The e-mail address entered is invalid.');
288                    return false;
289                } else {
290                    $('.form-box li:nth-child(2)').removeClass('waring');
291                    return true;
292                }
293            }
294        }
295
296        $('#name').on('blur', function () {
297            checkName()
298        })
299
300        $('#name').on('input', function () {
301            checkName()
302        })
303        $('#message').on('blur', function () {
304            checkMessage()
305        })
306
307        $('#message').on('input', function () {
308            checkMessage()
309        })
310        $('#email').on('blur', function () {
311            checkEmail()
312        })
313
314        $('#email').on('input', function () {
315            checkEmail()
316        })
317        $('#my-form .checkbox').on('click', function () {
318            let c1 = checkName();
319            let c2 = checkMessage();
320            let c3 = checkEmail();
321            let c4 = $("#agree-email").is(":checked");
322            let c5 = $("#agree-term").is(":checked");
323            // console.log(c1,c2,c3,c5,c4)
324            if (c1 && c2 && c3 && c5 && c4) {
325                $('input[type="submit"] ').removeClass('error')
326            } else {
327                $('input[type="submit"] ').addClass('error')
328            }
329        })
330        // 提交表格
331        var form = document.getElementById("my-form");
332
333        async function handleSubmit(event) {
334            event.preventDefault();
335
336            let c1 = checkName();
337            let c2 = checkMessage();
338            let c3 = checkEmail();
339            let c4 = $("#agree-email").is(":checked");
340            let c5 = $("#agree-term").is(":checked");
341            if (c1 && c2 && c3 && c5 && c4) {
342                var data = new FormData(event.target);
343                fetch(event.target.action, {
344                    method: form.method,
345                    body: data,
346                    headers: {
347                        'Accept': 'application/json'
348                    }
349                }).then(response => {
350                    if (response.ok) {
351                        // alert("Thanks for your submission!");
352                        layer.msg('Thanks for your submission!');
353                        form.reset()
354                    } else {
355                        response.json().then(data => {
356                            if (Object.hasOwn(data, 'errors')) {
357                                alert(data["errors"].map(error => error["message"]).join(", "))
358                            } else {
359                                alert("Oops! There was a problem submitting your form")
360                            }
361                        })
362                    }
363                }).catch(error => {
364                    alert("Oops! There was a problem submitting your form")
365                });
366            }
367        }
368
369        form.addEventListener("submit", handleSubmit)
370
371    })
372</script>

372
373</body>
374
375</html>