index.svelte

<svelte:head>
	<title>Stephen Aldriedge</title>
</svelte:head>

<section class="home fixed-bg" id="home">

  <!-- COLOR OVERLAY -->
  <div class="color-overlay">
    <div class="container">
      <div class="row">
        <div class="col-lg-10 col-lg-offset-1 col-md-12">

          <!-- INTRO HEADING -->
          <h1 class="intro white-text text-center">Stephen Aldriedge</h1>

          <!-- CALL TO ACTION -->
          <div class="cta smooth-scroll">
            <!-- <a [routerLink]="['/portfolio', {outlets: {portfoliopage: ['portfolio-grid']}}]" class="btn btn-default standard-button red-button">Portfolio</a> -->
            <!-- <a [routerLink]="['/skills']" class="btn btn-default standard-button green-button">Skills</a> -->
          </div>

        </div>
      </div>

      <div class="row text-center">

        <!-- 3 FEATURES ON HOMEPAGE -->
        <div class="home-features">

          <!-- SINGLE FEATURE -->
          <div class="col-md-4 col-sm-4">
            <div class="single-feature">
              <div class="icon yellow-text">
                <span class="icon icon-joy"></span>
                <!-- ICON -->
              </div>
              <h6 class="yellow-text uppercase">Game Development</h6>
            </div>
          </div>

          <!-- SINGLE FEATURE -->
          <div class="col-md-4 col-sm-4">
            <div class="single-feature">
              <div class="icon purple-text">
                <span class="icon icon-happy-smiley-streamline"></span>
                <!-- ICON -->
              </div>
              <h6 class="purple-text uppercase">Interaction/UX</h6>
            </div>
          </div>

          <!-- SINGLE FEATURE -->
          <div class="col-md-4 col-sm-4">
            <div class="single-feature">
              <div class="icon green-text">
                <span class="icon icon-ipad-streamline"></span>
                <!-- ICON -->
              </div>
              <h6 class="green-text uppercase">Software Development</h6>
            </div>
          </div>	

        </div>
      </div>
      <!-- END OF 3 FEATURES -->

    </div>

  </div>

</section>