index.html

---
title: Ohio URISA
permalink: "/index.html"
layout: default
headline: Welcome to the Ohio Chapter of URISA
subtitle: This is a DEMO site only!!
map: maps/user-groups-map.js
homepage: true
plugins:
- "<script src='https://api.mapbox.com/mapbox.js/plugins/leaflet-pip/v0.1.0/leaflet-pip.min.js'></script>"
- <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/leaflet-hash/0.2.1/leaflet-hash.min.js"></script>
- <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/PapaParse/4.1.2/papaparse.min.js"></script>
---

<section>
  <div class="container wow fadeInUp">
    <div class="text-center">
      <h2 class="display-1">About Ohio URISA</h2>
      <p class="lead"></p>
      <p>
    </div>
      <p>We are the officially recognized chapter of URISA for the State of Ohio. The <a href="http://www.urisa.org/" target="_blank">Urban and Regional Information Systems Association (URISA)</a> is a nonprofit association of professionals using Geographic
      Information Systems (GIS) and other information technologies to solve challenges in state/provincial, regional and local government agencies. URISA is considered to be the premier organization for the use and integration of spatial information.
      </p>
      <div class="card">
        <h4 class="card-header">Objectives</h4>
        <div class="card-block">
          <p class="card-text">
            To encourage the advancement of GIS in the State of Ohio through professional education and public awareness.
          </p>
          <p class="card-text">
            To foster the exchange of ideas and provide a forum of discussion on topics related to GIS in the State.
          </p>
          <p class="card-text">
            To promote professional interaction within the state GIS community, stimulate research, encourage publication, and generally aid the advancement of its members and other organizations having related objectives.
          </p>
        </div>
      </div>
    <div class="text-center">
      <p>
        <a href="/about" class="btn btn-primary-outline btn-lg wow flipInX text-uppercase"><i class="icon-sm ion-share wow fadeIn" data-wow-delay=".1s"></i>&nbsp;About</a>
      </p>
      <p class="text-muted">
        Read more at Ohio URISA on our About page
      </p>
    </div>

    <!--ul>
      <li>To encourage the professional advancement of GIS in the State of Ohio through professional education and public awareness.</li>
      <li>To foster the exchange of ideas and provide a forum of discussion on topics related to GIS in the State.</li>
      <li>To promote professional interaction within the state GIS community, stimulate research, encourage publication, and generally aid the advancement of its members and other organizations having related objectives.</li>
    </ul-->
    <!--button class="btn btn-sm text-normal btn-secondary-outline" data-toggle="collapse" data-target="#demo" style="width:100%;">Learn More</button>

    <div id="demo" class="collapse"-->
    <!--p>
        In 2010, the Chapter had 111 members. There were 42 members who were a part of six corporate memberships, and 69 members who joined individually. Always check the calendar for the latest meeting information. Generally, we hold regular meetings on the
        last Monday of every month at 12:30 p.m. at the ODOT Office Building at 1980 W. Broad Street, Columbus, Ohio 43223. The OGRIP Forum meetings are usually held on the same day starting at 1 p.m. in the same room. From time to time we also schedule
        outreach meetings in various parts of the state. Our meetings are usually filled with discussions of activities we can undertake to benefit the GIS community in Ohio and to grow our organization. You can earn points towards the GISP certification
        for years of membership toward the Contributions to the Profession Component. Additionally, attending Chapter activities may earn points under the EDU-3 section. For questions or more information, contact the Chapter’s GISP Liaison or check out
        the GISCI website.
      </p-->

  </div>
</section>
 <section id="events" class="bg-alt">
  {% include events.html %}
</section>
<!--google calendar events-->
<section>
  <div class="container wow fadeInUp">
    <ul id="events-upcoming" class="wow fadeInUp" style="list-style-type: none;">
    </ul>
    <ul id="events-past">
    </ul>
  </div>
