index.html

<sergey-import src="header">
  <title>home|#dailybuild</title>
</sergey-import>

<div id="index" class="top-shadow"></div>

<section class="home-slider owl-carousel">
  <div class="slider-item" style="background-image: url('images/build-shrine-2.png');">
    <div class="container">
      <div class="row slider-text align-items-center justify-content-center">
        <div class="col-lg-7 text-center col-sm-12 element-animate">
          <h1 class="m-4"><span>We are a community of tech builders</span></h1>
          <p class="mb-5 w-75 readable-white">Developing and improving FOSS and proprietary projects</p>
          <a href="index.html#chatbot" title="I want to chat with the bot">
            <i class="fa-3x fa fa-arrow-circle-down"></i>
          </a>
        </div>
      </div>
    </div>
  </div>

  <div class="slider-item" style="background-image: url('images/canada-arm.png');">
    <div class="container">
      <div class="row slider-text align-items-center justify-content-center">
        <div class="col-lg-7 text-center col-sm-12 element-animate">
          <h1><span>Nurturing success thru joint effort</span></h1>
          <p class="mb-5 w-75 readable-white">"With enough eyeballs, all software problems are shallow" <cite>Linus
              Torvalds</cite></p>
          <a href="index.html#chatbot" title="I want to chat with the bot">
            <i class="fa-3x fa fa-arrow-circle-down"></i>
          </a>
        </div>
      </div>
    </div>
  </div>

  <div class="slider-item" style="background-image: url('images/open-office-1.jpeg');">
    <div class="container">
      <div class="row slider-text align-items-center justify-content-center">
        <div class="col-lg-7 text-center col-sm-12 element-animate">
          <h1><span></span></h1>
          <p class="mb-5 w-75 readable-white">"We'd rather work remotely"</p>
          <a href="index.html#chatbot" title="I want to chat with the bot">
            <i class="fa-3x fa fa-arrow-circle-down"></i>
          </a>
        </div>
      </div>
    </div>
  </div>
</section>
<div id="chatbot" class="container">
  <div class="d-flex flex-row-reverse">
    <sergey-import src="chatbot" />
  </div>
</div>
<div class="container section-title" id="clock">
  <div class="jumbotron section-title-text">
    <h4 class="display-4">We work from multiple timezones</h4>
    <p id="clock-zone">
      <sergey-import src="timezones" />
    </p>
  </div>
</div>

