/
contact.html
152 lines (132 loc) · 8.32 KB
/
contact.html
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
141
142
143
144
145
146
147
148
149
150
151
152
<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Orignall - Développement d'Aliments et de Procédés Innovants</title>
<link rel="stylesheet" href="app.min.css" />
<link href='https://fonts.googleapis.com/css?family=Roboto:400,300,100,700' rel='stylesheet' type='text/css' />
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDbTWtaSQGFcyNt0OnwfsoXZJKp5JtTIyU" type="text/javascript"></script>
<script src='https://www.google.com/recaptcha/api.js'></script>
<script src="https://smtpjs.com/v2/smtp.js"></script>
</head>
<body>
<!-- HEADER SECTION -->
<section class="header shadow">
<div class="row">
<div class="medium-11 medium-centered columns">
<div class="small-6 columns">
<a href="index.html">
<img class="logo" src="res/logo.svg">
</a>
<a href="en/contact.html" class="flag flag-en"></a>
</div>
<div class="small-6 columns">
<span class="menu right">
</a>
<a href="index.html">Accueil</a>
<a href="contact.html" class="selected">Contact</a>
</span>
</div>
</div>
</section>
<!-- MAP SECTION -->
<section class="map">
</section>
<div class="shadow content">
<!-- CONTACT SECTION -->
<section class="contact">
<div class="row">
<div class="panel clearfix small-centered columns">
<img alt="message icon" src="res/message.svg" class="left">
<div class="contact-infos">
<p class="number">+33 (0)6 61 69 27 36</p>
<p class="email">CONTACT@ORIGINALL.FR</p>
<p class="address">18 impasse Racine<br/> 21800 - Chevigny-Saint-Sauveur - France</p>
</div>
</div>
</div>
</section>
<!-- SEPARTATOR -->
<div class="row">
<div class="medium-10 medium-centered columns">
<div class="line"></div>
</div>
</div>
<!-- FORM SECTION -->
<section class="contact-form">
<div class="row">
<div class="medium-10 medium-centered columns">
<h1>Envoyer un message</h1>
<p>Vous souhaitez en savoir plus ? Vous souhaitez nous consulter pour réaliser votre projet ? <br/><br/> Utilisez le formulaire ci-dessous pour nous envoyer un e-mail. Nous reprendrons contact avec vous très prochainement.</p>
<form class="form" action="?">
<input type="text" placeholder="Nom complet">
<input type="email" placeholder="Adresse email">
<div class="line"></div>
<input type="text" placeholder="Sujet" class="subject">
<textarea placeholder="Message"></textarea>
<input class="g-recaptcha send-btn" data-sitekey="6LfZwlYUAAAAAJaC5mABNu05CHOVyhvjCLP7FZ2L" data-callback='onSubmit' type="submit" value="Envoyer">
<div class="spinner" data-options="brown" role="progressbar" aria-valuetext="Loading…"></div>
<div style="clear: both;"></div>
</form>
<div class="feedback">
<img/>
<p></p>
</div>
</div>
</div>
</section>
</div>
<section class="footer">
<div class="row">
<div class="medium-11 medium-centered columns">
<div class="medium-4 columns">
<a href=".">
<img class="logo" src="res/logo-white.svg">
</a>
</div>
<div class="medium-8 columns">
<p id="mentions-btn" style="text-decoration: underline;">Mentions légales</p>
</div>
</div>
</div>
</section>
<script src="app.min.js"></script>
<script type="text/javascript">
document.querySelector("#mentions-btn").onclick = function(e) {
document.querySelector('#mentions').style.display = "block";
e.preventDefault();
e.stopPropagation();
};
document.onclick = function() {
document.querySelector('#mentions').style.display = "none"
};
</script>
<div id="mentions" style="display: none; background: rgba(255, 255, 255, 0.72);width: 100%;height: 100%;position: fixed;top: 0px;left: 0px;">
<div style="color: black;width: 80%;margin: 0 auto;text-align: center;height: 80%;overflow: scroll;margin-top: 100px;background: white;border: solid 1px;padding: 20px 50px 50px 50px;border-radius: 25px;margin-top: 100px;">
<h1 style="color: #574e53;margin-top: 50px;">Mentions Légales</h1>
<p> La marque ORIGINALL est une marque déposée et enregistrée à l'INPI -Institut National de la Propriété Industrielle - sous le numéro 3969966.
Le site <a>www.originall.fr</a> a pour objet de fournir une information concernant les activités de conseil et d’accompagnement industriel proposées par la SARL ALIMENTERE. Il est soumis à la loi française.
Le contenu mis à disposition sur le présent site sont données à titre informatif, et sont susceptibles d’évoluer. Par ailleurs, les renseignements figurant sur le site sont donnés sous réserve de modifications ayant été apportées depuis leur mise en ligne. Ce site peut comporter des informations mises à disposition par des sociétés externes ou des liens hypertextes vers d’autres sites qui n’ont pas été développés par ALIMENTERE. L’existence d’un lien de ce site vers un autre site ne constitue pas une validation de ce site ou de son contenu. Il appartient à l’internaute d’utiliser ces informations avec discernement et esprit critique. La responsabilité de l’éditeur ne saurait être engagée quant aux informations, opinions, recommandations formulées par des tiers.
</p>
<h2 style="color: #574e53;margin-top: 50px;">
Informations Société
</h2>
<p>ALIMENTERE, SARL au capital social de 13 000€, dont le siège social est situé 18 impasse Racine – 21800 Chevigny-St-Sauveur - immatriculée au RCS de DIJON sous le numéro 793 980 723 - APE 7490B - TVA FR 93 793980723 - Tél. : +33 (0)6 61 69 27 36 - Courriel : contact@originall.fr</p>
<h2 style="color: #574e53;margin-top: 50px;">Gestion des données personnelles</h2>
<p>
A l'occasion de l'utilisation du site et pour les besoins de certains services proposés, des informations peuvent être recueillies. L'utilisateur fournit ces informations en toute connaissance de cause, notamment lorsqu'il procède par lui-même à leur saisie.
ALIMENTERE s'engage à ne pas publier, échanger, transférer ou céder à des tiers, les informations personnelles de l'utilisateur.
Tout utilisateur dispose d’un droit d’accès, de rectification et d’opposition aux données personnelles le concernant. Vous pouvez exercer ce droit par courriel à contact@originall.fr ou par courrier à : ALIMENTERE, 18 impasse Racine – 21800 Chevigny-St-Sauveur.
</p>
<h2 style="color: #574e53;margin-top: 50px;">Propriété intellectuelle et contrefaçons </h2>
<p>Le site, ainsi que les informations qu’il contient, est protégé par le code de la propriété intellectuelle et les conventions internationales sur le copyright. Le contenu du site ne peut être ni reproduit, ni republié, ni retranscrit, ni retransmis sans l’autorisation préalable des ayants droit par écrit, tous droits réservés. Toute exploitation non autorisée du site ou de l’un des éléments qu’il contient sera considérée comme constitutive d’une contrefaçon et susceptible d’être poursuivie conformément aux dispositions des articles L.335-2 et suivants du Code de Propriété Intellectuelle.</p>
<h2 style="color: #574e53;margin-top: 50px;">Responsable publication</h2>
<p>Jean-Philippe FASQUEL</p>
<h2 style="color: #574e53;margin-top: 50px;">Hébergement du site</h2>
Le site est hebergé gratuitement sous la forme d'un projet open source par <a href="github.com" >Github</a>.<br/>
Le code source est disponible : <a href="https://github.com/origin-all/origin-all.github.io">https://github.com/origin-all/origin-all.github.io</a>.
</github>
</div>
</body>
</html>