howto.html

---
layout: default
permalink: /howto/
---
  <!-- game desc -->
    <section class="about-desc" >
      <div style="background-image: url('{{site.baseurl}}/assets/images/Scene1.png'); background-size: cover; width: 100% ">
        <h1 class="center goal title-font">GOAL OF THE GAME</h1>
        <div class="container conditions" >
          <div class="row ">
            
            <div class="col-sm-12">
                <p class=" white center">Find the bank</p>
                <p class=" white center">Acquire the money bags</p>
                <p class=" white center">Avoid getting killed</p>
                <p class=" white center">Revive dead team members</p>
              </div>
            
          </div>
        </div>
      
      <div class="battle center">        
        <div class="container">
          <div class="battle-text">
            <p class="center">BATTLE IT OUT BY CHALLENGING YOUR FRIENDS IN THIS ONLINE MULTIPLAYER GAME CONSISTING OF 3 ROUNDS.</p>
          </div>
        </div>
      </div>
    </div>
      <div class="container center">
        <div class="row">
          <div class="col-md-12">
            <h1>Weapons Range</h1>
          </div>
          <div class="col-md-12 victory">
            <p class="white ">Either choose from range or melee weapons to aid you in your path to victory</p>
          </div>
          <div class="col-md-3">
            <img src="{{site.baseurl}}/assets/images/weapons/Baton_BATON.png" class="img-fluid" alt="">
          </div>
          <div class="col-md-3">
            <img src="{{site.baseurl}}/assets/images/weapons/robberPipe.png" class="img-fluid" alt="">
          </div>
          <div class="col-md-3">
            <img src="{{site.baseurl}}/assets/images/weapons/robberGun.png" class="img-fluid" alt="">
          </div>
          <div class="col-md-3">
            <img src="{{site.baseurl}}/assets/images/weapons/copGun.png" class="img-fluid" alt="">
          </div>
        </div>
      </div>
      <div class="container center">
        <div class="row">
          <div class="col-md-12 accent">
            <h1>Maps Range</h1>
          </div>
        </div>
        <div class="row">
          <div class="col-md-6">
            <div class="accent">
              <h1>Round 1</h1>
            </div>
            <img src="{{site.baseurl}}/assets/images/newmaps/Map1.png" class="img-fluid" alt="">
          </div>
          <div class="col-md-6">
            <div class="row">
              <div class="col-md-12">
                <div class="accent">
                  <h1>Round 2</h1>
                </div>
                <img src="{{site.baseurl}}/assets/images/newmaps/Map2.png" class="img-fluid" alt="">
              </div>
            </div>
            <div class="row">
              <div class="col-md-12">
                <div class="accent">
                  <h1>Round 3</h1>
                </div>
                <img src="{{site.baseurl}}/assets/images/newmaps/Map3.png" class="img-fluid" alt="">
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>