Skip to content

Instantly share code, notes, and snippets.

View jasperwork's full-sized avatar

jasperwork

View GitHub Profile
@jasperwork
jasperwork / index.html
Created April 30, 2020 19:31
Material Bootstrap Wizard
<body>
<div class="image-container set-full-height" style="background-image: url('http://demos.creative-tim.com/material-bootstrap-wizard/assets/img/wizard-book.jpg')">
<!-- Creative Tim Branding -->
<a href="http://creative-tim.com" target="_blank">
<div class="logo-container">
<div class="logo">
<img src="http://demos.creative-tim.com/material-bootstrap-wizard/assets/img/new_logo.png">
</div>
<div class="brand">
Creative Tim
@jasperwork
jasperwork / index.html
Created March 13, 2020 08:51
Multi Step Form with Progress Bar using jQuery and CSS3
<!-- multistep form -->
<form id="msform">
<!-- progressbar -->
<ul id="progressbar">
<li class="active">Account Setup</li>
<li>Social Profiles</li>
<li>Personal Details</li>
</ul>
<!-- fieldsets -->
<fieldset>
@jasperwork
jasperwork / index.html
Created January 10, 2020 18:24
Responsive Table with Bootstrap
<h2>Responsive Table with Bootstrap</h2>
<div class="container">
<div class="row">
<div class="col-xs-12">
<div class="table-responsive">
<table summary="This table shows how to create responsive tables using Bootstrap's default functionality" class="table table-bordered table-hover">
<caption class="text-center">An example of a responsive table based on <a href="https://getbootstrap.com/css/#tables-responsive" target="_blank">Bootstrap</a>:</caption>
<thead>
<tr>