Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html lang="en"><head>
- <meta http-equiv="content-type" content="text/html; charset=UTF-8">
- <meta charset="utf-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <meta name="description" content="">
- <meta name="author" content="">
- <link rel="icon" href="http://getbootstrap.com/favicon.ico">
- <title>Theme Template for Bootstrap</title>
- <!-- Bootstrap core CSS -->
- <link href="index_files/bootstrap.css" rel="stylesheet">
- <!-- Bootstrap theme -->
- <link href="index_files/bootstrap-theme.css" rel="stylesheet">
- <!-- Custom styles for this template -->
- <link href="index_files/theme.css" rel="stylesheet">
- <!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
- <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
- <script src="index_files/ie-emulation-modes-warning.js"></script>
- <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
- <!--[if lt IE 9]>
- <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
- <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
- <![endif]-->
- </head>
- <body role="document">
- <!-- Fixed navbar -->
- <nav class="navbar navbar-inverse navbar-fixed-top">
- <div class="container">
- <div class="navbar-header">
- <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
- <span class="sr-only">Toggle navigation</span>
- <span class="icon-bar"></span>
- <span class="icon-bar"></span>
- <span class="icon-bar"></span>
- </button>
- <a class="navbar-brand" href="#">Network-Centric Computing</a>
- </div>
- <div id="navbar" class="navbar-collapse collapse">
- <ul class="nav navbar-nav">
- <li class="active"><a href="#">Home</a></li>
- <li><a href="#about">Piazza</a></li>
- <li><a href="#contact">Contact</a></li>
- <li class="dropdown">
- <ul class="dropdown-menu" role="menu">
- <li><a href="#">Action</a></li>
- <li><a href="#">Another action</a></li>
- <li><a href="#">Something else here</a></li>
- <li class="divider"></li>
- <li class="dropdown-header">Nav header</li>
- <li><a href="#">Separated link</a></li>
- <li><a href="#">One more separated link</a></li>
- </ul>
- </li>
- </ul>
- </div><!--/.nav-collapse -->
- </div>
- </nav>
- <div class="container theme-showcase" role="main">
- <!-- Main jumbotron for a primary marketing message or call to action -->
- <div class="row">
- <div class="col-sm-8">
- <div class="jumbotron">
- <p>
- The main goal of this course is to provide an early introduction to core concepts in computer networks and distributed system
- and to understand emerging technologies in the net-centric computing area and assess their current capabilities, limitations,
- and near-term potential. An important goal of the course is to provide hands-on experience with substantial programming
- assignments.
- <ul>
- <li> We will be covering a broad range of topics in order to understand the basic issues, concepts, principles, and mechanisms in networks and distributed systems
- </li>
- <li>We will focus on issues encountered in building Internet and web systems: topics includes network applications, protocols and standards, scalability, interoperability (of data and code), atomicity and consistency models, replication, and location of resources, services, and data.
- </li>
- <li>What is the "cloud"? How do we build software systems and components that scale to millions of users and petabytes of
- data, and are "always available"?
- </li>
- <li>In the modern Internet, virtually all large Web services run on top of multiple geographically distributed data centers:
- Google, Yahoo, Facebook, iTunes, Amazon, eBay, Bing, etc.
- </li>
- <li>Services must scale across thousands of machines, tolerate faults, and support thousands of concurrent requests.
- </li>
- <li>This course, aimed at a sophomore with exposure to basic programming within the context of a single machine, the later
- half of the course will focus on the issues and programming models related to such cloud and distributed data processing
- technologies: data partitioning, storage schemes, and parallel algorithms.
- </li>
- </ul>
- </p>
- </div>
- </div>
- <div class="col-sm-4">
- <div class="panel panel-info">
- <div class="panel-heading">
- <h3 class="panel-title">Dr. Fareed Zaffar ; Instructor</h3>
- </div>
- <div class="panel-body">
- Email: fareed.zaf
- </div>
- </div>
- </div>
- </div>
- <div class="page-header">
- <h1>Buttons</h1>
- </div>
- <p>
- <button type="button" class="btn btn-lg btn-default">Default</button>
- <button type="button" class="btn btn-lg btn-primary">Primary</button>
- <button type="button" class="btn btn-lg btn-success">Success</button>
- <button type="button" class="btn btn-lg btn-info">Info</button>
- <button type="button" class="btn btn-lg btn-warning">Warning</button>
- <button type="button" class="btn btn-lg btn-danger">Danger</button>
- <button type="button" class="btn btn-lg btn-link">Link</button>
- </p>
- <p>
- <button type="button" class="btn btn-default">Default</button>
- <button type="button" class="btn btn-primary">Primary</button>
- <button type="button" class="btn btn-success">Success</button>
- <button type="button" class="btn btn-info">Info</button>
- <button type="button" class="btn btn-warning">Warning</button>
- <button type="button" class="btn btn-danger">Danger</button>
- <button type="button" class="btn btn-link">Link</button>
- </p>
- <p>
- <button type="button" class="btn btn-sm btn-default">Default</button>
- <button type="button" class="btn btn-sm btn-primary">Primary</button>
- <button type="button" class="btn btn-sm btn-success">Success</button>
- <button type="button" class="btn btn-sm btn-info">Info</button>
- <button type="button" class="btn btn-sm btn-warning">Warning</button>
- <button type="button" class="btn btn-sm btn-danger">Danger</button>
- <button type="button" class="btn btn-sm btn-link">Link</button>
- </p>
- <p>
- <button type="button" class="btn btn-xs btn-default">Default</button>
- <button type="button" class="btn btn-xs btn-primary">Primary</button>
- <button type="button" class="btn btn-xs btn-success">Success</button>
- <button type="button" class="btn btn-xs btn-info">Info</button>
- <button type="button" class="btn btn-xs btn-warning">Warning</button>
- <button type="button" class="btn btn-xs btn-danger">Danger</button>
- <button type="button" class="btn btn-xs btn-link">Link</button>
- </p>
- <div class="page-header">
- <h1>Tables</h1>
- </div>
- <div class="row">
- <div class="col-md-6">
- <table class="table">
- <thead>
- <tr>
- <th>#</th>
- <th>First Name</th>
- <th>Last Name</th>
- <th>Username</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>1</td>
- <td>Mark</td>
- <td>Otto</td>
- <td>@mdo</td>
- </tr>
- <tr>
- <td>2</td>
- <td>Jacob</td>
- <td>Thornton</td>
- <td>@fat</td>
- </tr>
- <tr>
- <td>3</td>
- <td>Larry</td>
- <td>the Bird</td>
- <td>@twitter</td>
- </tr>
- </tbody>
- </table>
- </div>
- <div class="col-md-6">
- <table class="table table-striped">
- <thead>
- <tr>
- <th>#</th>
- <th>First Name</th>
- <th>Last Name</th>
- <th>Username</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>1</td>
- <td>Mark</td>
- <td>Otto</td>
- <td>@mdo</td>
- </tr>
- <tr>
- <td>2</td>
- <td>Jacob</td>
- <td>Thornton</td>
- <td>@fat</td>
- </tr>
- <tr>
- <td>3</td>
- <td>Larry</td>
- <td>the Bird</td>
- <td>@twitter</td>
- </tr>
- </tbody>
- </table>
- </div>
- </div>
- <div class="row">
- <div class="col-md-6">
- <table class="table table-bordered">
- <thead>
- <tr>
- <th>#</th>
- <th>First Name</th>
- <th>Last Name</th>
- <th>Username</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td rowspan="2">1</td>
- <td>Mark</td>
- <td>Otto</td>
- <td>@mdo</td>
- </tr>
- <tr>
- <td>Mark</td>
- <td>Otto</td>
- <td>@TwBootstrap</td>
- </tr>
- <tr>
- <td>2</td>
- <td>Jacob</td>
- <td>Thornton</td>
- <td>@fat</td>
- </tr>
- <tr>
- <td>3</td>
- <td colspan="2">Larry the Bird</td>
- <td>@twitter</td>
- </tr>
- </tbody>
- </table>
- </div>
- <div class="col-md-6">
- <table class="table table-condensed">
- <thead>
- <tr>
- <th>#</th>
- <th>First Name</th>
- <th>Last Name</th>
- <th>Username</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>1</td>
- <td>Mark</td>
- <td>Otto</td>
- <td>@mdo</td>
- </tr>
- <tr>
- <td>2</td>
- <td>Jacob</td>
- <td>Thornton</td>
- <td>@fat</td>
- </tr>
- <tr>
- <td>3</td>
- <td colspan="2">Larry the Bird</td>
- <td>@twitter</td>
- </tr>
- </tbody>
- </table>
- </div>
- </div>
- <div class="page-header">
- <h1>Thumbnails</h1>
- </div>
- <img data-holder-rendered="true" src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9InllcyI/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgdmlld0JveD0iMCAwIDIwMCAyMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxkZWZzLz48cmVjdCB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgZmlsbD0iI0VFRUVFRSIvPjxnPjx0ZXh0IHg9Ijc1LjUiIHk9IjEwMCIgc3R5bGU9ImZpbGw6I0FBQUFBQTtmb250LXdlaWdodDpib2xkO2ZvbnQtZmFtaWx5OkFyaWFsLCBIZWx2ZXRpY2EsIE9wZW4gU2Fucywgc2Fucy1zZXJpZiwgbW9ub3NwYWNlO2ZvbnQtc2l6ZToxMHB0O2RvbWluYW50LWJhc2VsaW5lOmNlbnRyYWwiPjIwMHgyMDA8L3RleHQ+PC9nPjwvc3ZnPg==" style="width: 200px; height: 200px;" data-src="holder.js/200x200" class="img-thumbnail" alt="200x200">
- <div class="page-header">
- <h1>Labels</h1>
- </div>
- <h1>
- <span class="label label-default">Default</span>
- <span class="label label-primary">Primary</span>
- <span class="label label-success">Success</span>
- <span class="label label-info">Info</span>
- <span class="label label-warning">Warning</span>
- <span class="label label-danger">Danger</span>
- </h1>
- <h2>
- <span class="label label-default">Default</span>
- <span class="label label-primary">Primary</span>
- <span class="label label-success">Success</span>
- <span class="label label-info">Info</span>
- <span class="label label-warning">Warning</span>
- <span class="label label-danger">Danger</span>
- </h2>
- <h3>
- <span class="label label-default">Default</span>
- <span class="label label-primary">Primary</span>
- <span class="label label-success">Success</span>
- <span class="label label-info">Info</span>
- <span class="label label-warning">Warning</span>
- <span class="label label-danger">Danger</span>
- </h3>
- <h4>
- <span class="label label-default">Default</span>
- <span class="label label-primary">Primary</span>
- <span class="label label-success">Success</span>
- <span class="label label-info">Info</span>
- <span class="label label-warning">Warning</span>
- <span class="label label-danger">Danger</span>
- </h4>
- <h5>
- <span class="label label-default">Default</span>
- <span class="label label-primary">Primary</span>
- <span class="label label-success">Success</span>
- <span class="label label-info">Info</span>
- <span class="label label-warning">Warning</span>
- <span class="label label-danger">Danger</span>
- </h5>
- <h6>
- <span class="label label-default">Default</span>
- <span class="label label-primary">Primary</span>
- <span class="label label-success">Success</span>
- <span class="label label-info">Info</span>
- <span class="label label-warning">Warning</span>
- <span class="label label-danger">Danger</span>
- </h6>
- <p>
- <span class="label label-default">Default</span>
- <span class="label label-primary">Primary</span>
- <span class="label label-success">Success</span>
- <span class="label label-info">Info</span>
- <span class="label label-warning">Warning</span>
- <span class="label label-danger">Danger</span>
- </p>
- <div class="page-header">
- <h1>Badges</h1>
- </div>
- <p>
- <a href="#">Inbox <span class="badge">42</span></a>
- </p>
- <ul class="nav nav-pills" role="tablist">
- <li role="presentation" class="active"><a href="#">Home <span class="badge">42</span></a></li>
- <li role="presentation"><a href="#">Profile</a></li>
- <li role="presentation"><a href="#">Messages <span class="badge">3</span></a></li>
- </ul>
- <div class="page-header">
- <h1>Dropdown menus</h1>
- </div>
- <div class="dropdown theme-dropdown clearfix">
- <a id="dropdownMenu1" href="#" class="sr-only dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Dropdown <span class="caret"></span></a>
- <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
- <li class="active" role="presentation"><a role="menuitem" tabindex="-1" href="#">Action</a></li>
- <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Another action</a></li>
- <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Something else here</a></li>
- <li role="presentation" class="divider"></li>
- <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Separated link</a></li>
- </ul>
- </div>
- <div class="page-header">
- <h1>Navs</h1>
- </div>
- <ul class="nav nav-tabs" role="tablist">
- <li role="presentation" class="active"><a href="#">Home</a></li>
- <li role="presentation"><a href="#">Profile</a></li>
- <li role="presentation"><a href="#">Messages</a></li>
- </ul>
- <ul class="nav nav-pills" role="tablist">
- <li role="presentation" class="active"><a href="#">Home</a></li>
- <li role="presentation"><a href="#">Profile</a></li>
- <li role="presentation"><a href="#">Messages</a></li>
- </ul>
- <div class="page-header">
- <h1>Navbars</h1>
- </div>
- <nav class="navbar navbar-default">
- <div class="container">
- <div class="navbar-header">
- <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
- <span class="sr-only">Toggle navigation</span>
- <span class="icon-bar"></span>
- <span class="icon-bar"></span>
- <span class="icon-bar"></span>
- </button>
- <a class="navbar-brand" href="#">Project name</a>
- </div>
- <div class="navbar-collapse collapse">
- <ul class="nav navbar-nav">
- <li class="active"><a href="#">Home</a></li>
- <li><a href="#about">About</a></li>
- <li><a href="#contact">Contact</a></li>
- <li class="dropdown">
- <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Dropdown <span class="caret"></span></a>
- <ul class="dropdown-menu" role="menu">
- <li><a href="#">Action</a></li>
- <li><a href="#">Another action</a></li>
- <li><a href="#">Something else here</a></li>
- <li class="divider"></li>
- <li class="dropdown-header">Nav header</li>
- <li><a href="#">Separated link</a></li>
- <li><a href="#">One more separated link</a></li>
- </ul>
- </li>
- </ul>
- </div><!--/.nav-collapse -->
- </div>
- </nav>
- <nav class="navbar navbar-inverse">
- <div class="container">
- <div class="navbar-header">
- <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
- <span class="sr-only">Toggle navigation</span>
- <span class="icon-bar"></span>
- <span class="icon-bar"></span>
- <span class="icon-bar"></span>
- </button>
- <a class="navbar-brand" href="#">Project name</a>
- </div>
- <div class="navbar-collapse collapse">
- <ul class="nav navbar-nav">
- <li class="active"><a href="#">Home</a></li>
- <li><a href="#about">About</a></li>
- <li><a href="#contact">Contact</a></li>
- <li class="dropdown">
- <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Dropdown <span class="caret"></span></a>
- <ul class="dropdown-menu" role="menu">
- <li><a href="#">Action</a></li>
- <li><a href="#">Another action</a></li>
- <li><a href="#">Something else here</a></li>
- <li class="divider"></li>
- <li class="dropdown-header">Nav header</li>
- <li><a href="#">Separated link</a></li>
- <li><a href="#">One more separated link</a></li>
- </ul>
- </li>
- </ul>
- </div><!--/.nav-collapse -->
- </div>
- </nav>
- <div class="page-header">
- <h1>Alerts</h1>
- </div>
- <div class="alert alert-success" role="alert">
- <strong>Well done!</strong> You successfully read this important alert message.
- </div>
- <div class="alert alert-info" role="alert">
- <strong>Heads up!</strong> This alert needs your attention, but it's not super important.
- </div>
- <div class="alert alert-warning" role="alert">
- <strong>Warning!</strong> Best check yo self, you're not looking too good.
- </div>
- <div class="alert alert-danger" role="alert">
- <strong>Oh snap!</strong> Change a few things up and try submitting again.
- </div>
- <div class="page-header">
- <h1>Progress bars</h1>
- </div>
- <div class="progress">
- <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;"><span class="sr-only">60% Complete</span></div>
- </div>
- <div class="progress">
- <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%"><span class="sr-only">40% Complete (success)</span></div>
- </div>
- <div class="progress">
- <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 20%"><span class="sr-only">20% Complete</span></div>
- </div>
- <div class="progress">
- <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%"><span class="sr-only">60% Complete (warning)</span></div>
- </div>
- <div class="progress">
- <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%"><span class="sr-only">80% Complete (danger)</span></div>
- </div>
- <div class="progress">
- <div class="progress-bar progress-bar-striped" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%"><span class="sr-only">60% Complete</span></div>
- </div>
- <div class="progress">
- <div class="progress-bar progress-bar-success" style="width: 35%"><span class="sr-only">35% Complete (success)</span></div>
- <div class="progress-bar progress-bar-warning" style="width: 20%"><span class="sr-only">20% Complete (warning)</span></div>
- <div class="progress-bar progress-bar-danger" style="width: 10%"><span class="sr-only">10% Complete (danger)</span></div>
- </div>
- <div class="page-header">
- <h1>List groups</h1>
- </div>
- <div class="row">
- <div class="col-sm-4">
- <ul class="list-group">
- <li class="list-group-item">Cras justo odio</li>
- <li class="list-group-item">Dapibus ac facilisis in</li>
- <li class="list-group-item">Morbi leo risus</li>
- <li class="list-group-item">Porta ac consectetur ac</li>
- <li class="list-group-item">Vestibulum at eros</li>
- </ul>
- </div><!-- /.col-sm-4 -->
- <div class="col-sm-4">
- <div class="list-group">
- <a href="#" class="list-group-item active">
- Cras justo odio
- </a>
- <a href="#" class="list-group-item">Dapibus ac facilisis in</a>
- <a href="#" class="list-group-item">Morbi leo risus</a>
- <a href="#" class="list-group-item">Porta ac consectetur ac</a>
- <a href="#" class="list-group-item">Vestibulum at eros</a>
- </div>
- </div><!-- /.col-sm-4 -->
- <div class="col-sm-4">
- <div class="list-group">
- <a href="#" class="list-group-item active">
- <h4 class="list-group-item-heading">List group item heading</h4>
- <p class="list-group-item-text">Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.</p>
- </a>
- <a href="#" class="list-group-item">
- <h4 class="list-group-item-heading">List group item heading</h4>
- <p class="list-group-item-text">Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.</p>
- </a>
- <a href="#" class="list-group-item">
- <h4 class="list-group-item-heading">List group item heading</h4>
- <p class="list-group-item-text">Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.</p>
- </a>
- </div>
- </div><!-- /.col-sm-4 -->
- </div>
- <div class="page-header">
- </div> <!-- /container -->
- <!-- Bootstrap core JavaScript
- ================================================== -->
- <!-- Placed at the end of the document so the pages load faster -->
- <script src="index_files/jquery.js"></script>
- <script src="index_files/bootstrap.js"></script>
- <script src="index_files/docs.js"></script>
- <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
- <script src="index_files/ie10-viewport-bug-workaround.js"></script>
- <div style="position: absolute; left: 0px; top: -9999px; width: 15px; height: 15px; z-index: 999999999;" class="global-zeroclipboard-container" id="global-zeroclipboard-html-bridge"> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" id="global-zeroclipboard-flash-bridge" width="100%" height="100%"> <param name="movie" value="/assets/flash/ZeroClipboard.swf?noCache=1419851501119"> <param name="allowScriptAccess" value="sameDomain"> <param name="scale" value="exactfit"> <param name="loop" value="false"> <param name="menu" value="false"> <param name="quality" value="best"> <param name="bgcolor" value="#ffffff"> <param name="wmode" value="transparent"> <param name="flashvars" value="trustedOrigins=getbootstrap.com%2C%2F%2Fgetbootstrap.com%2Chttp%3A%2F%2Fgetbootstrap.com"> <embed src="index_files/ZeroClipboard.swf" loop="false" menu="false" quality="best" bgcolor="#ffffff" name="global-zeroclipboard-flash-bridge" allowscriptaccess="sameDomain" allowfullscreen="false" type="application/x-shockwave-flash" wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="trustedOrigins=getbootstrap.com%2C%2F%2Fgetbootstrap.com%2Chttp%3A%2F%2Fgetbootstrap.com" scale="exactfit" width="100%" height="100%"> </object></div><svg style="visibility: hidden; position: absolute; top: -100%; left: -100%;" preserveAspectRatio="none" viewBox="0 0 1140 500" height="500" width="1140"><defs></defs><text style="font-weight:bold;font-size:53pt;font-family:Arial, Helvetica, Open Sans, sans-serif;dominant-baseline:middle" y="53" x="0">Thirdslide</text></svg></body></html>
Add Comment
Please, Sign In to add comment