</section>
<section id="news">
  <div class="container wow fadeInUp">
    <!--div class="text-center">
      <h2>From the Blog</h2>
      <p class="lead">

      </p>
    </div-->
    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
      <ol class="carousel-indicators">
        <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
        <li data-target="#carousel-example-generic" data-slide-to="1"></li>
        <li data-target="#carousel-example-generic" data-slide-to="2"></li>
      </ol>
      <div class="carousel-inner" role="listbox">
        <div class="carousel-item active">
          <div class="jumbotron jumbotron-fluid" style="background-color: white;">
            <div class="container">
              <h1 class="display-1">News Item 1</h1>
              <p class="lead">This is a modified jumbotron that occupies the entire horizontal space of its parent.</p>
            </div>
          </div>
        </div>
        <div class="carousel-item">
          <div class="jumbotron jumbotron-fluid" style="background-color: white;">
            <div class="container">
              <h1 class="display-1">News Item 2</h1>
              <p class="lead">This is a modified jumbotron that occupies the entire horizontal space of its parent.</p>
            </div>
          </div>
        </div>
        <div class="carousel-item">
          <div class="jumbotron jumbotron-fluid" style="background-color: white;">
            <div class="container">
              <h1 class="display-1">News Item 3</h1>
              <p class="lead">This is a modified jumbotron that occupies the entire horizontal space of its parent.</p>
            </div>
          </div>
        </div>
      </div>
      <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev" style="background: none;">
        <span class="sr-only">Previous</span>
      </a>
      <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next" style="background: none;">
        <span class="sr-only">Next</span>
      </a>
    </div>
    <div class="jumbotron jumbotron-fluid" style="background-color: white;">
      <div class="container">
        <h1 class="display-1">Fluid jumbotron</h1>
        <p class="lead">This is a modified jumbotron that occupies the entire horizontal space of its parent.</p>
      </div>
    </div>
    <div class="jumbotron jumbotron-fluid" style="background-color: white;">
      <div class="container">
        <h1 class="display-1">Fluid jumbotron</h1>
        <p class="lead">This is a modified jumbotron that occupies the entire horizontal space of its parent.</p>
      </div>
    </div>
    <!--div class="card-group">
      <div class="card">
        <img class="card-img-top img-responsive" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/331810/sample13.jpg" alt="Card image cap">
        <div class="card-block">
          <h4 class="card-title">News Item 1</h4>
          <p class="card-text">This is a short description.</p>
        </div>
      </div>
      <div class="card">
        <img class="card-img-top img-responsive" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/331810/sample19.jpg" alt="Card image cap">
        <div class="card-block">
          <h4 class="card-title">News Item 2</h4>
          <p class="card-text">Use card groups to render equal height cards without gutters between the cards. Use <code>.card-deck</code> for cards that aren�t attached to each another.</p>
        </div>
      </div>
      <div class="card">
        <img class="card-img-top img-responsive" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/331810/sample14.jpg" alt="Card image cap">
        <div class="card-block">
          <h4 class="card-title">News Item 3</h4>
          <p class="card-text">A frequent problem occurs when you have multiple items in a row with content of varying height. Thanks to flexbox (and display:table) we now have equal height cards!</p>
        </div>
      </div-->
  </div>
