Skip to content

Instantly share code, notes, and snippets.

@evansmejax

evansmejax/index.html

Created August 8, 2018 15:49
Show Gist options
  • Save evansmejax/c6eebd97404e17de8a0870c81f373fad to your computer and use it in GitHub Desktop.
Save evansmejax/c6eebd97404e17de8a0870c81f373fad to your computer and use it in GitHub Desktop.
Download ZIP
VBVZWJ
Raw
index.html
<html>
<head>
<title>Downloads</title>
</head>
<body>
<h1 class="jumbotron" id="header">Welcome to the our downloads page</h1>
<div class="row">
<div class="col-sm-4 container">About us</div>
<div class="col-sm-4 container">
<ul class="nav nav-tabs">
<li class="active"><button class="btn btn-info" data-toggle="tab" href="#home">Pdf docs</button></li>
<li><button class="btn btn-info" data-toggle="tab" href="#menu1">Free Quality videos</button></li>
<li><button class="btn btn-info" data-toggle="tab" href="#menu2">Free source codes</button></li>
<li><button class="btn btn-info" data-toggle="tab" href="#menu3">Lecture notes</button></li>
<li><button class="btn btn-info" data-toggle="tab" href="#menu4">Free articles</button></li>
<li><button class="btn btn-info" data-toggle="tab" href="#menu5">Programming Past Papers</button></li>
<li><button class="btn btn-info" data-toggle="tab" href="#menu6">Books</button></li>
<li><button class="btn btn-info" data-toggle="tab" href="#menu7">Algorithms</button></li>
<li><input type="search" data-toggle="tab" href="#menu8" placeholder="search here"/></li>
</ul>
<div class="tab-content">
<div id="home" class="tab-pane fade in active">
<h3>Computer Science Pdf Documents 2018</h3>
<p>here you can download them here for free.</p>
<a href="#">Automata theory</a><br>
<a href="#">Logic programming</a><br>
<a href="#">Data structures and algorithms</a><br>
<a href="#">Positive odd number sum</a><br>
<a href="#">Assembly language and micro-processor</a><br>
<a href="#">Client and serverside computing</a><br>
<a href="#"></a><br>
</div>
<div id="menu1" class="tab-pane fade">
<h3>Videos</h3>
<p>Some content in menu 1.</p>
<a href="#">Automata theory</a><br>
<a href="#">Logic programming</a><br>
<a href="#">Data structures and algorithms</a><br>
<a href="#">Positive odd number sum</a><br>
<a href="#">Assembly language and micro-processor</a><br>
<a href="#">Client and serverside computing</a><br>
<a href="#"></a><br>
</div>
<div id="menu2" class="tab-pane fade">
<h3>Free pictures</h3>
<p>Some content in menu 2.</p>
<a href="#">Automata theory</a><br>
<a href="#">Logic programming</a><br>
<a href="#">Data structures and algorithms</a><br>
<a href="#">Positive odd number sum</a><br>
<a href="#">Assembly language and micro-processor</a><br>
<a href="#">Client and serverside computing</a><br>
<a href="#"></a><br>
</div>
<div id="menu3" class="tab-pane fade">
<h3>Free pictures</h3>
<p>Some content in menu 2.</p>
<a href="#">Automata theory</a><br>
<a href="#">Logic programming</a><br>
<a href="#">Data structures and algorithms</a><br>
<a href="#">Positive odd number sum</a><br>
<a href="#">Assembly language and micro-processor</a><br>
<a href="#">Client and serverside computing</a><br>
<a href="#"></a><br>
</div>
<div id="menu4" class="tab-pane fade">
<h3>Free pictures</h3>
<p>Some content in menu 2.</p>
<a href="#">Automata theory</a><br>
<a href="#">Logic programming</a><br>
<a href="#">Data structures and algorithms</a><br>
<a href="#">Positive odd number sum</a><br>
<a href="#">Assembly language and micro-processor</a><br>
<a href="#">Client and serverside computing</a><br>
<a href="#"></a><br>
</div>
</div>
</div>
<div class="col-sm-4 container"> related links</div>
</div>
</body>
</html>
Raw
script.js
$("#tab-content").tabs();
Raw
scripts
<script src="https://cdnjs.cloudflare.com/ajax/libs/video.js/7.2.0/video.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
Raw
style.css
#header{
text-align:center;
}
Raw
styles
<link href="https://cdnjs.cloudflare.com/ajax/libs/jquery-ui-bootstrap/0.5pre/assets/css/bootstrap.min.css" rel="stylesheet" />
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment