<body>
<div class="container">
<nav class=" row navbar navbar-expand-lg navbar-light bg-light fixed-top barra ">
<div class="col-4 col-lg-7 ">
<button class="navbar-toggler " type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavDropdown">
<ul id="tab-bar" class="navbar-nav">
<li class="nav-item active"><a class="nav-link" id="#game-information"> <img src=" images/balon.png" alt="balon" class="balon">Next Games <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item active"><a class="nav-link" href="#last-games" id="link2"><img src=" images/balon.png" alt="balon" class="balon">Last Games <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item active"><a class="nav-link" href="#teams" id="link3"><img src=" images/balon.png" alt="balon" class="balon">Positions List <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item active"><a class="nav-link" href="#locations" id="link4"><img src=" images/balon.png" alt="balon" class="balon">Fields Locations <span class="sr-only">(current)</span></a>
</li>
</ul>
</div>
</div>
<div class="col-8 col-lg-3 ">
<a class=" navbar-brand titulo" href="index.html">NYSL</a>
</div>
</nav>
<div id="pages">
<div id="page-index" class="current">
<section class="row ">
<div class="col-xs-12 col-sm-4 col-lg-4 align-self-center columna1">
<h1 class="titulo-index">Upcoming Events</h1>
</div>
<div class="col-xs-12 col-sm-5 col-lg-5 columna2">
<div class="parrafo pt-2 parrafo-index ">
<p><i>December 1 </i><br> NYSL Fundraiser</p>
<p><i>December 16</i> <br> Season Kick-off: Meet the teams</p>
<p><i>January 1</i> <br> First Game of the Year <a href="game-information.html">(Check Game Schedule for details)</a></p>
</div>
</div>
<div class="col-lg-3 col-sm-3 pt-2 columna3">
<img src="images/zapatos.jpg" alt="zapatos de futbol" class="segunda-imagen ">
</div>
</section>
<div class="row justify-content-center pt-4">
<div class="col-sm-3 col-lg-3 ">
<img src="images/nysl_logo.png" alt="logo" class=" logo-home">
</div>
</div>
<section class="row ">
<div class="col-sm-4 col-lg-3">
<img src="images/messi.jpg" alt="zapatos de futbol" class="tercera-imagen rounded-circle">
<h5 class="subtitulo-index"> Founder of Northside Youth Soccer League </h5>
</div>
<div class="col-xs-12 col-sm-4 col-lg-6">
<div class="contact pt-2 parrafo-index">
<p>Please email us at <a href="mailto:nysl@chisoccer.org">nysl@chisoccer.org</a> .We will reply to your email as soon as we can.</p>
</div>
</div>
<div class="col-xs-12 col-sm-4 col-lg-3 align-self-center ">
<h1 class="titulo-index">Contact Us</h1>
</div>
</section>
</div>
<div id="page-game-information">
<div class="row goal pt-2">
<p class="col-sm-12 col-lg-12 pt-2"> "Sweat more in training is bleed less in war"</p>
</div>
<section class="row pt-5">
<div class="col-sm-12 col-lg-6 pt-3 subtitulo">
<h1> Next Games </h1>
</div>
<div class="table-responsive col-sm-12 col-lg-6 pt-5 contenedor-tabla">
<table class=" table table-striped tabla">
<thead>
<tr>
<th>DECEMBER</th>
<th>Teams</th>
<th>Location</th>
<th>Times</th>
</tr>
</thead>
<tbody>
<tr>
<td rowspan="2">12/01</td>
<td>U1 and U4</td>
<td>AJ Katzenmaier</td>
<td>9:30 a.m.</td>
</tr>
<tr>
<td>U3 and U2</td>
<td>Greenbay</td>
<td>1:00 p.m.</td>
</tr>
<tr>
<td rowspan="2">12/08</td>
<td>U5 and U6</td>
<td>Howard A Yeager</td>
<td>9:30 a.m.</td>
</tr>
<tr>
<td>U6 and U1</td>
<td>Marjorie P Hart</td>
<td>1:00 p.m.</td>
<tr>
<td rowspan="2">12/15</td>
<td>U2 and U4</td>
<td>North</td>
<td>9:30 a.m.</td>
</tr>
<tr>
<td>U3 and U5</td>
<td>AJ Katzenmaier</td>
<td>1:00 p.m.</td>
<tr>
<td rowspan="2">12/22</td>
<td>U1 and U3</td>
<td>South</td>
<td>9:30 a.m.</td>
</tr>
<tr>
<td>U2 and U6</td>
<td>Howard A Yeager</td>
<td>1:00 p.m.</td>
<tr>
<td>12/29</td>
<td>U4 and U5</td>
<td>Greenbay</td>
<td>9:30 a.m.</td>
</tr>
</tbody>
</table>
<table class=" table table-striped pt-4 tabla">
<thead>
<tr>
<th>JANUARY</th>
<th>Teams</th>
<th>Location</th>
<th>Times</th>
</tr>
</thead>
<tbody>
<tr>
<td rowspan="2">01/06</td>
<td>U2 and U5</td>
<td>Marjorie P Hart</td>
<td>9:30 a.m.</td>
</tr>
<tr>
<td>U1 and U6</td>
<td>South</td>
<td>1:00 p.m.</td>
</tr>
<tr>
<td rowspan="2">01/08</td>
<td>U3 and U4</td>
<td>Howard A Yeager</td>
<td>9:30 a.m.</td>
</tr>
<tr>
<td>U5 and U1</td>
<td>Greenbay</td>
<td>1:00 p.m.</td>
<tr>
<td rowspan="2">01/20</td>
<td>U6 and U3</td>
<td>North</td>
<td>9:30 a.m.</td>
</tr>
<tr>
<td>U2 and U4</td>
<td>Marjorie P Hart</td>
<td>1:00 p.m.</td>
<tr>
<td rowspan="2">01/27</td>
<td>U3 and U1</td>
<td>AJ Katzenmaier</td>
<td>9:30 a.m.</td>
</tr>
<tr>
<td>U5 and U6</td>
<td>Howard A Yeager</td>
<td>1:00 p.m.</td>
</tr>
</tbody>
</table>
</div>
</section>
<div class="row">
<div class="col-3 justify-content-start">
<a href="index.html" class="button-home button btn btn-light"> <img src=" images/balon.png" alt="balon" class="button-balon "> HOME PAGE</a>
</div>
</div>
<div class="row justify-content-end contenedor-logo ">
<div class="col-sm-2 col-lg-3 ">
<img src="images/nysl_logo.png" alt="logo" class=" img-fluid logo">
</div>
</div>
</div>
<div id="page-last-games">
<div class="row goal pt-2">
<p class="col-sm-12 col-lg-12 pt-2"> "Sweat more in training is bleed less in war"</p>
</div>
<section class="row pt-5 ">
<div class="col-sm-12 col-lg-5 justify-content-start pt-3 ">
<h1> Last Games </h1>
</div>
<div class="col-sm-12 col-lg-5 contenedor-tabla pt-5" id="tabla-lastGames">
<table class=" table table-striped pt-2 tabla">
<div class="table-responsive">
<thead>
<tr>
<td>Date</td>
<td>Teams</td>
<td> Score</td>
</tr>
</thead>
<tbody>
<tr>
<td> November 24</td>
<td>U1 Vs U5</td>
<td> 03-01</td>
</tr>
<tr>
<td> November 22</td>
<td>U4 Vs U2</td>
<td> 00-00</td>
</tr>
<tr>
<td> November 18</td>
<td>U2 Vs U3</td>
<td> 02-00</td>
</tr>
<tr>
<td> November 15</td>
<td>U1 Vs U3</td>
<td> 02-00</td>
</tr>
</tbody>
</div>
</table>
</div>
</section>
<div class="row justify-content-center button-games">
<div class=" col-sm-3 col-lg-1">
<a href="game-information.html" class=" btn btn-info"> Next Games</a>
</div>
</div>
<div class="row pt-2 ">
<div class="col-3 justify-content-start">
<a href="index.html" class="button-home button btn btn-light"> <img src=" images/balon.png" alt="balon" class="button-balon "> HOME PAGE</a>
</div>
</div>
<div class="row justify-content-end contenedor-logo ">
<div class="col-sm-2 col-lg-3 ">
<img src="images/nysl_logo.png" alt="logo" class=" img-fluid logo">
</div>
</div>
</div>
<div id="page-teams" >
<div class="row goal pt-2 ">
<p class="col-sm-12 col-lg-12 pt-2"> "Sweat more in training is bleed less in war"</p>
</div>
<section class="row justify-content-center pt-5">
<div class="col-sm-12 col-lg-12 align-self-start pt-3">
<h1> Positions List </h1>
</div>
<div class="col-sm-12 col-lg-12 pt-2 pr-5">
<OL>
<li class=" teams text-center ">U5 <img src=" images/uni.jpg" alt="U1" class=" responsive team1 rounded-circle"></li>
<li class="teams"> U3 <img src=" images/u2.jpg" alt="U2" class="responsive team rounded-circle"></li>
<li class=" teams"> U1 <img src=" images/u3.jpg" alt="U3" class=" responsive team rounded-circle"></li>
<li class=" teams"> U4 <img src=" images/u4.jpg" alt="U4" class=" responsive team rounded-circle"></li>
<li class=" teams"> U2 <img src=" images/u5.jpg" alt="U5 " class=" responsive team rounded-circle"></li>
</OL>
</div>
</section>
<div class="row justify-content-center button-games">
<div class=" col-sm-3 col-lg-2">
<a href="game-information.html class=" class=" btn btn-info button"> Next Games</a>
</div>
</div>
<div class="row">
<div class="col-3 justify-content-start">
<a href="index.html" class="button-home button btn btn-light"> <img src=" images/balon.png" alt="balon" class="button-balon "> HOME PAGE</a>
</div>
</div>
<div class="row justify-content-end contenedor-logo ">
<div class="col-sm-2 col-lg-3 ">
<img src="images/nysl_logo.png" alt="logo" class=" img-fluid logo">
</div>
</div>
</div>
<div id="page-locations" >
<div class="row goal pt-4 ">
<p class="col-sm-12 col-lg-12"> "Sweat more in training is bleed less in war"</p>
</div>
<section class="row pt-5 ">
<div class="col-sm-12 col-lg-6 pt-3 ">
<h1> Fields Locations </h1>
</div>
<div class="col-sm-12 col-lg-6 pt-5 ">
<div class="table-responsive">
<table class="table table-striped tabla">
<thead>
<tr>
<th scope="col" colspan="2"> Game Locations:</th>
</tr>
</thead>
<tbody>
<tr>
<td>AJ Katzenmaier Elementary</td>
<td>24 W. Walton St., Chicago, IL 60610
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1484.8270304546227!2d-87.630144742811!3d41.900296361616974!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x880fd34e07f6bac3%3A0x68a82e5d59952c86!2s24%20W%20Walton%20St%2C%20Chicago%2C%20IL%2060610%2C%20EE.%20UU.!5e0!3m2!1ses-419!2sar!4v1568385217584!5m2!1ses-419!2sar" width="400" height="300" frameborder="0" style="border:0;" allowfullscreen=""></iframe></td>
</tr>
<tr>
<td>Greenbay Elementary</td>
<td>1734 N. Orleans St., Chicago, IL 60614
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2969.0256986745194!2d-87.64002798530922!3d41.91380627115931!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x880fd34073f306a3%3A0x9e1726bbf8f23f0e!2s1734%20N%20Orleans%20St%2C%20Chicago%2C%20IL%2060614%2C%20EE.%20UU.!5e0!3m2!1ses-419!2sar!4v1568385306919!5m2!1ses-419!2sar" width="400" height="300" frameborder="0" style="border:0;" allowfullscreen=""></iframe>
</td>
</tr>
<tr>
<td>Howard A Yeager Elementary</td>
<td>2245 N. Southport Ave., Chicago, IL 60614 <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2968.5854973846617!2d-87.66511458530887!3d41.923268570566634!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x880fd2e37f9b8d2d%3A0x62ad8b907dd755d6!2s2245%20N%20Southport%20Ave%2C%20Chicago%2C%20IL%2060614%2C%20EE.%20UU.!5e0!3m2!1ses-419!2sar!4v1568385353573!5m2!1ses-419!2sar" width="400" height="300" frameborder="0" style="border:0;" allowfullscreen=""></iframe></td>
</tr>
<tr>
<td>Marjorie P Hart Elementary</td>
<td>2625 N. Orchard St., Chicago, IL 60614 <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2969.337614159582!2d-87.64837698530947!3d41.90710047157917!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x880fd33af0e6ccc3%3A0x26c81c1d557667da!2s1409%20N%20Ogden%20Ave%2C%20Chicago%2C%20IL%2060610%2C%20EE.%20UU.!5e0!3m2!1ses-419!2sar!4v1568385423051!5m2!1ses-419!2sar" width="400" height="300" frameborder="0" style="border:0;" allowfullscreen=""></iframe>
</td>
</tr>
<tr>
<td>North Elementary</td>
<td>1409 N. Ogden Ave., Chicago, IL 60610 <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2968.747764826546!2d-87.653555385309!3d41.919780770785145!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x880fd3196fb41dc7%3A0x970be7f7d6336df5!2s2101%20N%20Fremont%20St%2C%20Chicago%2C%20IL%2060614%2C%20EE.%20UU.!5e0!3m2!1ses-419!2sar!4v1568385476784!5m2!1ses-419!2sar" width="400" height="300" frameborder="0" style="border:0;" allowfullscreen=""></td>
</tr>
<tr>
<td>South Elementary</td>
<td>2101 N. Fremont St., Chicago, IL 60614 <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2969.337614159582!2d-87.64837698530947!3d41.90710047157917!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x880fd33af0e6ccc3%3A0x26c81c1d557667da!2s1409%20N%20Ogden%20Ave%2C%20Chicago%2C%20IL%2060610%2C%20EE.%20UU.!5e0!3m2!1ses-419!2sar!4v1568385423051!5m2!1ses-419!2sar" width="400" height="300" frameborder="0" style="border:0;" allowfullscreen=""></iframe>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</section>
<div class="row">
<div class="col-3 justify-content-start">
<a href="index.html" class="button-home button btn btn-light"> <img src=" images/balon.png" alt="balon" class="button-balon "> HOME PAGE</a>
</div>
</div>
<div class="row justify-content-end contenedor-logo ">
<div class="col-sm-2 col-lg-3 ">
<img src="images/nysl_logo.png" alt="logo" class=" img-fluid logo">
</div>
</div>
</div>
</div>
</div>
<script src="scripts/main.js"></script>