Bootstrap Panel List
How do I make an bootstrap panel list?
What is a bootstrap panel list? How do you make a bootstrap panel list? This script and codes were developed by Martin Boyce on 20 September 2022, Tuesday.
Bootstrap Panel List Previews
Bootstrap Panel List - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Bootstrap Panel List</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel='stylesheet prefetch' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css'>
</head>
<body> <div class="container-fluid">
<h1>HSC English: Related Texts</h1> <p>Each entry opens a list of suggested texts in the library catalogue. It is recommended that students check with their teachers to see if these suggestions are appropriate.</p> <div class="row"> <div class="col-md-3"> <h3>Discovery</h3> <ul class="list-group"> <li class="list-group-item list-group-item-info"> <h4 class="list-group-item-heading">Area of Study: Discovery</h4> <p class="list-group-item-text">By text type</p> </li> <li class="list-group-item"><a href="https://encore.sutherlandshire.nsw.gov.au/iii/encore/search/C__Sdiscovery%20related%20text__Ff:facetmediatype:g:g:DVD">Films</a></li> <li class="list-group-item"><a href="https://encore.sutherlandshire.nsw.gov.au/iii/encore/search/C__Sdiscovery%20related%20text__Ff:facetmediatype:a:a:Book::__Ff:facetcollections:1:1:Adult">Fiction & Non-fiction</a></li> <li class="list-group-item"><a href="https://encore.sutherlandshire.nsw.gov.au/iii/encore/search/C__Sdiscovery%20related%20text__Ff:facetcollections:2:2:Junior::__Ff:facetmediatype:a:a:Book">Children's Fiction & Non-fiction</a></li> <li class="list-group-item"><a href="https://encore.sutherlandshire.nsw.gov.au/iii/encore/search/C__Sdiscovery%20related%20text%20drama__Ff:facetmediatype:a:a:Book">Plays</a></li> <li class="list-group-item"><a href="https://encore.sutherlandshire.nsw.gov.au/iii/encore/search/C__Sdiscovery%20related%20text%20short%20stories">Short Stories</a></li> </ul> </div> <div class="col-md-3"> <h3>Standard English</h3> <ul class="list-group"> <li class="list-group-item list-group-item-info"> <h4 class="list-group-item-heading">Module A</h4> <p class="list-group-item-text">Experience through language</p> </li> <li class="list-group-item"> <a href="https://encore.sutherlandshire.nsw.gov.au/iii/encore/search/C__SDistinctive%20Voices%20related%20text__Ff%3Afacetfields%3Acommunitytag%3Acommunitytag%3ACommunity%20Tag%3A%3A__Orightresult">Distinctive Voices</a> </li> <li class="list-group-item"> <a href="https://encore.sutherlandshire.nsw.gov.au/iii/encore/search/C__SDistinctively%20Visual%20related%20text__Ff%3Afacetfields%3Acommunitytag%3Acommunitytag%3ACommunity%20Tag%3A%3A__Orightresult"> Distinctively Visual</a> </li> </ul> <!-- / Module A --> <ul class="list-group"> <li class="list-group-item list-group-item-info"> <h4 class="list-group-item-heading">Module B</h4> <p class="list-group-item-text">Close study of text</p> </li> <li class="list-group-item">Critical analysis and evaluation of a prescribed text; no related texts are required.</li> </ul> <!-- / Module B --> <ul class="list-group"> <li class="list-group-item list-group-item-info"> <h4 class="list-group-item-heading">Module C</h4> <p class="list-group-item-text">Texts & Society</p> </li> <li class="list-group-item"> <a href="https://encore.sutherlandshire.nsw.gov.au/iii/encore/search/C__Sexploring%20interactions%20related%20text__Ff%3Afacetfields%3Acommunitytag%3Acommunitytag%3ACommunity%20Tag%3A%3A__Orightresult">Exploring Interactions</a> </li> <li class="list-group-item"> <a href="https://encore.sutherlandshire.nsw.gov.au/iii/encore/search/C__Sexploring%20transitions%20related%20text__Ff%3Afacetfields%3Acommunitytag%3Acommunitytag%3ACommunity%20Tag%3A%3A__Orightresult">Exploring Transitions</a> </li> </ul> <!-- / Module C --> </div> <div class="col-md-3"> <h3>Advanced English</h3> <ul class="list-group"> <li class="list-group-item list-group-item-info"> <h4 class="list-group-item-heading">Module A</h4> <p class="list-group-item-text">Comparative Study of texts & contexts</p> </li> <li class="list-group-item">Comparison of 2 prescribed texts; no related texts are required.</li> </ul> <!-- / Module A --> <ul class="list-group"> <li class="list-group-item list-group-item-info"> <h4 class="list-group-item-heading">Module B</h4> <p class="list-group-item-text">Close study of text</p> </li> <li class="list-group-item">Critical analysis and evaluation of a prescribed text; no related texts are required.</li> </ul> <!-- / Module B --> <ul class="list-group"> <li class="list-group-item list-group-item-info"> <h4 class="list-group-item-heading">Module C</h4> <p class="list-group-item-text">Representation & text</p> </li> <li class="list-group-item"> <a href="https://encore.sutherlandshire.nsw.gov.au/iii/encore/search/C__Srepresenting%20people%20and%20politics%20related%20text__Ff%3Afacetfields%3Acommunitytag%3Acommunitytag%3ACommunity%20Tag%3A%3A__Orightresult">Representing People and Politics</a> </li> <li class="list-group-item"> <a href="https://encore.sutherlandshire.nsw.gov.au/iii/encore/search/C__Srepresenting%20people%20and%20landscapes%20related%20text__Ff%3Afacetfields%3Acommunitytag%3Acommunitytag%3ACommunity%20Tag%3A%3A__Orightresult">Representing People and Landscapes</a> </li> </ul> <!-- / Module A --> </div> <div class="col-md-3"> <h3>Extension English</h3> <ul class="list-group"> <li class="list-group-item list-group-item-info"> <h4 class="list-group-item-heading">Module A</h4> <p class="list-group-item-text">Genre</p> </li> <li class="list-group-item"> <a href="https://encore.sutherlandshire.nsw.gov.au/iii/encore/search/C__Slife%20writing%20related%20text__Ff%3Afacetfields%3Acommunitytag%3Acommunitytag%3ACommunity%20Tag%3A%3A__Orightresult">Life Writing</a> </li> <li class="list-group-item"> <a href="https://encore.sutherlandshire.nsw.gov.au/iii/encore/search/C__Scomedy%20related%20text__Ff%3Afacetfields%3Acommunitytag%3Acommunitytag%3ACommunity%20Tag%3A%3A__Orightresult">Comedy</a> </li> <li class="list-group-item"> <a href="https://encore.sutherlandshire.nsw.gov.au/iii/encore/search/C__Sscience%20fiction%20related%20text__Ff%3Afacetfields%3Acommunitytag%3Acommunitytag%3ACommunity%20Tag%3A%3A__Orightresult">Science Fiction</a> </li> </ul> <!-- / Module A --> <ul class="list-group"> <li class="list-group-item list-group-item-info"> <h4 class="list-group-item-heading">Module B</h4> <p class="list-group-item-text">Texts and ways of thinking</p> </li> <li class="list-group-item"> <a href="https://encore.sutherlandshire.nsw.gov.au/iii/encore/search/C__Safter%20the%20bomb%20related%20text__Ff%3Afacetfields%3Acommunitytag%3Acommunitytag%3ACommunity%20Tag%3A%3A__Orightresult">After the Bomb</a> </li> <li class="list-group-item"> <a href="https://encore.sutherlandshire.nsw.gov.au/iii/encore/search/C__Sromanticism%20related%20text__Ff%3Afacetfields%3Acommunitytag%3Acommunitytag%3ACommunity%20Tag%3A%3A__Orightresult">Romanticism</a> </li> <li class="list-group-item"> <a href="https://encore.sutherlandshire.nsw.gov.au/iii/encore/search/C__Snavigating%20the%20global%20related%20text__Ff%3Afacetfields%3Acommunitytag%3Acommunitytag%3ACommunity%20Tag%3A%3A__Orightresult">Navigating the Global</a> </li> </ul> <!-- / Module B --> <ul class="list-group"> <li class="list-group-item list-group-item-info"> <h4 class="list-group-item-heading">Module C</h4> <p class="list-group-item-text">Language & values</p> </li> <li class="list-group-item"> <a href="https://encore.sutherlandshire.nsw.gov.au/iii/encore/search/C__Stextual%20dynamics%20related%20text__Ff%3Afacetfields%3Acommunitytag%3Acommunitytag%3ACommunity%20Tag%3A%3A__Orightresult">Textual Dynamics</a> </li> <li class="list-group-item"> <a href="https://encore.sutherlandshire.nsw.gov.au/iii/encore/search/C__Slanguage%20gender%20related%20text__Ff%3Afacetfields%3Acommunitytag%3Acommunitytag%3ACommunity%20Tag%3A%3A__Orightresult"> Language & Gender</a> </li> </ul> <!-- / Module C --> </div> </div> <!-- /row --> </div> <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.2/jquery.min.js'></script>
<script src='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js'></script>
</body>
</html>
| Developer | Martin Boyce |
| Username | boycetrus |
| Uploaded | September 20, 2022 |
| Rating | 3 |
| Size | 2,472 Kb |
| Views | 20,240 |
Do you need developer help for Bootstrap Panel List?
Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!
Martin Boyce (boycetrus) Script Codes
| Name | Size |
| Flexbox login form | 3,551 Kb |
| Test form validation with validate.js | 3,293 Kb |
| Fetching book covers with the Google Books API | 8,769 Kb |
| Scratchpad | 5,672 Kb |
| Using Google Spreadsheets as JSON Source | 2,492 Kb |
| Sutherland Shire Libraries Catalogue Search | 2,732 Kb |
| Flexbox test | 2,846 Kb |
| First steps with Handlebars.js | 3,978 Kb |
| AJAX content from an RSS feed using jQuery | 3,878 Kb |
| Google Analytics Event Tracking using html5 data attributes | 2,560 Kb |
Create amazing marketing copy with AI!
Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!
Similar Scripts & Codes
| Name | Username | Size |
| Login with flip 3d animation | Mariusbalaj | 3,014 Kb |
| Drag n Drop | Martin42 | 2,594 Kb |
| Weather App | Kw7oe | 3,162 Kb |
| Cool Page Split Effect | Anthonyadamski | 6,128 Kb |
| RollOver Effect 2 | Lmack90 | 2,162 Kb |
| Simple CSS loader. | Cabrera | 2,574 Kb |
| A Pen by Matt Popovich | Mpopv | 3,349 Kb |
| CSS3 Button Examples | Volusion | 3,377 Kb |
| Drag in vanilla js using dotval math instead of translate | Paulq | 2,662 Kb |
| Tooltip in table | Roine | 3,713 Kb |
Do you want hide your ip address?
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!