</section>
<section id="projects" class="bg-alt">
  <div class="container">
    <div class="row">
      <div class="col-lg-12 text-center">
        <h2 class="m-t-0 text-primary display-1">Projects</h2>
        <hr class="primary">
      </div>
    </div>
  </div>
  <div class="container wow fadeInUp">
    <div class="row">
      <div class="col-lg-4 col-md-4 col-sm-6 text-center">
        <div class="feature">
          <i class="icon-lg ion-ios-flask wow fadeIn" data-wow-delay=".1s"></i>
          <h6 class="text-uppercase">Workshops</h6>
          <p class="text-muted m-b-0">Description</p>
        </div>
      </div>
      <div class="col-lg-4 col-md-4 col-sm-6 text-center">
        <div class="feature">
          <a href="http://ogrip.oit.ohio.gov/Events/OhioGISConference.aspx" target="_blank">
            <i class="icon-lg ion-ios-grid-view-outline  wow fadeInUp"></i>
            <h6 class="text-uppercase">Ohio GIS Conference</h6>
          </a>
          <p class="text-muted m-b-0">Description</p>
        </div>
      </div>
      <div class="col-lg-4 col-md-4 col-sm-6 text-center">
        <div class="feature">
          <i class="icon-lg ion-ios-paper wow fadeIn" data-wow-delay=".1s"></i>
          <h6 class="text-uppercase">Blog</h6>
          <p class="text-muted m-b-0">Description</p>
        </div>
      </div>
      <div class="col-lg-4 col-md-4 col-sm-6 text-center">
        <div class="feature">
          <i class="icon-lg ion-ios-infinite wow fadeIn" data-wow-delay=".1s"></i>
          <h6 class="text-uppercase">Mentoring</h6>
          <p class="text-muted m-b-0">Description</p>
        </div>
      </div>
      <div class="col-lg-4 col-md-4 col-sm-6 text-center">
        <div class="feature">
          <i class="icon-lg ion-ios-people wow fadeInUp"></i>
          <h6 class="text-uppercase">Membership</h6>
          <p class="text-muted m-b-0">Description</p>
        </div>
      </div>
      <div class="col-lg-4 col-md-4 col-sm-6 text-center">
        <div class="feature">
          <i class="icon-lg ion-ios-location wow fadeIn" data-wow-delay=".1s"></i>
          <h6 class="text-uppercase">Maps</h6>
          <p class="text-muted m-b-0">Description</p>
        </div>
      </div>
    </div>
  </div>
</section>
<!--aside class="bg-alt">
  <div class="container">
    <h2 class="text-primary">The Grid is More Flexible</h2>
    <hr class="primary">
    <br>
    <div class="row wow fadeInUp">
      <div class="col-md-3 col-sm-6 col-xs-12 text-center">
        <h3>Start</h3>
        <i class="icon-lg ion-ios-speedometer-outline wow pulse"></i>
        <h1 class="text-primary">100</h1>
      </div>
      <div class="col-md-3 col-sm-6 col-xs-12 text-center">
        <h3>Migrate</h3>
        <i class="icon-lg ion-ios-location-outline wow pulse"></i>
        <h1 class="text-primary">3421</h1>
      </div>
      <div class="col-md-3 col-sm-6 col-xs-12 text-center">
        <h3>Build</h3>
        <i class="icon-lg ion-ios-pulse wow pulse"></i>
        <h1 class="text-primary">4%</h1>
      </div>
      <div class="col-md-3 col-sm-6 col-xs-12 text-center">
        <h3>Play</h3>
        <i class="icon-lg ion-ios-game-controller-b-outline wow pulse"></i>
        <h1 class="text-primary">50%</h1>
      </div>
    </div>
    <hr>
    <br>
  </div>
  <div class="container">
    <div class="row">
      <div class="col-sm-6">
        6
      </div>
      <div class="col-sm-6 text-normal">
        <div class="card bg-primary"> 6 units </div>
      </div>
      <div class="col-sm-5">
        5
      </div>
      <div class="col-sm-7 text-normal">
        <div class="card bg-primary"> 7 units </div>
      </div>
      <div class="col-sm-4">
        4
      </div>
      <div class="col-sm-8 text-normal">
        <div class="card bg-primary"> 8 units </div>
      </div>
      <div class="col-sm-3">
        3
      </div>
      <div class="col-sm-9 text-normal">
        <div class="card bg-primary"> 9 units </div>
      </div>
      <div class="col-sm-2">
        2
      </div>
      <div class="col-sm-10 text-normal">
        <div class="card bg-primary"> 10 units </div>
      </div>
      <div class="col-sm-1">
        1
      </div>
      <div class="col-sm-11 text-normal">
        <div class="card bg-primary"> 11 units </div>
      </div>
    </div>
  </div>
  <hr />
  <div class="container">
    <div class="row">
      <div class="col-lg-2 text-normal">
        <div class="card bg-primary"> 2 </div>
      </div>
      <div class="col-lg-10">

      </div>
      <div class="col-lg-4 text-normal">
        <div class="card bg-primary"> 4 </div>
      </div>
      <div class="col-lg-8">

      </div>
      <div class="col-lg-6 text-normal">
        <div class="card bg-primary"> 6 </div>
      </div>
      <div class="col-lg-6">

      </div>
      <div class="col-lg-8 text-normal">
        <div class="card bg-primary"> 8 </div>
      </div>
      <div class="col-lg-4">

      </div>
      <div class="col-lg-10 text-normal">
        <div class="card bg-primary"> 10 </div>
      </div>
      <div class="col-lg-2">

      </div>
      <div class="col-lg-12 text-normal">
        <div class="card bg-primary"> 12 </div>
      </div>
    </div>
  </div>
