Primera Parte

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Municipalidad de Recoleta</title>
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximu-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <link rel="stylesheet" href="fis2.css">

</head>
<body>
    <header>
        <div class="container">
        <h1>Municipalidad de Recoleta - Arriendo de las instalaciones deportivas</h1>
        </div>
    </header>

    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <br>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
        </div>
        </div>

        <div class="row">
            <div class="canchas1 col-xs-12 col-md-3">
            <h3>Cancha 1: Cóndor Rojas Norte</h3>
                <p>
                El gimnasio Cóndor Rojas Norte posee dos canchas de fútbol sala.
                </p>
            </div>
            <div class="canchas2 col-xs-12 col-md-3">
                <h3>Cancha 2: El Phelps</h3>
                <p>
                El gimnasio posee una piscina olímpica.
                </p>
            </div>

            <div class="canchas1 col-xs-12 col-md-3">
                <h3>Cancha 3: Massu</h3>
                <p>
                El gimnasio posee cuatro canchas de tenis.
                </p>
                <a href="fis4.html" class="btn btn-info">Arrendar cancha</a>
            </div>
            <div class="canchas2 col-xs-12 col-md-3">
                <h3>Cancha 4: NBA</h3>
                <p>
                El gimnasio posee cuatro canchas de basquetbol y dos de voleibol.
                </p>
            </div>
    </div>


    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
    <script src="http://code.jquery.com/jquery-latest.js"></script>

</body>
</html>