<div id="battlestations" class="section-title container">
  <div class="jumbotron">
    <h4 class="display-4">"The Best Investment is in the Tools of One's Trade"</h4>
    <p class="float lead pull-right"><em>Benjamin Franklin</em></p>
  </div>
  <div class="row">
    <div class="col-lg-3 col-md-4 col-xs-6 thumb mt-5">
      <a href="images/adrift-battlestation.png" data-fancybox="images" data-width="520" data-height="520"
        data-caption="adrift" class="fancybox" rel="ligthbox" title="adrift's workstation">
        <img alt="adrift-battlestation" src="images/adrift-battlestation.png" class="img-fluid rounded " />
      </a>
    </div>
    <div class="col-lg-3 col-md-4 col-xs-6 thumb mt-5">
      <a href="images/bernie-workstation.png" data-fancybox="images" data-width="520" data-height="520"
        data-caption="Bernie" class="fancybox" rel="ligthbox" title="Bernie's workstation">
        <img alt="Bernie workstation" src="images/bernie-workstation.png" class="img-fluid rounded " />
      </a>
    </div>
    <div class="col-lg-3 col-md-4 col-xs-6 thumb mt-5">
      <a href="images/bard-battlestation.png" data-fancybox="images" data-width="520" data-height="520"
        data-caption="bard" class="fancybox" rel="ligthbox" title="bard's workstation">
        <img alt="bard's workstation" src="images/bard-battlestation.png" class="img-fluid rounded " />
      </a>
    </div>
    <div class="col-lg-3 col-md-4 col-xs-6 thumb mt-5">
      <a href="images/bloom-workstation.png" data-fancybox="images" data-width="520" data-height="520"
        data-caption="bloom" class="fancybox" rel="ligthbox" title="bloom's workstation">
        <img alt="bloom workstation" src="images/bloom-workstation.png" class="img-fluid rounded" />
      </a>
    </div>

    <div class="col-lg-3 col-md-4 col-xs-6 thumb mt-5">
      <a href="images/callcc-workstation.png" data-fancybox="images" data-width="520" data-height="520"
        data-caption="callcc" class="fancybox" rel="ligthbox" title="callcc's workstation">
        <img alt="callcc's workstation" src="images/callcc-workstation.png" class="img-fluid rounded " />
      </a>
    </div>

    <div class="col-lg-3 col-md-4 col-xs-6 thumb mt-5">
      <a href="images/daddy-battlestation.png" data-fancybox="images" data-width="520" data-height="520"
        data-caption="daddy le Dandy" class="fancybox" rel="ligthbox" title="daddy's workstation">
        <img alt="daddy's workstation" src="images/daddy-battlestation.png" class="img-fluid rounded " />
      </a>
    </div>

    <div class="col-lg-3 col-md-4 col-xs-6 thumb  mt-5">
      <a href="images/Googlebot-workstation.png" data-fancybox="images" data-width="520" data-height="520"
        data-caption="Googlebot" class="fancybox" rel="ligthbox" title="Googlebot's workstation">
        <img alt="Googlebot workstation" src="images/Googlebot-workstation.png" class="img-fluid rounded" />
      </a>
    </div>

    <div class="col-lg-3 col-md-4 col-xs-6 thumb  mt-5">
      <a href="images/kiwi-workstation.png" data-fancybox="images" data-width="520" data-height="520"
        data-caption="kiwi_xx" class="fancybox" rel="ligthbox" title="kiwi_xx's workstation">
        <img alt="kiwi workstation" src="images/kiwi-workstation.png" class="img-fluid rounded" />
      </a>
    </div>


    <div class="col-lg-3 col-md-4 col-xs-6 thumb  mt-5">
      <a href="images/luxemboye-workstation.png" data-fancybox="images" data-width="520" data-height="520"
        data-caption="luxemboye" class="fancybox" rel="ligthbox" title="luxemboye's workstation">
        <img alt="luxemboye workstation" src="images/luxemboye-workstation.png" class="img-fluid rounded" />
      </a>
    </div>

    <div class="col-lg-3 col-md-4 col-xs-6 thumb  mt-5">
      <a href="images/mabynogy-workstation.png" data-fancybox="images" data-width="520" data-height="520"
        data-caption="mabynogy" class="fancybox" rel="ligthbox" title="mabynogy's workstation">
        <img alt="mabynogy workstation" src="images/mabynogy-workstation.png" class="img-fluid rounded" />
      </a>
    </div>

    <div class="col-lg-3 col-md-4 col-xs-6 thumb  mt-5">
      <a href="images/mss-battlestation.png" data-fancybox="images" data-width="520" data-height="520"
        data-caption="mss" class="fancybox" rel="ligthbox" title="mss' workstation">
        <img alt="mss' workstation" src="images/mss-battlestation.png" class="img-fluid rounded" />
      </a>
    </div>

    <div class="col-lg-3 col-md-4 col-xs-6 thumb mt-5">
      <a href="images/prussian-workstation.png" data-fancybox="images" data-width="520" data-height="520"
        data-caption="prussian (not russian)" class="fancybox" rel="ligthbox" title="prussian's workstation">
        <img alt="prussian workstation" src="images/prussian-workstation.png" class="img-fluid rounded" />
      </a>
    </div>

    <div class="col-lg-3 col-md-4 col-xs-6 thumb mt-5">
      <a href="images/qd-battlestation.png" data-fancybox="images" data-width="520" data-height="520" data-caption="qD"
        class="fancybox" rel="ligthbox" title="qD's workstation">
        <img alt="qD workstation" src="images/qd-battlestation.png" class="img-fluid rounded" />
      </a>
    </div>

    <div class="col-lg-3 col-md-4 col-xs-6 thumb mt-5">
      <a href="images/quintz-workstation.png" data-fancybox="images" data-width="520" data-height="520"
        data-caption="QUINTZ" class="fancybox" rel="ligthbox" title="QUINTZ's workstation">
        <img alt="QUINTZ workstation" src="images/quintz-workstation.png" class="img-fluid rounded" />
      </a>
    </div>

    <div class="col-lg-3 col-md-4 col-xs-6 thumb mt-5">
      <a href="images/sebbu-workstation.png" data-fancybox="images" data-width="520" data-height="520"
        data-caption="sebbu" class="fancybox" rel="ligthbox" title="sebbu's workstation">
        <img alt="sebbu workstation" src="images/sebbu-workstation.png" class="img-fluid rounded" />
      </a>
    </div>

    <div class="col-lg-3 col-md-4 col-xs-6 thumb mt-5">
      <a href="images/socratic-workstation.png" data-fancybox="images" data-width="520" data-height="520"
        data-caption="socraticDev" class="fancybox" rel="ligthbox" title="socraticDev's workstation">
        <img alt="socraticDev workstation" src="images/socratic-workstation.png" class="img-fluid rounded" />
      </a>
    </div>

    <div class="col-lg-3 col-md-4 col-xs-6 thumb mt-5">
      <a href="images/tuy360-workstation.png" data-fancybox="images" data-width="520" data-height="520"
        data-caption="tuy360" class="fancybox" rel="ligthbox" title="tuy360's workstation">
        <img alt="tuy360 workstation" src="images/tuy360-workstation.png" class="img-fluid rounded" />
      </a>
    </div>

    <div class="col-lg-3 col-md-4 col-xs-6 thumb mt-5">
      <a href="images/winny-workstation.png" data-fancybox="images" data-width="520" data-height="520"
        data-caption="winny" class="fancybox" rel="ligthbox" title="winny's workstation">
        <img alt="winny workstation" src="images/winny-workstation.png" class="img-fluid rounded" />
      </a>
    </div>

  </div>
</div>
<sergey-import src="footer" />

<div id="loader" class="show fullscreen"><svg class="circular" width="48px" height="48px">
    <circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee" />
    <circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10" stroke="#f4b214" />
  </svg></div>

<div class="not_on_mobile" id="radio" style="z-index: 1;"></div>

<sergey-import src="scripts" />
</body>

</html>