<!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Responsive Web Mobile</title> <!-- Set the viewport width to device width for mobile --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- Included Bootstrap CSS Files --> <link rel="stylesheet" href="./js/bootstrap/css/bootstrap.min.css" /> <link rel="stylesheet" href="./js/bootstrap/css/bootstrap-responsive.min.css" /> <!-- Css --> <link rel="stylesheet" href="./css/style.css" /> </head> <body id="start"> <!-- This is the overlay DIV that is displayed while loading a new page --> <div id="loader"></div> <div class="container"> <div class="row"> <div class="span12"> <div class="hero-unit"> <h1>Infinite Scroll</h1> <p class="">here is a simple example of a infinite scroll!</p> </div> </div> </div> <!-- This is the main container (#scroll-container) --> <div id="scroll-container" class="row"> <div class="content"> <div class="span3"> <div class="item"> <div class="img"></div> <div class="caption"> <h4>Lorem Ipsum 1</h4> <p>dolore sit amen</p> </div> </div> </div> <div class="span3"> <div class="item"> <div class="img"></div> <div class="caption"> <h4>Lorem Ipsum 2</h4> <p>dolore sit amen</p> </div> </div> </div> <div class="span3"> <div class="item"> <div class="img"></div> <div class="caption"> <h4>Lorem Ipsum 3</h4> <p>dolore sit amen</p> </div> </div> </div> <div class="span3"> <div class="item"> <div class="img"></div> <div class="caption"> <h4>Lorem Ipsum 4</h4> <p>dolore sit amen</p> </div> </div> </div> <div class="span3"> <div class="item"> <div class="img"></div> <div class="caption"> <h4>Lorem Ipsum 5</h4> <p>dolore sit amen</p> </div> </div> </div> <div class="span3"> <div class="item"> <div class="img"></div> <div class="caption"> <h4>Lorem Ipsum 6</h4> <p>dolore sit amen</p> </div> </div> </div> <div class="span3"> <div class="item"> <div class="img"></div> <div class="caption"> <h4>Lorem Ipsum 7</h4> <p>dolore sit amen</p> </div> </div> </div> <div class="span3"> <div class="item"> <div class="img"></div> <div class="caption"> <h4>Lorem Ipsum 8</h4> <p>dolore sit amen</p> </div> </div> </div> <div class="span3"> <div class="item"> <div class="img"></div> <div class="caption"> <h4>Lorem Ipsum 9</h4> <p>dolore sit amen</p> </div> </div> </div> <div class="span3"> <div class="item"> <div class="img"></div> <div class="caption"> <h4>Lorem Ipsum 10</h4> <p>dolore sit amen</p> </div> </div> </div> <div class="span3"> <div class="item"> <div class="img"></div> <div class="caption"> <h4>Lorem Ipsum 11</h4> <p>dolore sit amen</p> </div> </div> </div> <div class="span3"> <div class="item"> <div class="img"></div> <div class="caption"> <h4>Lorem Ipsum 12</h4> <p>dolore sit amen</p> </div> </div> </div> </div> </div> </div> <!-- These are all the links that can be loaded. --> <div id="pages"> <a href="~/Views/Contact/CreateEdit"></a> <a href="~/Views/Contact/Index"></a> <a href="~/Views/Contact/sarath"></a> </div> <script src="./js/jquery-1.10.0.min.js"></script> <script src="./js/bootstrap/js/bootstrap.min.js"></script> <script src="./js/script.js"></script> </body> </html>
var
This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)