-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
172 lines (169 loc) · 8.44 KB
/
about.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
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>nathannicolle.fr 2.0 - à propos</title>
<link href="css/all.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<header class="header">
<a href="index.html"><img src="logo_v1_intermédiaire.png" class="logo"></a>
<input type="checkbox" id="chkbox_menu">
<label for="chkbox_menu" class="show-menu-btn">
<i class="fas fa-bars"></i>
</label>
<div class="menu">
<ul>
<li><a href="index.html"><i class="fas fa-home"></i> Accueil</a></li>
<li><a href="acc_actu_1.html"><i class="far fa-newspaper"></i> Actus</a>
<div class="sub-menu-1">
<ul>
<li><a href="actu_17.html">- Nouvelle page de profil professionnel</a></li>
<li><a href="actu_16.html">- Nouvelle version du site</a></li>
<li><a href="actu_15.html">- Màj + nouveau site</a></li>
<li><a href="actu_14.html">- Page d'entrée</a></li>
<li><a href="actu_13.html">- Nouveau logo</a></li>
<li><a href="actu_12.html">- Mise à jour d'après maintenance</a></li>
<li><a href="actu_11.html">- Changement de fond</a></li>
<li><a href="actu_10.html">- Nouveau logo</a></li>
<li><a href="actu_9.html">- Mise à jour du site création du plastique</a>
</li>
<li><a href="actu_8.html">- Mise à jour paypal</a></li>
<li><a href="actu_7.html">- Mise à jour de début 2019</a></li>
<li><a href="actu_6.html">- Mise à jour du 07/12/18</a></li>
<li><a href="actu_5.html">- Mise à jour du 24/10/18</a></li>
<li><a href="actu_4.html">- Mise à jour du 08/10/18</a></li>
<li><a href="actu_3.html">- Mise en ligne du site</a></li>
<li><a href="actu_2.html">- Début d'apprentissage du php</a></li>
<li><a href="actu_1.html">- Lancement de mon projet de site web</a></li>
</ul>
</div>
</li>
<li><a href="creations.html"><i class="fas fa-code"></i> Créations</a>
<div class="sub-menu-2">
<ul>
<li><a href="skills.html">- Mes skills</a></li>
<li><a href="creations.html#title_langages">- Langages</a></li>
<li><a href="creations.html#messistes">- Sites web</a></li>
<li><a href="creations.html#apps">- Applis</a></li>
</ul>
</div>
</li>
<li><a href="about.html"><i class="fas fa-info-circle"></i> A propos</a></li>
<label for="chkbox_menu" class="hide-menu-btn">
<i class="fas fa-times"></i>
</label>
</ul>
</div>
</header>
<div class="container">
<div id="banner_about" class="banner_pages">
<h1>à propos</h1>
</div>
<h2 id="title_about_links"><a href="#Remerciments">Remerciements</a> | <a href="#mecontacter">Me contacter</a> |
<a href="#mesreseaux">Mes réseaux</a></h2>
<h1 id="Remerciments">Remerciements :</h1>
<p class="p_about">
<b>
Merci à :<br />
<a href="https://openclassrooms.com/fr/" target="blank" id="link_oc"><b>Openclassrooms</b></a><br />
C'est un super site ! Et comme je l'ai dit
dans l'article sur le lancement de ce site web c'est le site
qui m'a permis de me former au HTML5 et au CSS3 !<br />
Merci à : <br /> <a href="https://dyjix.eu/" target="blank">Dyjix.eu</a>
pour l'hébergement de mon site<br />
Merci aussi à :<br /> <a href="https://www.ovh.com/fr/">ovh cloud</a> pour
le nom de domaine<br />
Merci également à :<br /> Ma famille et à ceux qui m'ont soutenu
pour ce projet !<br />Merci à ceux qui me soutiennent pour
mon projet d'avenir, Merci à ceux qui me soutiendront pour
mes projets futurs<br />
Merci à : <br /> Sébastien HUITOREL pour son aide et ses conseils !<br />
Merci à : <br /><a href="https://www.instagram.com/_titartist_/" target="blank">@_titartist_</a> pour
le nouveau logo (ancien ! :-D => <a href="NN_LOGO_3.jpg" target="blank">ici</a>
<=) du site ! <br />Et pour finir Merci à :<br />VOUS pour
votre visite sur mon site !
</b>
</p>
<h1 id="mecontacter">Me contacter :</h1>
<p class="p_about">
Pour tout problème avec mes sites ou applis vous pouvez me contacter par mail à l'adresse suivante (adresse
avec mail automatique de réponse, le delai de réponse est de maximum 48 heures (souvent moins de 24h))
:<br />
<b><a href="mailto:assistance@nathannicolle.fr" class="mail" title="adresse d'assistance (L'arobase est remplacé par [at] car cela évite les spams
de la boite mail par des bots pour autant le lien est clicable)">
assistance[at]nathannicolle.fr </a></b>(adresse uniquement d'assistance)
<br />
Pour faire une suggestion ou une remarque ou pour me contacter sur des sujets "pro" (tant qu'elle est
constructive ! Donc pas de haine !) vous pouvez me contacter par mail à l'adresse suivante (Le delai de
réponse est de maximum 48 heures (souvent moins de 24h)) :<br />
<b><a href="mailto:contact@nathannicolle.fr" class="mail" title="adresse de suggestion ou de contact pro (L'arobase est remplacé par [at] car cela évite les spams
de la boite mail par des bots pour autant le lien est clicable)">
contact[at]nathannicolle.fr </a><br /></b>
<b>NB : Vous pouvez également me contacter par le biais des messages
privés des réseaux sociaux présents ci-dessous dans la partie "Mes Réseaux"</b>
</p>
<h1 id="mesreseaux">Mes réseaux :</h1>
<h2>Les réseaux sociaux que j'utilise sont les suivants :</h2>
<a href="https://www.instagram.com/nathannicolle2/" class="links_sm_about" title="@nathannicolle2"
target="blank"><i class="fab fa-instagram"></i><br /> Instagram</a>
<p class="p_general">@nathannicolle2<br />
Je suis très réactif sur instagram en cas de messages privés<br />
je poste également les avancés du site donc pour connaître
l'avancée des mises à jour et mes actualités comme pour les
maitenances du ou des sites</p>
<a href="https://discord.com/new" class="links_sm_about" title="Rayunn#3996" target="blank"><i
class="fab fa-discord"></i><br /> Discord</a>
<p class="p_general">
Rayunn#3996<br />
Je réponds aux message privés sur discord vous pouvez m'y
contacter
</p>
<a href="https://github.com/Nathannicolle" class="links_sm_about" title="@Rayunn1" target="blank"><i
class="fab fa-github"></i> Rayunn1</a>
<p class="p_general">
J'ai créé un dépôt github afin que celui qui souhaite voir comment est organisé mon site
en ai la possibilité !
</p>
</div>
<footer class="footer_fleche"><a href="#top"><i class="fas fa-arrow-circle-up"></i></a></footer>
<footer class="pied_de_page">
<div class="footer_lists">
<ul class="pages_utiles">
<li class="title_list_footer"><b>Pages utiles</b></li>
<li><a href="index.html">Accueil</a></li>
<li><a href="partenaires.html">Partenariats</a></li>
<li><a href="crédits.html">Crédits</a></li>
<li><a href="about.html">A propos</a></li>
</ul>
<ul class="contact_footer">
<li class="title_list_footer"><b>Mes réseaux</b></li>
<li><a href="https://www.instagram.com/nathannicolle2/" target="blank" title="nathannicolle2"><i
class="fab fa-instagram"></i>
nathannicolle2 <i class="fas fa-external-link-alt"></i></a></li>
<li><a href="https://discord.com/" target="blank" title="Rayunn #3996">
<i class="fab fa-discord"></i>
Rayunn#3996 <i class="fas fa-external-link-alt"></i></a></li>
<li><a href="https://github.com/Nathannicolle" target="blank" title="Rayunn1">
<i class="fab fa-github"></i>
Rayunn1 <i class="fas fa-external-link-alt"></i></a></li>
<li>
<a href="mailto:assistance@nathannicolle.fr" id="mail" title="adresse d'assistance (L'arobase est remplacé par [at] car cela évite les spams
de la boite mail par des bots pour autant le lien est clicable)"><i class="far fa-envelope"></i>
assistance[at]nathannicolle.fr <i class="fas fa-external-link-alt"></i></a></li>
</ul>
<ul class="mes_sites_footer">
<li class="title_list_footer"><b>Mes sites</b></li>
<li><a href="My_css_experiences/accueil.html" target="blank" title="MyCSSExperience">MCE <i
class="fas fa-external-link-alt"></i></a></li>
<li><a href="Projet_physique_DD/sauvonsnotreplanete.html" target="blank"
title="La création du plastique">LCDP <i class="fas fa-external-link-alt"></i></a></li>
</ul>
</div>
<label id="copyright"><i class="far fa-copyright"></i> 2020 nathannicolle.fr - tout droits réservés</label>
</footer>
</body>
</html>