</aside-->
<!--section id="wow">
  <div class="container">
    <div class="row">
      <div class="col-xs-12 col-lg-6">
        <h2 class="text-nowrap">Fonts got larger</h2>
      </div>
      <div class="col-xs-12 col-lg-6 text-right">
        <button class="btn btn-lg text-normal btn-secondary-outline">Outline</button>
        <button class="btn btn-lg text-normal btn-primary-outline">Buttons</button>
        <button class="btn btn-lg text-normal btn-danger-outline">Are Here</button>
      </div>
      <div class="col-xs-12">
        <br/>
        <h1 class="display-4">Wow.</h1>
        <p class="lead text-justify">Text is larger in Bootstrap 4. The default font size is now 16px. There are also new "Display headings" that really stand out. The new `em` based sizing is cool too.</p>
      </div>
    </div>
    <hr/>
    <div class="row">
      <div class="col-md-6 col-xs-12 text-center">
        <nav class="navbar navbar-dark bg-inverse text-normal">
          <ul class="nav navbar-nav">
            <li class="nav-item active">
              <a class="nav-link" href="#">Home</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="#">Features</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="#">Pricing</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="#">About</a>
            </li>
          </ul>
        </nav>
      </div>
      <div class="col-md-6 col-xs-12">
        <h2>Navbar</h2>
        <p class="text-justify">The new Bootstrap 4 <code>.navbar</code> code is lighter. You can make it responsive using the Collapse component and <code>.navbar-toggleable-*</code> classes that enable you to control the breakpoint.</p>
      </div>
      <div class="col-xs-12 clearfix">
        <hr>
      </div>
      <div class="col-md-6 col-xs-12">
        <h2>RIP icons, affix, etc..</h2>
        <p class="text-justify">Some components have been removed from Bootstrap 4. The Glyphicons icon fonts are no longer included, but it's easy to utilize another font like FontAwesome, <a href="https://octicons.github.com/">Octicons</a> or <a href="http://ionicons.com/">Ionicons</a>.
          The Affix jQuery plugin has also been dropped. The new recommendation is to use HTML5 position: sticky or a sticky polyfill instead.
        </p>
      </div>
      <div class="col-md-6 col-xs-12 text-center">
        <div class="row">
          <div class="col-lg-3 col-md-3 col-xs-6 text-center">
            <a href="#alertModal" data-toggle="modal" data-target="#alertModal"><i class="icon-lg ion-ios-cloud-download-outline wow fadeIn"></i></a>
          </div>
          <div class="col-lg-3 col-md-3 col-xs-6 text-center">
            <i class="icon-lg ion-ios-pie-outline wow fadeIn text-primary"></i>
          </div>
          <div class="col-lg-3 col-md-3 col-xs-6 text-center">
            <i class="icon-lg ion-ios-star-outline wow fadeIn text-primary"></i>
          </div>
          <div class="col-lg-3 col-md-3 col-xs-6 text-center">
            <i class="icon-lg ion-ios-heart-outline wow fadeIn text-primary"></i>
          </div>
          <div class="col-lg-3 col-md-3 col-xs-6 text-center">
            <i class="icon-lg ion-ios-pulse wow fadeIn text-primary"></i>
          </div>
          <div class="col-lg-3 col-md-3 col-xs-6 text-center">
            <i class="icon-lg ion-ios-refresh-outline wow fadeIn text-primary"></i>
          </div>
          <div class="col-lg-3 col-md-3 col-xs-6 text-center">
            <i class="icon-lg ion-ios-gear-outline wow fadeIn text-primary"></i>
          </div>
          <div class="col-lg-3 col-md-3 col-xs-6 text-center">
            <i class="icon-lg ion-ios-timer-outline wow fadeIn text-primary"></i>
          </div>
        </div>
      </div>
      <div class="col-xs-12 clearfix">
        <hr>
      </div>
      <div class="col-md-6 col-xs-12 text-center">
        <div class="card text-normal text-left">
          <div class="card-block">
            <ul class="list-unstyled">
              <li class="text-capitalize"><code class="text-lowercase">text-capitalize</code> Capitalize each word</li>
              <li class="text-uppercase"><code class="text-lowercase">text-uppercase</code> Uppercase text</li>
              <li class="text-lowercase"><code>text-lowercase</code> There is lowercase too</li>
              <li><small>But where is text-truncate with text-overflow:ellipsis?</small></li>
            </ul>
          </div>
        </div>
      </div>
      <div class="col-md-6 col-xs-12">
        <h2>Handy utilities</h2>
        <p class="text-justify">Several simple, but useful <a href="http://v4-alpha.getbootstrap.com/components/utilities">utility classes</a> have been added like text, margin and padding helpers. There are also <a href="http://v4-alpha.getbootstrap.com/components/utilities/#contextual-colors-and-backgrounds">contextual colors</a>            and
          <a href="http://v4-alpha.getbootstrap.com/layout/responsive-utilities/">responsive utility</a> classes to hide content on specific breakpoints. There's even a new fluid Jumbotron!</p>
      </div>
    </div>
  </div>
