-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
174 lines (162 loc) · 6.08 KB
/
index.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
173
174
---
layout: default
---
<!-- header-->
<section class="header-homepage">
{% include navbar.html logo="white" navClass="whites" %}
<div class="thomas-picture">
</div>
<div class="titre-fadein headtext-one">
GRAPHIC
</div>
<div class="titre-fadein headtext-two">
DESIGNER
</div>
<div class="titre-fadein headtext-three">
THOMAS LAMMENS
</div>
</section>
<!-- TRAVAUX-->
<section class="grid-x grid-padding-x align-center slide-one">
<div class="small-12 cells title">
TRAVAUX
</div>
<div class="small-12 cells text">
Au cours des ces dernières années, j’ai acquis une certaine expérience qui me permet aujourd’hui de vous présenter mon</br>
site web portfolio. Vous y trouverez une compilation de toutes mes réalisations. Du print au web, mon</br>
graphisme s’adapte à tout support multimédia.
</div>
</section>
</div>
<section class="grid-x grid-padding-x align-center">
<section class="small-9 cells gallery">
<div class="navbar grey">
<div class="elem-nav grey">
<a href="#" target="_blank">TOUT</a>
</div>
<div class="elem-nav grey">
<a href="#" target="_blank">CREATION GRAPHIQUE</a>
</div>
<div class="elem-nav grey">
<a href="#" target="_blank">DESIGN WEB</a>
</div>
<div class="elem-nav grey">
<a href="#" target="_blank">DESIGN MOBILE</a>
</div>
<div class="elem-nav grey">
<a href="#" target="_blank">CREATION AUDIOVISUELLE</a>
</div>
<div class="elem-nav grey">
<a href="#" target="_blank">PHOTOGRAPHIE</a>
</div>
</div>
</section>
</section>
<!-- gallerie---->
{% include galeriecompetences.html %}
<!-- COMPÉTENCES-->
<section class="grid-x grid-padding-x align-center">
<section class="cell small-8">
<div class="title">
COMPÉTENCES
</div>
</section>
<section class="grid-x grid-padding-x align-center">
<section class="cell small-9 slide-three">
<section class="slide-skills">
<div class="img-competences">
<img alt="img" src="Images/Pictogrammes/creationgraphique.png">
</div>
<div class="competence-title">CRÉATION GRAPHIQUE
</div>
<div class="text">
Création graphique d’une identité visuelle sur papier ou sur le web : logo ou tout concept graphique.
</div>
</section>
<section class="slide-skills">
<div class="img-competences">
<img alt="img" src="Images/Pictogrammes/designweb.png">
</div>
<div class="competence-title">DESIGN WEB
</div>
<div class="text">
Création d'interfaces de sites web, intégrations de contenus multimédias, graphisme, ergonomie, prototypage.
</div>
</section>
<section class="slide-skills">
<div class="img-competences">
<img alt="img" src="Images/Pictogrammes/designmobile.png">
</div>
<div class="competence-title">DESIGN MOBILE
</div>
<div class="text">
Création de l’identité d’une application mobile : du graphisme à l’ergonomie et de la stratégie digital à la communication.
</div>
</section>
<section class="slide-skills">
<div class="img-competences">
<img alt="img" src="Images/Pictogrammes/creationaudiovisuelle.png">
</div>
<div class="competence-title">
CRÉATION AUDIOVISUELLE
</div>
<div class="text">
Création graphique d’une identité visuelle sur papier ou sur le web : logo ou tout concept graphique.
</div>
</section>
<section class="slide-skills">
<div class="img-competences">
<img alt="img" src="Images/Pictogrammes/photographie.png">
</div>
<div class="competence-title">
PHOTOGRAPHIE
</div>
<div class="text">
Réalisation de photographies lors de festivals, mariages, expositions ou en studio. Demande de clichés pour le web.
</div>
</section>
</section>
</section>
<!-- à propos de moi-->
<section class="aproposdemoi">
<div class="grid-x grid-padding-x align-center">
<div class="cell small-8">
<div class="title">
À PROPOS DE MOI
</div>
<div class="text">
Je suis étudiant à l’ISFSC en Écriture Multimédia. L’école forme en 3 ans des concepteurs et gestionnaires de projets multimédias capables d’imaginer, conceptualiser et scénariser des contenus pertinents et interactifs sur des supports numériques, grâce à la maîtrise de connaissances et de techniques spécifiques. Je me suis spécialisé dans le graphisme parce que c’est un domaine créatif et visuel. Comme un artiste sur une toile de peinture, on peut exprimer toute sa créativité. Je suis ouvert à toute proposition, n’hésitez pas à me contacter.
</div>
</div>
</div>
</section>
<!-- CONTACT-->
<section class="contact">
<div class="projetrea">
<div class="title">
UN PROJET À RÉALISER ?
</div>
<div class="text">
Envie d’un de mes services pour l’un de vos projets ? Contactez-moi ! Je travail comme freelance ce qui m’offre une grande flexibilité. Expliquez clairement les délais, la nature du projet et la ligne graphique souhaitée. Vous recevrez une réponse dans les plus brefs délais.
</div>
</div>
<div class="formulairecontact">
<form method="POST" netlify>
<div class="form-element">
<label for="fname">NOM</label>
<input id="NOM" name="NOM" placeholder="NOM" type="text">
</div>
<div class="form-element">
<label for="lname">EMAIL</label>
<input id="EMAIL" name="EMAIL" placeholder="EMAIL" type="text">
</div>
<div class="form-element">
<label for="subject">MESSAGE</label>
<textarea id="MESSAGE" name="MESSAGE" placeholder="MESSAGE" style="height:200px"></textarea>
</div>
<div class="form-element">
<input type="submit" value="ENVOYER">
</div>
</form>
</div>
</section>