-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontact.html
executable file
·81 lines (72 loc) · 4.12 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
<head>
<title>Fiches Métiers - Inforientation</title>
<meta charset="utf-8">
<script type="text/javascript">
//<![CDATA[
try{if (!window.CloudFlare) {var CloudFlare=[{verbose:0,p:1484909447,byc:0,owlid:"cf",bag2:1,mirage2:0,oracle:0,paths:{cloudflare:"/cdn-cgi/nexp/dok3v=1613a3a185/"},atok:"26ac84b907f082824c743b9fbc088e32",petok:"823fd86977996715d92eb5820788b4808eccea28-1485260720-1800",zone:"benjv.fr",rocket:"0",apps:{"ga_key":{"ua":"UA-80123450-1","ga_bs":"2"}}}];!function(a,b){a=document.createElement("script"),b=document.getElementsByTagName("script")[0],a.async=!0,a.src="//ajax.cloudflare.com/cdn-cgi/nexp/dok3v=f2befc48d1/cloudflare.min.js",b.parentNode.insertBefore(a,b)}()}}catch(e){};
//]]>
</script>
<link href="https://fonts.googleapis.com/css?family=Aref+Ruqaa|Bungee|Lobster|Oswald|Roboto" rel="stylesheet">
<link href="css/animate.css" rel="stylesheet">
<link href="css/simple-line-icons.css" rel="stylesheet">
<link href="css/metier.css" rel="stylesheet">
<script type="text/javascript">
/* <![CDATA[ */
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-80123450-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
(function(b){(function(a){"__CF"in b&&"DJS"in b.__CF?b.__CF.DJS.push(a):"addEventListener"in b?b.addEventListener("load",a,!1):b.attachEvent("onload",a)})(function(){"FB"in b&&"Event"in FB&&"subscribe"in FB.Event&&(FB.Event.subscribe("edge.create",function(a){_gaq.push(["_trackSocial","facebook","like",a])}),FB.Event.subscribe("edge.remove",function(a){_gaq.push(["_trackSocial","facebook","unlike",a])}),FB.Event.subscribe("message.send",function(a){_gaq.push(["_trackSocial","facebook","send",a])}));"twttr"in b&&"events"in twttr&&"bind"in twttr.events&&twttr.events.bind("tweet",function(a){if(a){var b;if(a.target&&a.target.nodeName=="IFRAME")a:{if(a=a.target.src){a=a.split("#")[0].match(/[^?=&]+=([^&]*)?/g);b=0;for(var c;c=a[b];++b)if(c.indexOf("url")===0){b=unescape(c.split("=")[1]);break a}}b=void 0}_gaq.push(["_trackSocial","twitter","tweet",b])}})})})(window);
/* ]]> */
</script>
</head>
<style type="text/css">
footer {
position:absolute;
}
</style>
<body>
<header>
<div class="animated fadeInDown">
<div class="header-section">
<div class="logo"></div>
<div class="menu-item">
<div class="block-item"><a href="index.html" style="color:white">Accueil</a></div>
<div class="block-item"><a href="fiches-metiers.html" style="color:white">Fiches métiers</a></div>
<div class="block-item"><a href="about.html" style="color:white">À Propos</a></div>
</div>
<div class="search">
<input type="search" style="height:25px;border:0px;font-family:Roboto Condensed;width:160px;font-size:13px;" placeholder="Recherche...">
<div class="icon-magnifier"></div>
</div>
</div>
</div>
</header>
<div class="content">
<div class="contact">
<h1>Contact:</h1>
<br/>
<ul>
<li> <p> Mail: <a href="mailto:contact@inforientation.fr">contact@inforientation.fr</a></p> </li>
<li> <p> Nous contacter: </p>
<form>
Nom:<br>
<input type="text" name="username"><br>
Prénom:<br>
<input type="text" name="username"><br>
Votre email:<br>
<input type="text" name="email"><br>
<input type="checkbox" name="newsletter:" value="None"> S'incrire à la newsletter:<br>
<textarea rows="3" cols="29" name="username" maxlength="250"> Votre message</textarea> <br>
<input type="submit" value="Envoyer">
</form>
</li>
</ul>
</div>
</div>
<footer><a href="mentions-legales.html" style="color : white" >Mentions légales</a> - <a href="cookie.html" style="color : white">Cookies</a> - <a href="contact.html" style="color : white">Contact</a></footer>
</body>