-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
159 lines (149 loc) · 7.29 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
<!DOCTYPE html>
<html lang="fr">
<head prefix="og: http://ogp.me/ns#">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- meta tags for seo/preview -->
<meta name="robots" content="all">
<meta name="target" content="all">
<meta name="language" content="fr">
<meta http-equiv="content-language" content="fr">
<title>Simple Portfolio - Arthaud Proust</title>
<meta name="description"
content="Basé à Bordeaux, je suis développeur web. Site réalisé avec SimplePortfolio."/>
<meta property="og:title" content="Simple Portfolio"/>
<meta property="og:type" content="website"/>
<meta property="og:description"
content="Basé à Bordeaux, je suis développeur web. Site réalisé avec SimplePortfolio."/>
<meta property="og:site_name" content="Arthaud Proust"/>
<meta property="og:url" content="https://arthaud-simple-portfolio.netlify.app/"/>
<meta property="og:locale" content="fr"/>
<meta property="og:image" content="https://arthaudproust.fr/sprites/hero-min.jpg"/>
<meta name="twitter:card" content="summary_large_image"/>
<meta property="twitter:url" content="https://arthaud-simple-portfolio.netlify.app/">
<meta name="twitter:title" content="Simple Portfolio - Arthaud Proust"/>
<meta name="twitter:description"
content="Basé à Bordeaux, je suis développeur web. Site réalisé avec SimplePortfolio."/>
<meta name="twitter:image" content="https://arthaudproust.fr/sprites/hero-min.jpg"/>
<!-- end of meta tags for seo/preview -->
<link rel="stylesheet" href="/css/modern-normalize.css">
<link rel="stylesheet" href="/css/styles.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=Inter:wght@200;400;700&display=swap" rel="stylesheet">
</head>
<body>
<header>
<div class="container">
<nav>
<a href="#intro">Introduction</a>
<a href="#parcours">Parcours</a>
<a href="#projets">Projets</a>
</nav>
</div>
</header>
<div class="container">
<main>
<h1>Arthaud Proust</h1>
<section>
<article id="intro">
<h2>Artisan du web</h2>
<img src="/img/cover.jpg" alt="">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Mauris convallis massa et hendrerit hendrerit.
Donec vitae felis at enim maximus pellentesque.
Proin et mollis massa. Sed convallis id urna ac consequat.
Nam vitae arcu ac lorem tempor commodo.
Nam consequat felis eget leo facilisis, non feugiat ipsum ullamcorper.
Morbi sapien turpis, congue non molestie sed, pellentesque vel est.
Vivamus eu ultricies odio.
Aliquam finibus, urna cursus commodo hendrerit, eros nisl sodales ipsum arcu.
Mauris imperdiet odio sit amet cursus aliquam.
</p>
<h3>Compétences</h3>
<ul>
<li>Intégration, développement front-end</li>
<li>Architecture, développement back-end</li>
<li>Photographie</li>
</ul>
</article>
<article id="parcours">
<h2>Parcours</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Mauris convallis massa et hendrerit hendrerit.
Donec vitae felis at enim maximus pellentesque.
Proin et mollis massa. Sed convallis id urna ac consequat.
Nam vitae arcu ac lorem tempor commodo.
Nam consequat felis eget leo facilisis, non feugiat ipsum ullamcorper.
Morbi sapien turpis, congue non molestie sed, pellentesque vel est.
Vivamus eu ultricies odio.
Aliquam finibus, urna cursus commodo hendrerit, eros nisl sodales ipsum arcu.
Mauris imperdiet odio sit amet cursus aliquam.
</p>
</article>
<article id="projets">
<h2>Projets</h2>
<article>
<h3>Escalade Montesquieu</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Mauris convallis massa et hendrerit hendrerit.
Donec vitae felis at enim maximus pellentesque.
Proin et mollis massa. Sed convallis id urna ac consequat.
Nam vitae arcu ac lorem tempor commodo.
Nam consequat felis eget leo facilisis, non feugiat ipsum ullamcorper.
Morbi sapien turpis, congue non molestie sed, pellentesque vel est.
Vivamus eu ultricies odio.
Aliquam finibus, urna cursus commodo hendrerit, eros nisl sodales ipsum arcu.
Mauris imperdiet odio sit amet cursus aliquam.
</p>
<p>
<a href="https://escalade-montesquieu.fr" class="external-link" target="_blank"
rel="noopener noreferer">
Voir le site Escalade Montesquieu
</a>
</p>
</article>
<article>
<h3>Metatags</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Mauris convallis massa et hendrerit hendrerit.
Donec vitae felis at enim maximus pellentesque.
Proin et mollis massa. Sed convallis id urna ac consequat.
Nam vitae arcu ac lorem tempor commodo.
Nam consequat felis eget leo facilisis, non feugiat ipsum ullamcorper.
Morbi sapien turpis, congue non molestie sed, pellentesque vel est.
Vivamus eu ultricies odio.
Aliquam finibus, urna cursus commodo hendrerit, eros nisl sodales ipsum arcu.
Mauris imperdiet odio sit amet cursus aliquam.
</p>
<p>
<a href="https://metatags.arthaud.dev/" class="external-link" target="_blank"
rel="noopener noreferer">
Voir le site Metatags
</a>
</p>
</article>
</article>
</section>
</main>
</div>
<footer>
<div class="container">
<h4>
<a href="https://github.com/arthaud-proust/simple-portfolio" class="external-link" target="_blank"
rel="noopener noreferer">SimplePortfolio</a>
</h4>
<p>
En source ouverte, produit par
<a href="https://arthaudproust.fr" class="external-link" target="_blank"
rel="noopener noreferer">Arthaud Proust</a>
</p>
</div>
</footer>
</body>
</html>