Skip to content

Instantly share code, notes, and snippets.

View pardamike's full-sized avatar
💻
Coding

Mike Parda pardamike

💻
Coding
  • Virginia
  • 21:30 (UTC -04:00)
View GitHub Profile

GET /claims

Response: Array of claims objects

[
    {
      id: 7498923432,
      date: 'June 10, 2016', (or whatever format)
 amount: 430.00, (or whatever format)
// This will create a 50/50 split, similar to how
// this section of the page is set up
<section>
<div class="container">
<div class="row">
<div class="col-md-6">
content in here
</div>
<div class="col-md-6">
content in here
@pardamike
pardamike / simplebootstrapgridexamples.html
Last active October 6, 2017 16:31
simplebootstrapgridexamples
<!-- First Row -->
<div class="container">
<div class="row example">
<div class="col-md-6 col-sm-6 col-xs-12 teal">
I am 50% at 'md' and 'sm' but 100% at 'xs'
</div>
<div class="col-md-6 col-sm-6 col-xs-12 orange">
I am the same as the column next to me
</div>
</div>
@pardamike
pardamike / nested.html
Created October 6, 2017 17:19
nested bootstrap columns
<div class="container">
<h3>Nested Insanity</h3>
<div class="row example">
<div class="col-md-6 col-xs-6 col-xs-12 grey">
<span class="ex-title">These 2 md-6's (that are inside of an md-6) have different nested columns</span>
<div class="row">
<div class="col-md-6 col-sm-6 col-xs-6 red">
col-6 #1
<div class="row">
<div class="col-md-6 col-sm-6 col-xs-12 green">
<div class="container">
<div class="row example">
<div class="col-md-6 col-sm-6 col-xs-12 grey">
<span class="ex-title">There are 4 columns that are each <pre class="inline-pre">col-md-3 col-sm-3 col-xs-3</pre> nested inside of this <pre class="inline-pre">col-md-6 col-sm-6 col-xs-12</pre></span>
<div class="row">
<div class="col-md-3 col-sm-3 col-xs-3 red">
Hi
</div>
<div class="col-md-3 col-sm-3 col-xs-3 blue">
how
<div class="container">
<div class="row example grey">
<span class="ex-title">Note the row is grey</span>
<div class="col-md-offset-2 col-md-10 col-sm-offset-1 col-sm-11 col-xs-12 blue">
This column is actually always 12 columns. It will begin as offset-2, then it will string to offset-1, then not have an offset at all
</div>
</div>
</div>
<div *ngIf="claims?.length > 0; then claimsList else noClaims"></div>
<ng-template #claimsList>
<div class="claim" [@fadeInAnimation]="''" *ngFor="let claim of claims; index as i">
<single-claim
[claim]="claim">
</single-claim>
<br>
</div>
</ng-template>
<ng-template #noClaims>
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title></title>
<meta name="description" content="">
<meta name="author" content="">
</head>
<style>
/* Styles in here */
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title></title>
<meta name="description" content="">
<meta name="author" content="">
</head>
<style>
/* Styles in here */
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title></title>
<meta name="description" content="">
<meta name="author" content="">
</head>
<style>
.fancy-button {