<!DOCTYPE html>
<!-- TODO: fer amb iframe-->
<html>
<head>
<title> Campus Nord</title>
<link rel='stylesheet' type='text/css' href='webdef.css'>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"/>
</head>
<body>
<header class="container">
<div class="row">
<h1 class="col-sm-8">ASSISCO</h1>
<div class="col-sm-4">
<img src="logo.jpg" alt="Logo" style="width:260px;height:192px;">
</div>
</div>
</header>
<section class="container">
<div class="row">
<a class="col-sm-4 campus" >UPC Campus Nord</a> <!-- href="webv2.html" -->
<a class="col-sm-4 nosotros" >About us</a> <!-- href="aboutUs.html" -->
<a class="col-sm-4 contacto" ">Contact</a> <!-- href="contact.html -->
</div>
</section>
<div id='buildings' class ="skillset">
<section class="container text-center">
<h2>UPC Campus Nord: Buildings</h2>
<div class="row">
<a class="col-sm-4 building" id = "A1">
<div class='button' ><b>A1</b></div></a>
<a class="col-sm-4 building" id = "A2">
<div class='button' ><b>A2</b></div></a>
<a class="col-sm-4 building" id = "A3">
<div class='button' ><b>A3</b></div></a>
<a class="col-sm-4 building" id = "A4">
<div class='button'><b>A4</b></div></a>
<a class="col-sm-4 building" id = "A5">
<div class='button'><b>A5</b></div></a>
<a class="col-sm-4 building" id = "A6">
<div class='button'><b>A6</b></div></a>
</div>
</section>
</div>
<div id = "floors" class ="skillset">
<section class="container text-center" >
<h2>UPC Campus Nord: Floors</h2>
<div class="row">
<a class="col-sm-4 floor" id = "0">
<div class='button' ><b>0</b></div></a>
<a class="col-sm-4 floor" id = "1">
<div class='button' ><b>1</b></div></a>
<a class="col-sm-4 floor" id = "2">
<div class='button' ><b>2</b></div></a>
</div>
</section>
</div>
<div id="classes" class ="skillset">
<section class="container text-center">
<h2>UPC Campus Nord: Classes</h2>
<div class="row">
<a class="col-sm-4 classe" id = "01">
<div class='button' ><b>01</b></div></a>
<a class="col-sm-4 classe" id = "02"
<div class='button' ><b>02</b></div></a>
<a class="col-sm-4 classe" id = "03">
<div class='button' ><b>03</b></div></a>
<a class="col-sm-4 classe" id = "04">
<div class='button' ><b>04</b></div></a>
<a class="col-sm-4 classe" id = "05">
<div class='button' ><b>05</b></div></a>
<a class="col-sm-4 classe" id = "06">
<div class='button' ><b>06</b></div></a>
</div>
</section>
</div>
<div id="info" class="container text-center">
<h2>Class Capacity</h2>
<p id = "capacitat">Capacity:</p>
<p id ="numAlumnes">Current number of students:</p>
<p id ="subject">Subject:</p>
</div>
<div id="contact" >
<section class="container">
<h2>Contact us</h2>
<p>Email: assisco@assisco.com</p>
</section>
</div>
<div id= "aboutUs">
<section class="container">
<h2>About us</h2>
<p> We are a group of students of UPC and we are making a project for our subject PBE. It consists of a control assistance of UPC's classes and it will also help studnets to know which ones are full or free.</p>
</section>
</div>
<footer class="container text-center">
<div class="row">
<p class="col-sm-4">© 2016 ASSISCO</p>
</div>
</footer>
<script src='https://code.jquery.com/jquery-3.1.0.min.js'></script>
<script src='mainv2.js'></script>
<script src='main.buttons.js'></script>
</body>
</html>