1<!DOCTYPE html> 2<html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="keywords" content="sass, software company, sustainable, sustain, sustained"> 6 <meta name="description" content="Sustain 8 - IT for sustainability"> 7 <meta property="og:site_name" content="Sustain8"> 8 <meta property="og:url" content="https://sustain8.fr"> 9 <meta property="og:type" content="website"> 10 <meta property="og:title" content="Sustain8 - Contact"> 11 <meta name='og:image' content='images/assets/ogg.png'> 12 <!-- For IE --> 13 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 14 <!-- For Resposive Device --> 15 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 16 <!-- For Window Tab Color --> 17 <!-- Chrome, Firefox OS and Opera --> 18 <meta name="theme-color" content="#1249CA"> 19 <!-- Windows Phone --> 20 <meta name="msapplication-navbutton-color" content="#1249CA"> 21 <!-- iOS Safari --> 22 <meta name="apple-mobile-web-app-status-bar-style" content="#1249CA"> 23 <title>Sustain8 - Welcome</title> 24 <!-- Favicon --> 25 <link rel="icon" type="image/png" sizes="56x56" href="images/fav-icon/icon.png"> 26 <!-- Main style sheet --> 27 <link rel="stylesheet" type="text/css" href="css/style.css" media="all"> 28 <!-- responsive style sheet --> 29 <link rel="stylesheet" type="text/css" href="css/responsive.css" media="all"> 30 31 <!-- Fix Internet Explorer ______________________________________--> 32 <!--[if lt IE 9]> 33
33<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
33 34
34<script src="vendor/html5shiv.js"></script>
34 35
35<script src="vendor/respond.js"></script>
35 36 <![endif]--> 37 </head> 38 39 <body> 40 <div class="main-page-wrapper"> 41 <!-- =================================================== 42 Loading Transition 43 ==================================================== --> 44 <section> 45 <div id="preloader"> 46 <div id="ctn-preloader" class="ctn-preloader"> 47 <div class="animation-preloader"> 48 <div class="icon"><img src="images/logo/logo_01.svg" alt="" class="m-auto d-block" width="100"></div> 49 <div class="txt-loading mt-2"> 50 <span data-text-preloader="S" class="letters-loading"> 51 S 52 </span> 53 <span data-text-preloader="U" class="letters-loading"> 54 U 55 </span> 56 <span data-text-preloader="S" class="letters-loading"> 57 S 58 </span> 59 <span data-text-preloader="T" class="letters-loading"> 60 T 61 </span> 62 <span data-text-preloader="A" class="letters-loading"> 63 A 64 </span> 65 <span data-text-preloader="I" class="letters-loading"> 66 I 67 </span> 68 <span data-text-preloader="N" class="letters-loading"> 69 N 70 </span> 71 </div> 72 </div> 73 </div> 74 </div> 75 </section> 76 77 78 <!-- 79 ============================================= 80 Theme Main Menu 81 ============================================== 82 --> 83 <header class="theme-main-menu sticky-menu theme-menu-four"> 84 <div class="inner-content"> 85 <div class="d-flex align-items-center"> 86 <div class="logo order-lg-0"><a href="index.html" class="d-block"><img src="images/logo/logo_03.png" alt="" width="90"></a></div> 87 88 <div class="right-widget d-flex align-items-center ms-auto order-lg-3"> 89 <!-- <div class="call-button d-none d-xl-block me-5">Call us <a href="#">(+880) 321 782 110</a></div>--> 90 <!-- <button class="menu-search-btn tran3s" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasTop" aria-controls="offcanvasTop"><i class="bi bi-search"></i></button> --> 91 <a href="contact-us.html" class="send-msg-btn tran3s d-none d-lg-block">Send us Message</a> 92 </div> <!-- /.right-widget --> 93 94 <nav class="navbar navbar-expand-lg order-lg-2"> 95 <button class="navbar-toggler d-block d-lg-none" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> 96 <span></span> 97 </button> 98 <div class="collapse navbar-collapse" id="navbarNav"> 99 <ul class="navbar-nav"> 100 <li class="d-block d-lg-none"><div class="logo"><a href="index.html"><img src="images/logo/logo_01.png" alt="" width="130"></a></div></li> 101 <li class="nav-item"> 102 <a class="nav-link" href="index.html" role="button" aria-expanded="false">Home</a> 103 </li> 104 <li class="nav-item dropdown"> 105 <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-expanded="false">Services</a> 106 <ul class="dropdown-menu"> 107 <li><a href="index.html#services" class="dropdown-item"><span>Services</span></a></li> 108 <li><a href="index.html#ai" class="dropdown-item"><span>AI</span></a></li> 109 <li><a href="index.html#security" class="dropdown-item"><span>Security</span></a></li> 110 <li><a href="index.html#media" class="dropdown-item"><span>Media Processing</span></a></li> 111 </ul> 112 </li> 113 <li class="nav-item"> 114 <a class="nav-link" href="about-us.html" role="button">About us</a> 115 </li> 116 <li class="nav-item active"> 117 <a class="nav-link" href="contact-us.html" role="button">Contact</a> 118 </li> 119 </ul> 120 <!-- Mobile Content --> 121 <div class="mobile-content d-block d-lg-none"> 122 <div class="d-flex flex-column align-items-center justify-content-center mt-70"> 123 <a href="/contact-us" class="send-msg-btn tran3s mb-10">Send us Message</a> 124 <!-- <div class="call-button">Call us <a href="#">(+880) 321 782 110</a></div> --> 125 </div> 126 </div> <!-- /.mobile-content --> 127 </div> 128 </nav> 129 </div> 130 </div>
130 <!-- /.inner-content --> 131 </header> <!-- /.theme-main-menu --> 132 133 134 135 <!-- 136 ============================================= 137 Theme Inner Banner 138 ============================================== 139 --> 140 <div class="theme-inner-banner"> 141 <div class="container"> 142 <h2 class="intro-title text-center">Get in Touch</h2> 143 <ul class="page-breadcrumb style-none d-flex justify-content-center"> 144 <li><a href="index.html">Home</a></li> 145 <li class="current-page">Contact</li> 146 </ul> 147 </div> 148 <img src="images/shape/shape_38.svg" alt="" class="shapes shape-one"> 149 <img src="images/shape/shape_39.svg" alt="" class="shapes shape-two"> 150 </div> <!-- /.theme-inner-banner --> 151 152 153 154 155 <!-- 156 ============================================= 157 Contact Section One 158 ============================================== 159 --> 160 <div class="contact-section-one mb-170 lg-mb-120"> 161 <div class="container"> 162 <div class="row"> 163 <div class="col-md-4"> 164 <div class="address-block-two text-center mb-40 sm-mb-20"> 165 <div class="icon d-flex align-items-center justify-content-center m-auto"><img src="images/icon/icon_17.svg" alt=""></div> 166 <h5 class="title">Our Address</h5> 167 <p>Paris Area, France</p> 168 </div> <!-- /.address-block-two --> 169 </div> 170 <div class="col-md-4"> 171 <div class="address-block-two text-center mb-40 sm-mb-20"> 172 <div class="icon d-flex align-items-center justify-content-center m-auto"><img src="images/icon/icon_18.svg" alt=""></div> 173 <h5 class="title">Contact Info</h5> 174 <p>Send us a mail at <br><a href="mailto:[email protected]" class="call">[email protected]</a></p> 175 </div> <!-- /.address-block-two --> 176 </div> 177 <div class="col-md-4"> 178 <div class="address-block-two text-center mb-40 sm-mb-20"> 179 <div class="icon d-flex align-items-center justify-content-center m-auto"><img src="images/icon/icon_19.svg" alt=""></div> 180 <h5 class="title">Live Support</h5> 181 <p>available for our customer</p> 182 </div> <!-- /.address-block-two --> 183 </div> 184 </div> 185 </div> 186 187 <div class="mt-100 lg-mt-70"> 188 <div class="container"> 189 <div class="row gx-xxl-5"> 190 <div class="col-lg-6 d-flex order-lg-last"> 191 <div class="form-style-one"> 192 <h3 class="form-title pb-40 lg-pb-20">Send Message.</h3> 193 <form action="https://jsd-widget.atlassian.com/api/embeddable/0179fbc6-89ce-4e00-a054-5347dd8c62da/request?requestTypeId=10016" id="contact-form" data-toggle="validator"> 194 <div class="messages"></div> 195 <div class="row controls"> 196 <div class="col-12"> 197 <div class="input-group-meta form-group mb-30"> 198 <label>Name*</label> 199 <input type="text" placeholder="John Doe" name="summary" required="required" data-error="Name is required."> 200 <div class="help-block with-errors"></div> 201 </div> 202 </div> 203 204 <div class="col-12"> 205 <div class="input-group-meta form-group mb-30"> 206 <label>Email*</label> 207 <input type="email" placeholder="[email protected]" name="email" required="required" data-error="Valid email is required."> 208 <div class="help-block with-errors"></div> 209 </div> 210 </div> 211 <div class="col-12"> 212 <div class="input-group-meta form-group mb-30"> 213 <textarea placeholder="Your message*" name="description" required="required" data-error="Please,leave us a message."></textarea> 214 <div class="help-block with-errors"></div> 215 </div> 216 </div> 217 <div class="col-12"><button class="btn-eight ripple-btn">Send Message</button></div> 218 </div> 219 </form> 220 </div> <!-- /.form-style-one --> 221 </div> 222 223 <div class="col-lg-6 d-flex order-lg-first"> 224 <div class="map-area-one mt-10 me-lg-4 md-mt-50"> 225 <div class="mapouter"> 226 <div class="gmap_canvas"> 227 <iframe class="gmap_iframe" src="https://maps.google.com/maps?width=600&height=400&hl=en&q=paris france&t=&z=11&ie=UTF8&iwloc=B&output=embed"></iframe> 228 </div> 229 </div> 230 </div> <!-- /.map-area-one --> 231 </div> 232 </div> 233 </div> 234 </div> 235 </div> <!-- /.contact-section-one --> 236 237 238 239 240 <!-- 241 ============================================= 242 Fancy Short Banner Five 243 ============================================== 244 --> 245 <div class="fancy-short-banner-five"> 246 <div class="container"> 247 <div class="bg-wrapper"> 248 <div class="row align-items-center"> 249 <div class="col-lg-6 text-center text-lg-start" data-aos="fade-right"> 250 <h3 class="pe-xxl-5 md-pb-20">Having any Query? Book an appointment.</h3> 251 </div> 252 <div class="col-lg-6 text-center text-lg-end" data-aos="fade-left"> 253 <a href="contact-us.html" class="msg-btn tran3s">Send Us Message</a> 254 </div> 255 </div> 256 </div> <!-- /.bg-wrapper --> 257 </div> <!-- /.container --> 258 </div> <!-- /.fancy-short-banner-five --> 259 260 261 262 <!-- 263 ===================================================== 264 Footer 265 ===================================================== 266 --> 267 <div class="footer-style-four theme-basic-footer"> 268 <div class="container"> 269 <div class="inner-wrapper"> 270 <div class="row"> 271 <div class="col-lg-4 footer-intro mb-40"> 272 <div class="logo"><a href="index.html"><img src="images/logo/logo_01.png" alt="" width="130"></a></div> 273 <p>Elevate Your Media Experience: Secure, Smart, and Global Experience with AI-Enhanced</p> 274 </div> 275 <div class="col-lg-2 col-sm-4 ms-auto mb-30"> 276 <h5 class="footer-title">Links</h5> 277 <ul class="footer-nav-link style-none"> 278 <li><a href="index.html">Home</a></li> 279 <li><a href="about-us.html">About us</a></li> 280 </ul> 281 </div> 282 <div class="col-lg-3 col-sm-4 mb-30"></div> 283 <div class="col-xl-2 col-lg-3 col-sm-4 mb-30"> 284 <h5 class="footer-title">Legal</h5> 285 <ul class="footer-nav-link style-none"> 286 <li><a href="terms.html">Terms & conditions</a></li> 287 <li><a href="privacy.html">Privacy policy</a></li> 288 </ul> 289 </div> 290 </div> 291 292 <div class="bottom-footer"> 293 <div class="d-lg-flex justify-content-between align-items-center"> 294 <ul class="order-lg-1 pb-15 d-flex justify-content-center footer-nav style-none"> 295 <li><a href="terms.html">Privacy & Terms.</a></li> 296 <li><a href="contact-us.html">Contact Us</a></li> 297 </ul> 298 <p class="copyright text-center order-lg-0 pb-15">Copyright @2026 Sustain8</p> 299 </div> 300 </div> 301 </div>
301 <!-- /.inner-wrapper --> 302 </div> 303 </div> <!-- /.footer-style-four --> 304 305 306 <button class="scroll-top" style="left: 10px"> 307 <i class="bi bi-arrow-up-short"></i> 308 </button> 309 310 311 312 313 <!-- Optional JavaScript _____________________________ --> 314 315 <!-- jQuery first, then Bootstrap JS --> 316 <!-- jQuery --> 317
317<script src="vendor/jquery.min.js"></script>
317 318 <!-- Bootstrap JS --> 319
319<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
319 320 <!-- AOS js --> 321
321<script src="vendor/aos-next/dist/aos.js"></script>
321 322 <!-- Slick Slider --> 323
323<script src="vendor/slick/slick.min.js"></script>
323 324 <!-- js Counter --> 325
325<script src="vendor/jquery.counterup.min.js"></script>
325 326
326<script src="vendor/jquery.waypoints.min.js"></script>
326 327 <!-- Fancybox --> 328
328<script src="vendor/fancybox/dist/jquery.fancybox.min.js"></script>
328 329 <!-- validator js --> 330
330<script src="vendor/validator.js"></script>
330 331 332 <!-- Theme js --> 333
333<script src="js/theme.js"></script>
333 334 335
335<script data-jsd-embedded data-key="0179fbc6-89ce-4e00-a054-5347dd8c62da" data-base-url="https://jsd-widget.atlassian.com" src="https://jsd-widget.atlassian.com/assets/embed.js"></script>
335 336 </div> <!-- /.main-page-wrapper --> 337 </body> 338</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.