-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathcontact.html
143 lines (131 loc) · 4.34 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
<!DOCTYPE HTML>
<!--
Phantom by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Contact</title>
<meta charset="utf-8" />
<meta http-equiv="refresh" content="0; url=https://website-b-bischoff.vercel.app/" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-CP7YYY7WEF"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-CP7YYY7WEF');
</script>
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper">
<!-- Header -->
<header id="header">
<div class="inner">
<!-- Logo -->
<a href="index.html" class="logo">
<span class="symbol"><img src="images/Square-grey.png" alt="" /></span><span class="title">Page Principale</span>
</a>
<!-- Nav -->
<nav>
<ul>
<li><a href="#menu">Menu</a></li>
</ul>
</nav>
</div>
</header>
<!-- Menu -->
<nav id="menu">
<h2>Menu</h2>
<ul>
<li><a href="index.html">Projets</a></li>
<li><a href="a-propos.html">À propos</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
<!-- Main -->
<div id="main">
<div class="inner">
<h1>Contact</h1>
<p>
Voici les différentes plateformes qui vous permettront de me contacter, télécharger mes productions ou suivre l'avancement de mes travaux.
</p>
<br>
<div class="box alt">
<div class="row gtr-uniform">
<div class="col-4">
<center>
<a href="https://b-bischoff.itch.io/" class="icon brands style2 fa-itch-io"><span class="label">500px</span></a>
<br><br>
<a href="https://b-bischoff.itch.io/"><h3>Itch.io</h3></a>
<p>
Vous pourrez télécharger ici chaque projet fini sous format exécutable.
</p>
</center>
</div>
<div class="col-4">
<center>
<a href="https://github.com/B-Bischoff/" class="icon brands style2 fa-github"><span class="label">GitHub</span></a>
<br><br>
<a href="https://github.com/B-Bischoff/"><h3>GitHub</h3></a>
<p>
Un accès au code source de chaque projet.
</p>
</center>
</div>
<div class="col-4">
<center>
<a href="#" class="icon brands style2 fa-instagram"><span class="label">Instagram</span></a>
<br><br>
<a href="#"><h3>Instagram</h3></a>
<p>
Suivre l'avancement des projets en cours.
</p>
</center>
</div>
</div>
</div>
</div>
</div>
<!-- Footer -->
<footer id="footer">
<div class="inner">
<section>
<h2>Me contacter</h2>
<form action="https://formsubmit.co/[email protected]" method="post">
<div class="fields">
<div class="field half">
<input type="text" name="name" id="name" placeholder="Nom" />
</div>
<div class="field half">
<input type="email" name="email" id="email" placeholder="Email" required/>
</div>
<div class="field">
<textarea name="message" id="message" placeholder="Message" required></textarea>
</div>
</div>
<ul class="actions">
<li><input type="submit" value="Envoyer" class="primary" /></li>
</ul>
</form>
</section>
<ul class="copyright">
<li>Design adapté depuis une création : <a href="http://html5up.net">HTML5 UP</a></li>
<li>Ce site utilise Google Analytics</li>
</ul>
</div>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>