index.html

---
layout: default-home
---
<div class="header1">
  <div class="intro">
    <div>
      <div class="light-logo"><img src="images/index/logo-white.png" width="538" height="78" class="tlu-logo"></div>
      <div class="light-nav">{% include hero-navigation.html %}</div>
    </div>
    <div style="text-align: center; padding: 20px;">
      <h1 class="step1">Blockchain learning for developers.</h1>
      <h1 class="step2">By developers.</h1>
      <img class="intro-separator step3" src="images/separator.svg"/>
      <h4 class="step4">Dipping your toes into crypto?<br />
        Or a seasoned campaigner excited by Tari’s potential?<br />
        We want this to be your go-to portal for learning and giving back.</h4>
    </div>
  </div>

  <div class="floats">
      <div class="rellax" data-rellax-speed="9">
        <img src="./images/index/graphic5.png" height="500px" width="1215px"/>
      </div>
      <script src="https://cdn.jsdelivr.net/gh/dixonandmoe/rellax@master/rellax.min.js"></script>
      <script>
        // Accepts any class name
        var rellax = new Rellax('.rellax');
      </script>
  </div>
</div>

<div class="container" style="margin-top: -50px;">
  <div class="row home-intro2">
    <div class="col col-3 col-d-12" style="text-align: center;">
      <img src="images/ico-1.svg" />
    </div>
    <div class="col col-9 col-d-12">
      <p class="intro-text">We’ve gone and curated the best content on the web and added it to the great articles and videos  published by the Tari community and brought it together to form <strong>TariLabs University</strong>.</p>
      <p>Our team has collected resources into <strong><a href="#courses">courses</a></strong> that you can consume in a linear fashion and build up your knowledge as you would in any online course.</p>
      <p>Or you can dive straight into the <strong><a href="#topics">subject areas</a></strong> that interest you and cut through the courses following themes such as <strong>cryptography</strong> or <strong>economics</strong>.</p>
      <p><strong>Finally, do you know more than us?</strong> Is there something missing here that should be added? Boy, are we happy to see you! TLU is 100% open source and we’d love to consider your corrections, suggestions or even complete articles or videos for inclusion on TLU.</p>
    </div>
  </div>
    <img src="images/dots-3lines.png" style="float: right; margin-right: 150px;"/>
</div>

<div class="container" id="courses">
  <div class="home-inner">
    <div class="centered">
      <div>
        <img src="/images/course-icon.svg"/>
      </div>
      <div class="highlight-wrapper">
          <div class="heading-highlight hl1"></div>
          <div><h3 class="highlight-headings">Courses</h3></div>
      </div>
    </div>
    {% include course-cards.html %}
  </div>
</div>
<div class="home-inner grey-bg" id="topics">
    <img src="/images/title-topics.svg" />
    <h3 class="highlight-headings">Don't like the rigid<br />course structure?</h3>
    <h4>Browse the topics instead</h4>
</div>
<div class="container">
  <div class="home-inner">
    {% include featuredcard-light.html %}
  </div>
</div>
{% include search.html %}