</section-->
<section id="user-groups">
  <div class="container">
    <div class="row">
      <div class="col-md-12">
        <div class="text-center" style="z-index:800;position:relative;margin: auto 40px;">
          <h2 class="margin-top-0 wow fadeIn display-1">Ohio GIS User Groups</h2>
          <hr class="light" />
        </div>
        <div id="map" class="center-block wow fadeInUp" style="width:100%;height:600px;position:realtive;padding:15px 0;border: 1px solid lightgray;margin-bottom:2rem;">
        </div>
        <div class="text-center">
          <p>
            <a href="/user-groups-fullscreen-map" target="ext" class="btn btn-primary-outline btn-lg wow flipInX text-uppercase"><i class="icon-sm ion-share wow fadeIn" data-wow-delay=".1s"></i>&nbsp;User Group Map</a>
          </p>
          <p class="text-muted">
            Click the Link Above for a Fullscreen Map
          </p>
        </div>
      </div>
    </div>
  </div>
</section>
<aside class="bg-alt" id="connect" style="padding: 100px 0;">
  <div class="container text-center">
    <div class="call-to-action">
      <h2 class="text-primary display-1">Membership</h2>
      <a href="https://drive.google.com/file/d/0B_4l5xNSLTw2M1BmUGw2Y2dfVkk/view" class="btn btn-primary-outline btn-lg wow flipInX text-uppercase" target="_blank">Join Here</a>
    </div>
    <!--br>
    <hr>
    <br>
    <div class="row">
      <div class="col-lg-10 col-lg-offset-1">
        <div class="row">
          <h6 class="wide-space text-center text-uppercase">Bootstrap is Built on these Standards</h6>
          <div class="col-sm-3 col-xs-6 text-center">
            <i class="icon-lg ion-social-html5-outline" title="html 5"></i>
          </div>
          <div class="col-sm-3 col-xs-6 text-center">
            <i class="icon-lg ion-social-sass" title="sass"></i>
          </div>
          <div class="col-sm-3 col-xs-6 text-center">
            <i class="icon-lg ion-social-javascript-outline" title="javascript"></i>
          </div>
          <div class="col-sm-3 col-xs-6 text-center">
            <i class="icon-lg ion-social-css3-outline" title="css 3"></i>
          </div>
        </div>
      </div>
    </div-->
  </div>
