1 <!DOCTYPE html> 2<html lang="en"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <meta name="google" value="notranslate"> 7 <meta property="og:title" content="Daniel Lalande (dldd)" /> 8 <meta property="og:type" content="website" /> 9 <meta property="og:description" content="Hello ! Iâm Daniel Lalande a french webdesigner et front-end developer based in lyon & grenoble" /> 10 <meta property="og:image" content="https://dldd.fr/assets/img/thumbnail/site.webp" /> 11 <meta property="og:site_name" content="Daniel Lalande" /> 12 <link rel="apple-touch-icon" sizes="180x180" href="assets/img/favicon/apple-touch-icon.png"> 13 <link rel="icon" type="image/png" sizes="32x32" href="assets/img/favicon/favicon-32x32.png"> 14 <link rel="icon" type="image/png" sizes="16x16" href="assets/img/favicon/favicon-16x16.png"> 15 <link rel="manifest" href="assets/img/favicon/site.webmanifest"> 16 <meta name="msapplication-TileColor" content="#da532c"> 17 <meta name="theme-color" content="#ffffff"> 18 <link rel="stylesheet" href="assets/css/style.css"> 19 <title>DLDD - Daniel Lalande : Designer & Developer</title> 20</head> 21<body data-barba="wrapper"> 22 23 <div class="bg-animated-wrapper"> 24 <div class="bg-animated"></div> 25 </div> 26 27 28 29 <!-- <div class="loader pdlr"> 30 <img src="assets/img/svg/dldd.svg" alt=""> 31 <div class="loader__numbers"> 32 <div class="loader__counter">00</div> 33 <div class="loader__percent">%</div> 34 </div> 35 36 </div> 37 <div class="loader__el orange--bg"></div> 38 <div class="loader__el blue--bg"></div> 39 <div class="loader__el purple--bg"></div> 40 <div class="loader__el green--bg"></div> --> 41<!-- 42 <div class="loader"> 43 <div class="loader__counter">00%</div> 44 <div class="loader__el loader__el--odd loader__el1">D</div> 45 <div class="loader__el loader__el--even loader__el2">L</div> 46 <div class="loader__el loader__el--odd loader__el3">D</div> 47 <div class="loader__el loader__el--even loader__el4">D</div> 48 </div> --> 49 50 51 52 <header class="header"> 53 <a href="/index.html" class="header__nava"><span>dldd</span></a> 54 <nav class="header__nav"> 55 <ul class="header__navul"> 56 <li class="header__navli"> 57 <a href="/about.html" class="header__nava"><span>About</span></a> 58 </li> 59 <li class="header__navli"> 60 <a href="/works.html" class="header__nava"><span>Work</span></a> 61 </li> 62 <li class="header__navli"> 63 <a href="/contact.html" class="header__nava"><span>Contact</span></a> 64 </li> 65 </ul> 66 </nav> 67 </header> 68 69 <div class="transition"></div> 70 71 72 <main data-barba="container" data-barba-namespace="work" class="is-work container"> 73 <section class="work__hero pdlr"> 74 <h1 class="project-tit">Some works i've done</h1> 75 <a href="/contact.html" class="button button__arrow"> 76 <span>Get in touch</span> 77 <span><img src="assets/img/svg/arrow.svg" alt=""></span> 78 </a> 79 </section> 80 81 82 83 <section class="work__imgs"> 84 <img src="assets/img/thumbnail/amandine-reynaud.webp" alt="" class="work__img" id="img-amandine-reynaud"> 85 <img src="assets/img/thumbnail/motion-boutique.webp" alt="" class="work__img" id="img-motion-boutique"> 86 <img src="assets/img/thumbnail/Blacktide.webp" alt="" class="work__img" id="img-blacktide"> 87 <img src="assets/img/thumbnail/cea.webp" alt="" class="work__img" id="img-cea"> 88 <img src="assets/img/thumbnail/strata.webp" alt="" class="work__img" id="img-strata"> 89 <img src="assets/img/thumbnail/thesis.webp" alt="" class="work__img" id="img-thesis"> 90 <img src="assets/img/thumbnail/schneider.webp" alt="" class="work__img" id="img-schneider"> 91 </section> 92 93 <section class="work__list">
94 <span class="line"></span> 95 <a href="work/amandine-reynaud.html" class="work__list-el pdlr" data-image="img-amandine-reynaud"> 96 <h2>Amandine Reynaud</h2> 97 <div class="work__list-el-right"> 98 <div class="work__list-el-cats"> 99 <div class="work__list-el-cat">Web development</div> 100 <div class="work__list-el-date">2024</div> 101 </div> 102 <img src="assets/img/svg/arrow.svg" alt=""> 103 </div> 104 </a> 105 <span class="line"></span> 106 <a href="work/motion-boutique.html" class="work__list-el pdlr" data-image="img-motion-boutique"> 107 <h2>Motion Boutique</h2> 108 <div class="work__list-el-right"> 109 <div class="work__list-el-cats"> 110 <div class="work__list-el-cat">Web development</div> 111 <div class="work__list-el-date">2024</div> 112 </div> 113 <img src="assets/img/svg/arrow.svg" alt=""> 114 </div> 115 </a> 116 <span class="line"></span> 117 <a href="work/blacktide.html" class="work__list-el pdlr" data-image="img-blacktide"> 118 <h2>Blacktide</h2> 119 <div class="work__list-el-right"> 120 <div class="work__list-el-cats"> 121 <div class="work__list-el-cat">Web development</div> 122 <div class="work__list-el-date">2024</div> 123 </div> 124 <img src="assets/img/svg/arrow.svg" alt=""> 125 </div> 126 </a> 127 <span class="line"></span> 128 <a href="work/cea.html" class="work__list-el pdlr" data-image="img-cea"> 129 <h2>CEA - Cybersecurity</h2> 130 <div class="work__list-el-right"> 131 <div class="work__list-el-cats"> 132 <div class="work__list-el-cat">Immersive device</div> 133 <div class="work__list-el-date">2022</div> 134 </div> 135 <img src="assets/img/svg/arrow.svg" alt=""> 136 </div> 137 </a> 138 <span class="line"></span> 139 <a href="work/stratagem.html" class="work__list-el pdlr" data-image="img-strata"> 140 <h2>Stratagem</h2> 141 <div class="work__list-el-right"> 142 <div class="work__list-el-cats"> 143 <div class="work__list-el-cat">Web development</div> 144 <div class="work__list-el-date">2023</div> 145 </div> 146 <img src="assets/img/svg/arrow.svg" alt=""> 147 </div> 148 </a> 149 <span class="line"></span> 150 <a href="work/academic-submission.html" class="work__list-el pdlr" data-image="img-thesis"> 151 <h2>Academic submission</h2> 152 <div class="work__list-el-right"> 153 <div class="work__list-el-cats"> 154 <div class="work__list-el-cat">Research</div> 155 <div class="work__list-el-cat">Print</div> 156 <div class="work__list-el-date">2023 - 2024</div> 157 </div> 158 <img src="assets/img/svg/arrow.svg" alt=""> 159 </div> 160 </a> 161 <span class="line"></span> 162 <a href="work/schneider-electric.html" class="work__list-el pdlr" data-image="img-schneider"> 163 <h2>Schneider Electric</h2> 164 <div class="work__list-el-right"> 165 <div class="work__list-el-cats"> 166 <div class="work__list-el-cat">UI / UX</div> 167 <div class="work__list-el-cat">Motion</div> 168 <div class="work__list-el-date">2021 - 2022</div> 169 </div> 170 <img src="assets/img/svg/arrow.svg" alt=""> 171 </div> 172 </a> 173 <span class="line"></span> 174 </section> 175 176 <section class="pt_4 pb_4 flex-center black--bg work__end-list"> 177 <h3 class="project-tit animscroll animscroll_fadeandup">More upcoming projects</h3> 178 </section> 179 180 <footer class="footer section100 animscroll"> 181 <h2 class="footer__tit uppercase italic serif">Let's get in touch</h2> 182 <div class="footer__links"> 183 <a href="https://www.linkedin.com/in/daniel-lalande-6972211b6/" class="footer__link serif uppercase italic" target="_blank">Linkedin</a> 184 <a href="https://www.instagram.com/dldd.fr/" class="footer__link serif uppercase italic" target="_blank">Instagram</a> 185 <a href="https://aemail.com/9rPJ" class="footer__link serif uppercase italic">Mail</a> 186 <a href="tel:+33627091468" class="footer__link serif uppercase italic">Phone</a> 187 <a href="https://drive.google.com/file/d/1GU8umFpppviFk2fgZQEvIrRTmepKk_kC/view" class="footer__link serif uppercase italic" target="_blank">Curriculum</a> 188 <a href="/legal-notices.html" class="footer__link serif uppercase italic">Legal notices</a> 189 </div> 190 </footer> 191 </main> 192 193 194 195 196 197 198
198<script src="assets/js/lenis.min.js"></script>
198 199
199<script src="assets/js/core.js"></script>
199 200
200<script async src="/assets/js/es-module-shims.js"></script>
200 201
201<script type="importmap"> 202 { 203 "imports": { 204 "three": "/assets/js/three.module.min.js" 205 } 206 } 207 </script>
207 208
208<script type="module"> 209 import * as THREE from 'three'; 210 import '/assets/js/model-viewer-module.min.js'; 211 import '/assets/js/model-viewer-effects.min.js'; 212 213 // Votre code utilisant THREE 214 console.log(THREE); 215 216 // Par exemple, créer une scène 217 const scene = new THREE.Scene(); 218 // Ajoutez plus de code pour utiliser Three.js ici 219 </script>
219 220
220<script src="assets/js/script.js"></script>
220 221</body> 222</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.