https://martinlalonde.ca/about

1<!DOCTYPE html>
2<html lang="fr">
3<head>
4
5  <meta charset="UTF-8" />
6  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
7  <title>Martin Lalonde - About</title>
8<link rel="stylesheet" href="assets/css/style.css">
9</head>
10
11<body class="about">
12<!-- Overlay background -->
13  <div class="about-bg"></div>
14<!-- Navigation menu -->
15<nav>
16  <button class="hamburger" aria-label="Menu">
17    ☰
18  </button>
19  <ul class="nav-menu">
20    <li><a data-en='Home' data-fr='Accueil' href='/'>Accueil</a></li>
21    <li class="dropdown">
22      <a href="#" data-fr="Portfolio" data-en="Portfolio">Portfolio</a>
23      <div class="dropdown-content">
24        <a data-en='Nature' data-fr='Nature' href='/galleries/nature'>Nature</a>
25        <a class='active' data-en='Animals' data-fr='Animaux' href='/galleries/animaux'>Animaux</a>
26        <a data-en='Landscape' data-fr='Paysage' href='/galleries/paysage'>Paysage</a>
27        <a data-en='Macro' data-fr='Macro' href='/galleries/macro'>Macro</a>
28        <a data-en='Urban' data-fr='Urbain' href='/galleries/urbain'>Urbain</a>
29        <a href="galleries/noir-blanc.html" data-fr="Noir & Blanc" data-en="Black & White">Noir & Blanc</a>
30        <a data-en='Astrography' data-fr='Astrographie' href='/galleries/astrographie'>Astrographie</a>
31        <a data-en='Events' data-fr='Événements' href='/galleries/evenements'>Événements</a>
32        <a data-en='Others' data-fr='Autres' href='/galleries/autres'>Autres</a>
33      </div>
34    </li>
35
36    <li><a class='active' data-en='About' data-fr='À propos' href='/about'>À propos</a></li>
37    <li><a data-en='Contact' data-fr='Contact' href='/contact'>Contact</a></li>
38  </ul>
39<!-- Language toggle & Social media links -->
40  <div class="right-controls">
41    <a class="fb" href="https://www.facebook.com/photographeMartinlalonde" target="_blank">
42      <img src="assets/images/accueil/facebook.png" alt="Facebook" />
43    </a>
44    <a class="fo" href="https://the.fotoapp.co/martin_l" target="_blank">
45      <img src="assets/images/accueil/fotoapp.png" alt="Fotoapp" />
46    </a>
47    <a class="ig" href="https://www.instagram.com/martinl450" target="_blank">
48      <img src="assets/images/accueil/instagram.png" alt="Instagram" />
49    </a>
50    <button onclick="toggleLang()">FR / EN</button>
51  </div>
52
53</nav>
54
55<!-- Overlay professionnel -->
56<div class="menu-overlay"></div>
57
58<!-- CONTENT -->
59<div class="about-content">
60  <div class="about-box">
61    <h1 data-fr="À propos" data-en="About">À propos</h1>
62     <p data-fr="Passionné par la photographie depuis mon plus jeune âge, j’ai grandi dans un environnement où l’image occupait une place importante grâce à mes parents, eux-mêmes photographes professionnels, qui m’ont transmis leur passion et leur regard artistique."
63        data-en="Passionate about photography from a young age, I grew up in an environment where images played an important role thanks to my parents, who were professional photographers themselves and passed on their passion and artistic vision to me.">
64      Passionné par la photographie depuis mon plus jeune âge, j’ai grandi dans un environnement où l’image occupait une place importante grâce à mes parents, eux-mêmes photographes professionnels, qui m’ont transmis leur passion et leur regard artistique.
65     </p>
66    </br>
67     <p data-fr="À travers mes photographies, je cherche à révéler ce que l’on oublie souvent d’observer : les détails discrets, les textures, les jeux de lumière et les éléments du quotidien qui passent inaperçus. Mon travail explore autant la nature et la photographie macro que les environnements urbains, toujours avec le désir de mettre en valeur l’atmosphère et l’émotion d’un lieu ou d’un sujet."
68        data-en="Through my photographs, I seek to reveal what is often overlooked: the subtle details, textures, interplay of light, and everyday elements that go unnoticed. My work explores both nature and macro photography as well as urban environments, always with the desire to highlight the atmosphere and emotion of a place or subject.">
69      À travers mes photographies, je cherche à révéler ce que l’on oublie souvent d’observer : les détails discrets, les textures, les jeux de lumière et les éléments du quotidien qui passent inaperçus. Mon travail explore autant la nature et la photographie macro que les environnements urbains, toujours avec le désir de mettre en valeur l’atmosphère et l’émotion d’un lieu ou d’un sujet.
70     </p>
71     </br>
72     <p data-fr="Attiré par la douceur et la fragilité du monde végétal, j’aime créer des images contemplatives qui invitent le spectateur à ralentir et à porter un regard nouveau sur son environnement. Mon approche photographique repose avant tout sur la découverte, l’observation et le désir de raconter une histoire à travers la lumière et les détails."
73        data-en="Drawn to the softness and fragility of the plant world, I enjoy creating contemplative images that invite the viewer to slow down and take a fresh look at their surroundings. My photographic approach is based primarily on discovery, observation, and the desire to tell a story through light and details.">
74      Attiré par la douceur et la fragilité du monde végétal, j’aime créer des images contemplatives qui invitent le spectateur à ralentir et à porter un regard nouveau sur son environnement. Mon approche photographique repose avant tout sur la découverte, l’observation et le désir de raconter une histoire à travers la lumière et les détails.
75    </p>
76  </div>
77</div>
78
79
80  
81<!-- Footer -->
82<footer class="footer">
83    <div class="footer-content">
84        <button id="cookie-manage" class="cookie-manage" type="button" data-fr="Gérer les cookies" data-en="Manage cookies">Manage cookies</button>
85
86        <p
87            data-fr="© 2026 Martin Lalonde. Tous droits réservés."
88            data-en="© 2026 Martin Lalonde. All rights reserved.">
89            © 2026 Martin Lalonde. Tous droits réservés.
90        </p>
91
92        <p class="icon-credit">

93            <span
94                data-fr="Icônes créées par "
95                data-en="Icons made by ">
96                Icônes créées par
97            </span>
98
99            <a href="https://www.flaticon.com/authors/freepik"
100               target="_blank"
101               rel="noopener noreferrer">
102                Freepik
103            </a>
104
105            <span
106                data-fr=" sur "
107                data-en=" from ">
108                sur
109            </span>
110
111            <a href="https://www.flaticon.com"
112               target="_blank"
113               rel="noopener noreferrer">
114                Flaticon
115            </a>
116        </p>
117
118    </div>
119</footer>
120
121<div id="cookie-consent" class="cookie-consent" hidden>
122  <div class="cookie-consent__content">
123    <p data-fr="Ce site utilise des cookies pour analyser l'utilisation du site et améliorer votre expérience." data-en="This site uses cookies to analyze site usage and improve your experience.">
124      Ce site utilise des cookies pour analyser l'utilisation du site et améliorer votre expérience.
125    </p>
126    <div class="cookie-consent__actions">
127      <button id="cookie-accept" type="button" data-fr="Accepter" data-en="Accept">Accepter</button>
128      <button id="cookie-decline" type="button" data-fr="Refuser" data-en="Decline">Refuser</button>
129    </div>
130  </div>
131</div>

132<script src="assets/js/main.js"></script>

132
133</body>
134</html>