</aside>
<section id="contact">
  <div class="container">
    <div class="row">
      <div class="col-lg-8 col-lg-offset-2 text-center">
        <h2 class="margin-top-0 wow fadeIn display-1">Get in Touch</h2>
        <hr class="primary">
        <p>We love feedback. Fill out the form below and we'll get back to you as soon as possible.</p>
      </div>
      <div class="col-lg-10 col-lg-offset-1 text-center">
        <form class="contact-form row" action="https://formspree.io/webmaster@ohurisa.org" method="POST">
          <div class="col-md-6">
            <label></label>
            <input type="text" class="form-control" name="name" placeholder="Name">
          </div>
          <div class="col-md-6">
            <label></label>
            <input type="email" class="form-control" name="_replyto" placeholder="Email">
          </div>
          <div class="col-md-12">
            <label></label>
            <input type="subject" class="form-control" name="_subject" placeholder="Subject">
          </div>
          <div class="col-md-12">
            <label></label>
            <textarea class="form-control" rows="9" name="message" placeholder="Your message here.."></textarea>
          </div>
          <!--formspree hidden fields-->
          <input type="text" name="_gotcha" style="display:none" />
          <input type="hidden" name="_next" value="/thanks" />
          <div class="col-md-4 col-md-offset-4">
            <label></label>
            <button  type="submit" class="btn btn-primary btn-block btn-lg" value="Send">Send <i class="ion-android-arrow-forward"></i></button>
          </div>
        </form>
      </div>
    </div>
  </div>
</section>
<div id="body-modal">
  <div id="galleryModal" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-body">
          <img src="//placehold.it/1200x700/222?text=..." id="galleryImage" class="center-block img-responsive">
          <p>
            <br>
            <button class="btn btn-primary btn-lg center-block" data-dismiss="modal" aria-hidden="true">Close <i class="ion-android-close"></i></button>
          </p>
        </div>
      </div>
    </div>
  </div>
  <div id="aboutModal" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-body">
          <h2 class="text-center">Draft OH URISA New Site</h2>
          <h6 class="text-center">Simple, Static, Fast</h6>
          <p class="text-center">
            This is a modal window example. This these is from Bootstrap Zero. No licensing information was provided.
          </p>
          <p class="text-center"><a href="http://www.bootstrapzero.com">Download at BootstrapZero</a></p>
          <br>
          <button class="btn btn-primary btn-lg center-block" data-dismiss="modal" aria-hidden="true"> OK </button>
        </div>
      </div>
    </div>
  </div>
  <div id="alertModal" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-sm">
      <div class="modal-content">
        <div class="modal-body">
          <h2 class="text-center">Nice Job!</h2>
          <p class="text-center">You clicked the button, but it doesn't actually go anywhere because this is only a demo.</p>
          <p class="text-center"><a href="http://www.bootstrapzero.com">Learn more at BootstrapZero</a></p>
          <br>
          <button class="btn btn-primary btn-lg center-block" data-dismiss="modal" aria-hidden="true">OK <i class="ion-android-close"></i></button>
        </div>
      </div>
    </div>
  </div>
</div>