-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
122 lines (115 loc) · 16.3 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
<!-- Page "Mes Projets" -->
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<link rel="stylesheet" href="style3.css" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Dosis:wght@300&family=Goldman&display=swap" rel="stylesheet" />
<title>A propos</title>
</head>
<body>
<div class="svg_1">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
style="margin:auto;background:#142b4d;display:block;z-index:1;position:relative" width="2281" height="82"
preserveAspectRatio="xMidYMid" viewBox="0 0 2281 82">
<g transform="translate(1140.5,41) scale(1,1) translate(-1140.5,-41)">
<linearGradient id="lg-0.6659249318463232" x1="0" x2="1" y1="0" y2="0">
<stop stop-color="#445d82" offset="0"></stop>
<stop stop-color="#2195f9" offset="1"></stop>
</linearGradient>
<path d="" fill="url(#lg-0.6659249318463232)" opacity="0.4">
<animate attributeName="d" dur="5.88235294117647s" repeatCount="indefinite"
keyTimes="0;0.333;0.667;1" calcMode="spline" keySplines="0.5 0 0.5 1;0.5 0 0.5 1;0.5 0 0.5 1"
begin="0s"
values="M0 0L 0 75.66977883622893Q 126.72222222222223 112.50597785357472 253.44444444444446 66.29498017638208T 506.8888888888889 55.8940396707043T 760.3333333333334 60.71533537518765T 1013.7777777777778 42.715269654875804T 1267.2222222222222 46.99852748305905T 1520.6666666666667 39.295363996513366T 1774.111111111111 31.478463615037917T 2027.5555555555557 23.439600586333242T 2281 20.114802440485292L 2281 0 Z;M0 0L 0 76.84890267517983Q 126.72222222222223 92.36339114512955 253.44444444444446 65.83959250458685T 506.8888888888889 54.64479981014746T 760.3333333333334 61.87984274663326T 1013.7777777777778 54.30707892704299T 1267.2222222222222 44.045147601934886T 1520.6666666666667 31.904875133735963T 1774.111111111111 33.61922039846944T 2027.5555555555557 24.342575295941216T 2281 19.844608803385476L 2281 0 Z;M0 0L 0 68.54384865579665Q 126.72222222222223 94.84038703655587 253.44444444444446 70.78145901803151T 506.8888888888889 61.43174356468117T 760.3333333333334 63.72539752571702T 1013.7777777777778 44.93292479540649T 1267.2222222222222 47.71586658985462T 1520.6666666666667 39.678009803334405T 1774.111111111111 29.199471749192234T 2027.5555555555557 26.05680534162454T 2281 22.221795270486915L 2281 0 Z;M0 0L 0 75.66977883622893Q 126.72222222222223 112.50597785357472 253.44444444444446 66.29498017638208T 506.8888888888889 55.8940396707043T 760.3333333333334 60.71533537518765T 1013.7777777777778 42.715269654875804T 1267.2222222222222 46.99852748305905T 1520.6666666666667 39.295363996513366T 1774.111111111111 31.478463615037917T 2027.5555555555557 23.439600586333242T 2281 20.114802440485292L 2281 0 Z">
</animate>
</path>
<path d="" fill="url(#lg-0.6659249318463232)" opacity="0.4">
<animate attributeName="d" dur="5.88235294117647s" repeatCount="indefinite"
keyTimes="0;0.333;0.667;1" calcMode="spline" keySplines="0.5 0 0.5 1;0.5 0 0.5 1;0.5 0 0.5 1"
begin="-1.9607843137254901s"
values="M0 0L 0 69.48979506810184Q 126.72222222222223 112.54139131619739 253.44444444444446 69.73114202069964T 506.8888888888889 63.45620521592626T 760.3333333333334 51.38595534376515T 1013.7777777777778 55.51446013195146T 1267.2222222222222 40.37591833975263T 1520.6666666666667 37.9348854667034T 1774.111111111111 34.03496418539523T 2027.5555555555557 22.671501008486445T 2281 24.35420482513809L 2281 0 Z;M0 0L 0 68.96272005442219Q 126.72222222222223 98.24154322534623 253.44444444444446 63.297245737694304T 506.8888888888889 61.91807556150994T 760.3333333333334 58.86177545854466T 1013.7777777777778 44.80478339012585T 1267.2222222222222 50.863417596569754T 1520.6666666666667 44.24283642052973T 1774.111111111111 27.83981524633345T 2027.5555555555557 30.08359174981139T 2281 23.23258524438024L 2281 0 Z;M0 0L 0 79.9124312085111Q 126.72222222222223 94.14840143117704 253.44444444444446 74.55582593792255T 506.8888888888889 57.49860221821227T 760.3333333333334 61.57804359802637T 1013.7777777777778 57.49344791604664T 1267.2222222222222 49.27617213268388T 1520.6666666666667 33.90205646527765T 1774.111111111111 26.00292065945699T 2027.5555555555557 31.312415497821902T 2281 22.238461961537276L 2281 0 Z;M0 0L 0 69.48979506810184Q 126.72222222222223 112.54139131619739 253.44444444444446 69.73114202069964T 506.8888888888889 63.45620521592626T 760.3333333333334 51.38595534376515T 1013.7777777777778 55.51446013195146T 1267.2222222222222 40.37591833975263T 1520.6666666666667 37.9348854667034T 1774.111111111111 34.03496418539523T 2027.5555555555557 22.671501008486445T 2281 24.35420482513809L 2281 0 Z">
</animate>
</path>
<path d="" fill="url(#lg-0.6659249318463232)" opacity="0.4">
<animate attributeName="d" dur="5.88235294117647s" repeatCount="indefinite"
keyTimes="0;0.333;0.667;1" calcMode="spline" keySplines="0.5 0 0.5 1;0.5 0 0.5 1;0.5 0 0.5 1"
begin="-3.9215686274509802s"
values="M0 0L 0 76.34475040947156Q 126.72222222222223 111.40589903124828 253.44444444444446 73.54886635464602T 506.8888888888889 62.85471115209746T 760.3333333333334 56.44689410062179T 1013.7777777777778 51.918849864505646T 1267.2222222222222 42.307207201996754T 1520.6666666666667 41.55136878783685T 1774.111111111111 34.20996080515674T 2027.5555555555557 14.859355943719194T 2281 16.09546203614191L 2281 0 Z;M0 0L 0 72.25710265781333Q 126.72222222222223 104.20268447752127 253.44444444444446 68.56636129969598T 506.8888888888889 57.72554448268461T 760.3333333333334 60.46215397460264T 1013.7777777777778 46.60032287832432T 1267.2222222222222 47.37301421340332T 1520.6666666666667 38.20303538368563T 1774.111111111111 31.76242134438656T 2027.5555555555557 28.689304960643803T 2281 16.630783307368638L 2281 0 Z;M0 0L 0 69.12498509670566Q 126.72222222222223 107.83160363176985 253.44444444444446 62.630579544724576T 506.8888888888889 67.67733398670643T 760.3333333333334 54.37769630370739T 1013.7777777777778 56.8361744626537T 1267.2222222222222 47.74958415462331T 1520.6666666666667 40.638010495434784T 1774.111111111111 31.8452479496571T 2027.5555555555557 33.823803098032656T 2281 20.305219992738195L 2281 0 Z;M0 0L 0 76.34475040947156Q 126.72222222222223 111.40589903124828 253.44444444444446 73.54886635464602T 506.8888888888889 62.85471115209746T 760.3333333333334 56.44689410062179T 1013.7777777777778 51.918849864505646T 1267.2222222222222 42.307207201996754T 1520.6666666666667 41.55136878783685T 1774.111111111111 34.20996080515674T 2027.5555555555557 14.859355943719194T 2281 16.09546203614191L 2281 0 Z">
</animate>
</path>
</g>
</svg>
</div>
<main>
<nav class="navbar">
<a href="index.html">Accueil</a>
<a href="project1.html">Mes projets</a>
<a href="competence.html">Mes compétences</a>
<a href="about.html">Qui suis-je ?</a>
<a href="contact.html">Contact</a>
</nav>
</main>
<h2>Qui suis-je ?</h2>
<div class="b1">
<p class="about_1">Je m'appelle Jonathan, né à Ajaccio en Corse, j'ai vécu la plupart de mon temps au village.
Malheureusement, à l'âge de six ans et demi, je tombe gravement malade, je suis atteint d'une leucémie. Ce
qui m'a certes, affaibli physiquement, mais qui a fait en sorte de me rendre plus fort aujourd'hui.
Aujourd'hui, à l'heure où je vous parle, je suis beaucoup investi dans différentes associations, je crée des
choses à mes heures perdues et je travaille énormément pour m'adapter selon mes difficultés. En effet, je
suis dysphasique, cela m'handicape énormément pour la langue et l'expression orale, mais cela n'empêchera
pas de faire ce que j'aime et de m'investir pour de bonnes causes. Enfaite, je suis quelqu'un de totalement
normal, malgré ce que j'ai vécu dans mon passé. Je suis également musicien et autodidacte. Je fais partie
Des grognards napoléoniens à Ajaccio. La musique est un moyen de communication que je maitrise à la
perfection. Certes, je ne suis pas très bon en français ou en anglais. Mais en musique, cela est tout une
autre chose. Alors, si vous avez un rêve ou une passion, allez-y, foncez, vous ne le regretterez pas.
<br>
J'ai choisi la filière MMI car je suis fortement intéressé par la polyvalence de cette formation. En effet;
cette voie est très riche en savoir. Si vous avez une passion pour les multimédias en général;
l'audiovisuel ou la conception web, allez-y, c'est totalement fait pour vous ! Forza !
<br>
Depuis septembre, je suis pleinement investi pour une associations qui vient en aide aux étudants dans le
besoin. Cette association est l'Aiutu Studientinu.
</p>
<div class="pdp">
<img src="pdp.jpg" alt="Photo de Jonathan">
</div>
</div>
<div class="svg_2">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
style="margin:auto;background:#142b4d;display:block;z-index:1;position:relative" width="2281" height="82"
preserveAspectRatio="xMidYMid" viewBox="0 0 2281 82">
<g transform="translate(1140.5,41) scale(1,-1) translate(-1140.5,-41)">
<linearGradient id="lg-0.14888962981202125" x1="0" x2="1" y1="0" y2="0">
<stop stop-color="#445d82" offset="0"></stop>
<stop stop-color="#2195f9" offset="1"></stop>
</linearGradient>
<path d="" fill="url(#lg-0.14888962981202125)" opacity="0.4">
<animate attributeName="d" dur="5.88235294117647s" repeatCount="indefinite"
keyTimes="0;0.333;0.667;1" calcMode="spline" keySplines="0.5 0 0.5 1;0.5 0 0.5 1;0.5 0 0.5 1"
begin="0s"
values="M0 0L 0 77.91372892092387Q 126.72222222222223 99.07115928129394 253.44444444444446 67.99302304538112T 506.8888888888889 56.54946835781412T 760.3333333333334 60.97254540617595T 1013.7777777777778 49.42584752025279T 1267.2222222222222 34.86588265144178T 1520.6666666666667 32.95486336975439T 1774.111111111111 31.730102148545058T 2027.5555555555557 21.045292742326936T 2281 17.24475882884117L 2281 0 Z;M0 0L 0 73.3039051020541Q 126.72222222222223 113.44125849140747 253.44444444444446 65.5613481704926T 506.8888888888889 65.04701840173965T 760.3333333333334 51.6792754694652T 1013.7777777777778 50.30959901437744T 1267.2222222222222 48.23660383990665T 1520.6666666666667 38.47011226549259T 1774.111111111111 34.298581853595756T 2027.5555555555557 24.221179402218723T 2281 17.713460083938486L 2281 0 Z;M0 0L 0 70.78468388370776Q 126.72222222222223 117.42195995780456 253.44444444444446 65.38353355588973T 506.8888888888889 66.61076150488458T 760.3333333333334 51.677252412141726T 1013.7777777777778 56.45818108817481T 1267.2222222222222 43.705834197984224T 1520.6666666666667 38.48832324735892T 1774.111111111111 26.191427687806467T 2027.5555555555557 29.399555355158185T 2281 22.807635468476526L 2281 0 Z;M0 0L 0 77.91372892092387Q 126.72222222222223 99.07115928129394 253.44444444444446 67.99302304538112T 506.8888888888889 56.54946835781412T 760.3333333333334 60.97254540617595T 1013.7777777777778 49.42584752025279T 1267.2222222222222 34.86588265144178T 1520.6666666666667 32.95486336975439T 1774.111111111111 31.730102148545058T 2027.5555555555557 21.045292742326936T 2281 17.24475882884117L 2281 0 Z">
</animate>
</path>
<path d="" fill="url(#lg-0.14888962981202125)" opacity="0.4">
<animate attributeName="d" dur="5.88235294117647s" repeatCount="indefinite"
keyTimes="0;0.333;0.667;1" calcMode="spline" keySplines="0.5 0 0.5 1;0.5 0 0.5 1;0.5 0 0.5 1"
begin="-1.9607843137254901s"
values="M0 0L 0 78.30100455053665Q 126.72222222222223 91.61113423824618 253.44444444444446 75.27989106146511T 506.8888888888889 56.147244815841155T 760.3333333333334 55.19443087757564T 1013.7777777777778 53.84613938601714T 1267.2222222222222 38.57472728036621T 1520.6666666666667 34.41235206107388T 1774.111111111111 26.134774678136722T 2027.5555555555557 22.575556929345083T 2281 20.58875489768193L 2281 0 Z;M0 0L 0 67.65530758031315Q 126.72222222222223 95.08103157327396 253.44444444444446 75.35260653640657T 506.8888888888889 61.86173091272388T 760.3333333333334 53.59266108708502T 1013.7777777777778 51.39899771186532T 1267.2222222222222 49.42415810790835T 1520.6666666666667 40.746343930794616T 1774.111111111111 42.04281395769165T 2027.5555555555557 23.245756685151576T 2281 30.731849511855778L 2281 0 Z;M0 0L 0 79.67514593062718Q 126.72222222222223 100.70105575119052 253.44444444444446 71.15005324117038T 506.8888888888889 56.172232788434144T 760.3333333333334 51.86255606495704T 1013.7777777777778 50.92678657218532T 1267.2222222222222 49.37247155499861T 1520.6666666666667 44.291510987472904T 1774.111111111111 31.286241386344642T 2027.5555555555557 26.354402906646236T 2281 18.098111257969606L 2281 0 Z;M0 0L 0 78.30100455053665Q 126.72222222222223 91.61113423824618 253.44444444444446 75.27989106146511T 506.8888888888889 56.147244815841155T 760.3333333333334 55.19443087757564T 1013.7777777777778 53.84613938601714T 1267.2222222222222 38.57472728036621T 1520.6666666666667 34.41235206107388T 1774.111111111111 26.134774678136722T 2027.5555555555557 22.575556929345083T 2281 20.58875489768193L 2281 0 Z">
</animate>
</path>
<path d="" fill="url(#lg-0.14888962981202125)" opacity="0.4">
<animate attributeName="d" dur="5.88235294117647s" repeatCount="indefinite"
keyTimes="0;0.333;0.667;1" calcMode="spline" keySplines="0.5 0 0.5 1;0.5 0 0.5 1;0.5 0 0.5 1"
begin="-3.9215686274509802s"
values="M0 0L 0 76.32030364689712Q 126.72222222222223 87.5226218884869 253.44444444444446 71.32282507696381T 506.8888888888889 56.99515144674902T 760.3333333333334 55.4264344613983T 1013.7777777777778 46.65868994906455T 1267.2222222222222 42.154868261560054T 1520.6666666666667 40.91999650844436T 1774.111111111111 27.659610239589313T 2027.5555555555557 26.913319091240247T 2281 17.740370954812917L 2281 0 Z;M0 0L 0 72.65469283149426Q 126.72222222222223 92.92638991901119 253.44444444444446 74.90175650530874T 506.8888888888889 63.78508205315909T 760.3333333333334 55.09300508175109T 1013.7777777777778 59.67951198376045T 1267.2222222222222 44.865294969464315T 1520.6666666666667 45.24866574114867T 1774.111111111111 37.855231243334714T 2027.5555555555557 29.926378402654052T 2281 33.36693143903523L 2281 0 Z;M0 0L 0 80.12944910062754Q 126.72222222222223 104.58361624320771 253.44444444444446 69.54278198544758T 506.8888888888889 62.26736062218366T 760.3333333333334 60.74084408612802T 1013.7777777777778 45.448303764134046T 1267.2222222222222 38.603948014424304T 1520.6666666666667 31.021794660170748T 1774.111111111111 32.01440564163504T 2027.5555555555557 20.81757802019537T 2281 12.895741704161011L 2281 0 Z;M0 0L 0 76.32030364689712Q 126.72222222222223 87.5226218884869 253.44444444444446 71.32282507696381T 506.8888888888889 56.99515144674902T 760.3333333333334 55.4264344613983T 1013.7777777777778 46.65868994906455T 1267.2222222222222 42.154868261560054T 1520.6666666666667 40.91999650844436T 1774.111111111111 27.659610239589313T 2027.5555555555557 26.913319091240247T 2281 17.740370954812917L 2281 0 Z">
</animate>
</path>
</g>
</svg>
</div>
</body>