listview_cursa

<!DOCTYPE html>
<html>
<head>
<title>Cursa solidària</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" integrity="sha512-dTfge/zgoMYpP7QbHy4gWMEGsbsdZeCXz7irItjcC3sPUFtf0kuFbDz/ixG7ArTxmDjLXDmezHubeNikyKGVyQ==" crossorigin="anonymous">
<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css" integrity="sha384-aUGj/X2zp5rLCbBxumKTCw2Z50WgIr1vs/PFN4praOTvYXWlVyh2UtNUU0KAUhAX" crossorigin="anonymous">
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js" integrity="sha512-K1qjQ+NcF2TYO/eI3M6v8EiNYZfA95pQumfvcVrTHtwQVDG+aHRqLi/ETn2uB+1JqwYqVG3LIvdm9lj6imS/pQ==" crossorigin="anonymous"></script>
<style>

.ui-bar-a h1{
    background-color: #000000;
}
#titol {
	background-color: transparent;
	font-size: 1.0em;
}
#peu {
	background-color: transparent;
	font-size: 1.0em;
}
.mini {
	vertical-align: middle;
}

li {
vertical-align: middle;
}


  .myParagraph {
                color:#333;
        overflow:show;
        text-overflow:clip;
        white-space:normal;
        height:28px;
        margin-bottom:0px;
        margin-left:0px;
           }


.myHeader {
	    margin-left:0px;
        color:#cc0000;
           }

</style>
</head>

<body>


<div id="home" data-role="page">
    <div data-role="header" data-theme="c">
	    <h1 id="titol" > Cursa solidària</h1>
     </div>

<div data-role="content">
<ul data-role="listview" data-ajax="false" data-filter="false" data-filter-placeholder="Cercar" id="articleList" data-inset="true" >

<li id="list0"><a href="#pagina-0" id="link0" data-ajax="false" >
<img class="mini img-thumbnail" src="http://ceippuigdenafatima.cat/wp-content/uploads/2015/02/Sense-nom.jpg" />
<h1 class="myHeader">CEIP Puig de Fatima </h1><p class="myParagraph">Puigpunyent (Mallorca) &nbsp;
</p></a></li>
</ul>
</div>
<div data-role="footer" data-position="fixed"><div data-role="navbar"><ul> <li><a href="#home" data-role="tab" data-icon="home">Portada</a></li> <li><a href="" data-role="tab" data-icon="wikipedia" class="ui-btn-active">Wikipedia</a></li> <li><a href="" data-role="tab" data-icon="search">eBay</a></li></ul></div></div></div>
<script type="text/javascript" >
$("a[data-role=tab]").each(function () {
    var anchor = $(this);
    anchor.bind("click", function () {
        $.mobile.changePage(anchor.attr("href"), {
            transition: "none",
            changeHash: false
        });
        return false;
    });
});

$("div[data-role=page]").bind("pagebeforeshow", function (e, data) {
    $.mobile.silentScroll(0);
    $.mobile.changePage.defaults.transition = 'slide';
});
</script>
</body>
</html>