ServiziDevol/ja/contact.html

119 lines
4.5 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Hostux &bull; Contact</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="/feed.xml" rel="alternate" type="application/rss+xml" title="Hostux">
<meta property="og:site_name" content="Hostux">
<meta property="og:title" content="Hostux">
<meta property="og:type" content="website">
<meta property="og:url" content="https://Hostux.net/ja/contact.html">
<meta property="og:image" content="https://Hostux.net/static/img/hostux.svg">
<link rel="stylesheet" href="/static/lib/bootstrap/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="/static/lib/fork-awesome/css/fork-awesome.min.css">
<link rel="stylesheet" href="/static/css/app.css">
<link rel="shortcut icon" href="/favicon.ico">
</head>
<body class="">
<div class="page">
<div class="container">
<header class="py-3 text-center">
<a href="/"><img src="/static/img/hostux.svg" alt="Hostux" class="avatar"></a>
</header>
<div class="d-flex flex-column flex-md-row align-items-center justify-content-center p-1 px-sm-4 mb-3 bg-white border-bottom shadow-sm">
<nav class="my-2 my-md-0">
<a class="p-2 text-dark" href="/ja/about.html">このサイトについて</a>
<a class="p-2 text-dark" href="/ja/index.html">サービス</a>
<a class="p-2 text-dark" href="/ja/blog.html">更新状況</a>
<a class="p-2 text-dark" href="/ja/contact.html">連絡先</a>
</nav>
</div>
</div>
<div class="container mt-4">
<div class="row justify-content-center">
<div class="col-lg-10">
<p>
私たちの多くはIRCチャンネルで常時オンラインです。お気軽にお声がけください。
</p>
<p>
<i class="fa fa-matrix-org mr-1" aria-hidden="true"></i>
<a href="https://irc.gru.hostux.eu" target="_blank">irc.gru.hostux.eu</a>
</p>
<hr>
<p>
<strong>サポートチケット</strong>を作りたい場合、または、招待専用のサービスを利用したい場合は、Eメールで連絡してください。
</p>
<p>
<i class="fa fa-envelope-o mr-1" aria-hidden="true"></i>
<img src="/static/img/email.png">
</p>
</div>
</div>
</div>
</div>
<div class="container">
<footer class="p-3 px-md-4 my-3 border shadow ">
<div class="row justify-content-sm-between">
<div class="col-sm">
<a href="https://irc.gru.hostux.eu" class="mx-1 footer-link" target="_blank">
<i class="fa fa-comments" aria-hidden="true"></i> IRC
</a>
<a href="https://uptime.hostux.net/status/hostux" class="mx-1 footer-link" target="_blank">
<i class="fa fa-area-chart" aria-hidden="true"></i> サービス状況
</a>
<a href="https://git.hostux.net/valere/hostux.network" class="mx-1 footer-link" target="_blank">
<i class="fa fa-git" aria-hidden="true"></i> ソースコード
</a>
<a href="https://hostux.network/ja/terms.html" class="mx-1 footer-link" target="_blank">
<i class="fa fa-sticky-note-o" aria-hidden="true"></i> 利用規約。
</a>
</div>
<div class="col-sm">
<a href="/feed.xml" class="mx-2 footer-link">
<i class="fa fa-rss" aria-hidden="true"></i> フィード
</a>
<a href="https://hostux.social/@valere" class="mx-2 footer-link">
<i class="fa fa-mastodon" aria-hidden="true"></i> Mastodon
</a>
<a href="https://twitter.com/0x692" class="mx-2 footer-link">
<i class="fa fa-twitter" aria-hidden="true"></i> Twitter
</a>
</div>
<div class="col-sm footer-col">
<a class="btn btn-danger mb-2" href="https://liberapay.com/valere_hostux/" target="_blank">寄付</a>
</div>
</div>
</footer>
</div>
<script src="/static/lib/jquery/dist/jquery.min.js"></script>
<script src="/static/lib/popper.js/dist/umd/popper.min.js"></script>
<script src="/static/lib/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="/static/lib/webl10n/l10n.js"></script>
<script src="/static/js/app.js"></script>
</body>
</html>