<section class="intro" id="intro"> <div class="container intro__content"> <div class="intro__title"> <h1 class="h1 color-accent h1-home"> <span class="title-outline line-break">{{ option.siteTitleFirstName }}</span> <span class="title-outline line-break title-interspace">{{ option.siteTitleName }}</span> {{ option.job }} </h1> </div> <div class="intro__presentation"> <p>{{ option.siteDescription | nl2br }}</p> </div> <div class="intro__buttons"> <a href="#skills" class="btn btn-primary">Découvrez-moi !</a> <a href="{{ path('contact') }}" class="btn btn-secondary">Contactez-moi !</a> </div> </div> <div class="intro__picture"> <img src="{{ vich_uploader_asset(option, option.file) }}" alt=""> <svg class="intro__branding" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 548.049 370.428"> <path d="M1036.624,332.42q0,27.647-18.216,42.759t-50.24,15.112H928.389V284.9h44.688q63.542,0,63.548,47.523M928.389,439.63h44.424q79.823,0,79.82,57.608,0,27.9-18.727,43.779T980.82,556.9H928.389Zm154.99-64.584q17.827-23.248,17.819-54.762,0-37.716-31.379-61.223-31.4-23.5-85.121-23.5H571.28v52.173H677.463v158.91h61.486V287.733H866.061l1.1.258V553.8H569.937v52.184h416.05q57.09,0,94.551-29.451,37.443-29.451,37.448-76.979,0-38.232-22.856-62.13-22.854-23.877-61.094-28.286v-1.031q31.522-9.812,49.344-33.066" transform="translate(-569.937 -235.56)"/> </svg> </div></section>