ds.brianstefan.dk

Masthead 

<section class="masthead">
    <div class="masthead--inner">
        <h1 class="masthead--headline" data-aos="fade-down" data-aos-duration="1000">
            Hi I'm Brian,<br> I work with the internet.
        </h1>
        <div class="masthead--content">
            <p class="masthead--lead" data-aos="fade-down" data-aos-duration="1000">I am a frontend and UX Designer from Denmark, now Head of Design at the Aarhus based agency No Zebra. I create digital experiences while making design and code play nice.</p>
            <p class="masthead--lead" data-aos="fade-down" data-aos-duration="1000">Apart from my work, I spend my time with our cat, geckos and my wife and daughter in a small town south of Aarhus.</p>
        </div>
        <div class="masthead--image" data-aos="fade-up" data-aos-duration="1000">
            <img src="../../assets/images/brian-laptop-cropped.svg" alt="" />
        </div>
        <div class="masthead--action" data-aos="fade-down" data-aos-duration="1000">
            <a href="#work" class="button--primary button--down">How I work</a> </div>
    </div>
    <div class="masthead--clouds">
        <img src="../../assets/images/clouds.svg" alt="" />
    </div>
    <div class="family-background" data-aos="" data-aos-duration="">
        <img src="../../assets/images/background-family-reversed.svg" alt="" />
    </div>
</section>
 
<section class="masthead">
  <div class="masthead--inner">
    <h1 class="masthead--headline" data-aos="fade-down" data-aos-duration="1000">
      Hi I'm Brian,<br>
      I work with the internet.
    </h1>
    <div class="masthead--content">
      <p class="masthead--lead" data-aos="fade-down" data-aos-duration="1000">I am a frontend and UX Designer from Denmark, now Head of Design at the Aarhus based agency No Zebra. I create digital experiences while making design and code play nice.</p>
      <p class="masthead--lead" data-aos="fade-down" data-aos-duration="1000">Apart from my work, I spend my time with our cat, geckos and my wife and daughter in a small town south of Aarhus.</p>
    </div>
    <div class="masthead--image" data-aos="fade-up" data-aos-duration="1000">
      <img src="{{ path '/assets/images/brian-laptop-cropped.svg' }}" alt="" />
    </div>
    <div class="masthead--action" data-aos="fade-down" data-aos-duration="1000">
      {{> "@button--primary-down" link="#work" data-anchor="work" title="How I work" }}
    </div>
  </div>
  <div class="masthead--clouds">
    <img src="{{ path '/assets/images/clouds.svg' }}" alt="" />
  </div>
  {{> "@family-background" }}
</section>
 
/* No context defined for this component. */

There are no notes for this item.