127 lines
5.7 KiB
HTML
127 lines
5.7 KiB
HTML
<!doctype html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Contact — InLive We Stream</title>
|
|
<meta name="description" content="Demandez une démonstration, un accès de test ou un devis pour votre production à distance.">
|
|
<link rel="canonical" href="https://inlivewestream.com/contact.html">
|
|
<link rel="icon" href="/assets/favicon.svg" type="image/svg+xml">
|
|
<link rel="stylesheet" href="/assets/style.css">
|
|
<meta property="og:title" content="Contact — InLive We Stream">
|
|
<meta property="og:description" content="Demandez une démonstration, un accès de test ou un devis pour votre production à distance.">
|
|
<meta property="og:url" content="https://inlivewestream.com/contact.html">
|
|
</head>
|
|
<body>
|
|
<a class="skip" href="#main">Aller au contenu</a>
|
|
|
|
<header class="site-header">
|
|
<div class="wrap">
|
|
<a class="brand" href="/"><span class="dot" aria-hidden="true"></span>InLive We Stream</a>
|
|
<nav class="nav" aria-label="Navigation principale">
|
|
<a href="/services.html">Services</a>
|
|
<a href="/tarifs.html">Tarifs</a>
|
|
<a href="/souverainete.html">Souveraineté</a>
|
|
<a href="/contact.html" aria-current="page" class="cta">Nous contacter</a>
|
|
</nav>
|
|
</div>
|
|
</header>
|
|
|
|
<main id="main">
|
|
|
|
<section class="page-head">
|
|
<div class="wrap">
|
|
<h1>Parlons de votre prochain direct</h1>
|
|
<p class="lead">Décrivez votre événement, nous revenons vers vous sous un jour ouvré avec une proposition ou un accès de test.</p>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="section">
|
|
<div class="wrap contact-grid">
|
|
<form class="form" method="post" action="/api/contact" id="contact-form">
|
|
<div class="row">
|
|
<label>Nom<input type="text" name="name" required autocomplete="name"></label>
|
|
<label>Organisation<input type="text" name="org" autocomplete="organization"></label>
|
|
</div>
|
|
<div class="row">
|
|
<label>E-mail<input type="email" name="email" required autocomplete="email"></label>
|
|
<label>Téléphone <span class="hint">facultatif</span><input type="tel" name="phone" autocomplete="tel"></label>
|
|
</div>
|
|
<label>Votre besoin
|
|
<select name="need" id="need">
|
|
<option value="test">Tester un point d'entrée SRT (1 h offerte)</option>
|
|
<option value="essentiel">Abonnement Essentiel</option>
|
|
<option value="production">Abonnement Production</option>
|
|
<option value="broadcast">Abonnement Broadcast (devis)</option>
|
|
<option value="remi">Production à distance clé en main</option>
|
|
<option value="location">Location de boîtier terrain</option>
|
|
<option value="installation">Installation chez nous</option>
|
|
<option value="autre">Autre</option>
|
|
</select>
|
|
</label>
|
|
<label>Votre événement <span class="hint">date, lieu, nombre de caméras, destinations de diffusion</span>
|
|
<textarea name="message" rows="6" required></textarea>
|
|
</label>
|
|
<label style="display:none" aria-hidden="true">Ne pas remplir<input type="text" name="website" tabindex="-1" autocomplete="off"></label>
|
|
<label class="small" style="font-weight:400; grid-template-columns: auto 1fr; align-items:start; gap:0.6rem;">
|
|
<input type="checkbox" name="consent" required style="margin-top:0.3rem">
|
|
<span>J'accepte que ces informations servent à traiter ma demande. Elles ne sont ni cédées ni utilisées à d'autres fins. <a href="/mentions-legales.html#donnees">En savoir plus</a>.</span>
|
|
</label>
|
|
<div>
|
|
<button class="btn btn-primary" type="submit">Envoyer la demande</button>
|
|
</div>
|
|
</form>
|
|
|
|
<aside class="contact-aside">
|
|
<h3>Par e-mail</h3>
|
|
<p><a href="mailto:contact@inlivewestream.com">contact@inlivewestream.com</a></p>
|
|
<h3>Par téléphone</h3>
|
|
<p>+33 (0)X XX XX XX XX, du lundi au vendredi, 9 h à 18 h.</p>
|
|
<h3>Pendant un direct</h3>
|
|
<p>Les clients sous abonnement disposent d'un numéro d'astreinte communiqué à la mise en service.</p>
|
|
<h3>Un problème en cours ?</h3>
|
|
<p>Consultez la <a href="https://status.inlivewestream.com">page de statut</a> avant de nous écrire : les incidents connus y sont publiés.</p>
|
|
</aside>
|
|
</div>
|
|
</section>
|
|
|
|
<script>
|
|
// Présélectionne l'offre si l'URL contient ?offre=...
|
|
(function () {
|
|
var offre = new URLSearchParams(location.search).get('offre');
|
|
var select = document.getElementById('need');
|
|
if (offre && select && select.querySelector('option[value="' + offre + '"]')) select.value = offre;
|
|
})();
|
|
</script>
|
|
|
|
</main>
|
|
|
|
<footer class="site-footer">
|
|
<div class="wrap">
|
|
<div>
|
|
<h4>InLive We Stream</h4>
|
|
<p>Remote production audiovisuelle. Serveurs en France, logiciels libres.</p>
|
|
<p style="margin-top:0.75rem"><span class="status">Tous les services fonctionnent</span> — <a href="https://status.inlivewestream.com">page de statut</a></p>
|
|
</div>
|
|
<div>
|
|
<h4>Offre</h4>
|
|
<ul>
|
|
<li><a href="/services.html">Services</a></li>
|
|
<li><a href="/tarifs.html">Tarifs</a></li>
|
|
<li><a href="/souverainete.html">Souveraineté</a></li>
|
|
<li><a href="/contact.html">Contact</a></li>
|
|
</ul>
|
|
</div>
|
|
<div>
|
|
<h4>Informations</h4>
|
|
<ul>
|
|
<li><a href="/mentions-legales.html">Mentions légales</a></li>
|
|
<li><a href="/mentions-legales.html#donnees">Données personnelles</a></li>
|
|
<li><a href="mailto:contact@inlivewestream.com">contact@inlivewestream.com</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</body>
|
|
</html>
|