187 lines
5.6 KiB
HTML
187 lines
5.6 KiB
HTML
<html><head>
|
||
<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=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
|
||
<link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap" rel="stylesheet">
|
||
<link href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/themes/prism-tomorrow.min.css" rel="stylesheet">
|
||
<style>
|
||
/* Default styles */
|
||
pre {
|
||
background: #2d2d2d;
|
||
border-radius: 4px;
|
||
margin: 0.5em 0;
|
||
}
|
||
code {
|
||
font-family: 'Fira Code', Consolas, Monaco, monospace;
|
||
}
|
||
/* Custom CSS */
|
||
/* ====== Markdown PDF Pro Theme ====== */
|
||
|
||
@page {
|
||
margin: 25mm 20mm;
|
||
margin-top: 0mm;
|
||
}
|
||
|
||
body {
|
||
font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
|
||
font-size: 11pt;
|
||
line-height: 1.6;
|
||
color: #333;
|
||
background: white;
|
||
max-width: 800px;
|
||
margin: auto;
|
||
padding: 60px;
|
||
}
|
||
|
||
/* Headings */
|
||
h1,
|
||
h2,
|
||
h3,
|
||
h4,
|
||
h5,
|
||
h6 {
|
||
font-family: "Segoe UI Semibold", "Helvetica Neue", Arial, sans-serif;
|
||
font-weight: 600;
|
||
margin-top: 2em;
|
||
margin-bottom: 0.6em;
|
||
line-height: 1.3;
|
||
color: #222;
|
||
}
|
||
|
||
h1 {
|
||
font-size: 24pt;
|
||
border-bottom: 2px solid #000;
|
||
/* accent color */
|
||
padding-bottom: 0.3em;
|
||
margin-top: 0;
|
||
}
|
||
|
||
h2 {
|
||
font-size: 18pt;
|
||
border-left: 4px solid #000;
|
||
padding-left: 0.5em;
|
||
}
|
||
|
||
h3 {
|
||
font-size: 14pt;
|
||
color: #444;
|
||
}
|
||
|
||
h4,
|
||
h5,
|
||
h6 {
|
||
font-size: 12pt;
|
||
color: #555;
|
||
}
|
||
|
||
/* Paragraphs */
|
||
p {
|
||
margin: 0.5em 0;
|
||
text-align: justify;
|
||
}
|
||
|
||
/* Links */
|
||
a {
|
||
color: #1e7fce;
|
||
text-decoration: none;
|
||
}
|
||
|
||
a:hover {
|
||
text-decoration: underline;
|
||
}
|
||
|
||
/* Lists */
|
||
ul,
|
||
ol {
|
||
margin: 0.5em 0 0.5em 2em;
|
||
}
|
||
|
||
li {
|
||
margin-bottom: 0.3em;
|
||
}
|
||
|
||
/* Blockquote */
|
||
blockquote {
|
||
border-left: 4px solid #0078D7;
|
||
margin: 1em 0;
|
||
padding: 0.5em 1em;
|
||
color: #555;
|
||
background: #f9f9f9;
|
||
font-style: italic;
|
||
}
|
||
|
||
/* Code */
|
||
code {
|
||
font-family: "Fira Code", "Consolas", monospace;
|
||
background: #f4f4f4;
|
||
padding: 0.2em 0.4em;
|
||
border-radius: 4px;
|
||
font-size: 0.95em;
|
||
}
|
||
|
||
pre {
|
||
background: #1e1e1e;
|
||
color: #dcdcdc;
|
||
padding: 1em;
|
||
border-radius: 6px;
|
||
overflow-x: auto;
|
||
font-size: 0.9em;
|
||
line-height: 1.4;
|
||
}
|
||
|
||
/* Tables */
|
||
table {
|
||
border-collapse: collapse;
|
||
margin: 1em 0;
|
||
width: 100%;
|
||
font-size: 0.95em;
|
||
}
|
||
|
||
th,
|
||
td {
|
||
border: 1px solid #ccc;
|
||
padding: 0.6em 0.8em;
|
||
text-align: left;
|
||
}
|
||
|
||
th {
|
||
background: #f0f0f0;
|
||
font-weight: 600;
|
||
}
|
||
|
||
tr:nth-child(even) td {
|
||
background: #fafafa;
|
||
}
|
||
|
||
/* Horizontal rule */
|
||
hr {
|
||
border: none;
|
||
border-top: 2px solid #eee;
|
||
margin: 2em 0;
|
||
}
|
||
</style>
|
||
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/prism.min.js"></script>
|
||
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-python.min.js"></script>
|
||
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-javascript.min.js"></script>
|
||
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-bash.min.js"></script>
|
||
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-sql.min.js"></script>
|
||
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-go.min.js"></script>
|
||
</head>
|
||
<body>
|
||
<h1>Lettre de motivation – Valère BRON</h1>
|
||
<p><strong>Objet : Candidature au poste de Webdesigner / Développeur Front – Lyon</strong></p>
|
||
<p>Madame, Monsieur,</p>
|
||
<p>Fort de plus de 12 ans d’expérience en développement front-end et intégration d’interfaces web, je souhaite mettre mes compétences au service de votre agence afin de contribuer à la création et à la maintenance de sites internet performants et esthétiques pour vos clients.</p>
|
||
<p>Passionné par l’expérience utilisateur, je combine expertise technique et sens du design pour transformer les concepts graphiques en interfaces fonctionnelles et accessibles. Mon parcours m’a permis de travailler sur des projets variés, du développement d’applications Vue.js et Nuxt à l’intégration de sites WordPress et PrestaShop, en passant par la réalisation de newsletters et l’optimisation SEO.</p>
|
||
<p>Mon profil polyvalent me permet de gérer à la fois le design, l’intégration et la maintenance technique, tout en restant force de proposition sur l’ergonomie, l’accessibilité et la performance. Je maîtrise les outils de création graphique tels que Photoshop, Illustrator, InDesign et XD, et je sais les mettre en pratique dans le cadre de projets web complexes.</p>
|
||
<p>Intégrer votre agence représente pour moi l’opportunité de contribuer à des projets ambitieux dans un environnement créatif et collaboratif, tout en continuant à enrichir mes compétences et à relever de nouveaux challenges techniques et graphiques.</p>
|
||
<p>Je serais ravi de pouvoir vous présenter mon portfolio et discuter de la manière dont je pourrais apporter ma valeur ajoutée à votre équipe.</p>
|
||
<p>Je vous remercie par avance pour l’attention portée à ma candidature et reste à votre disposition pour un entretien.</p>
|
||
<p>Cordialement,<br>
|
||
<strong>Valère BRON</strong><br>
|
||
📞 06 81 84 77 37<br>
|
||
📧 contact@valere.dev<br>
|
||
🔗 <a href="https://valere.dev/portfolio">Portfolio</a></p>
|
||
|
||
</body>
|
||
</html> |