gusmantap

                @mixin importfont($name, $url) {
    @font-face {
        font-family: $name;
        src: url($url) format('truetype');
        /* Safari, Android, iOS */
    }
}

@mixin objectInOut {
    opacity: 1;

gusmantap

[{
  "nama":{
    "firstname":"Udin",
    "lastname":"Syalala"},
  "kelas":"XI"
},
{
  "nama":{
    "firstname":"Jack",
    "lastname":"The Ripper"

gusmantap

/*! jQuery.Flipster, v1.1.2 (built 2017-11-10) */.flipster{display:block;overflow-x:hidden;overflow-y:visible;position:relative}.flipster:focus{outline:none}.flipster__container,.flipster__item{margin:0;padding:0;list-style-type:none;position:relative}.flipster__container{display:block;white-space:nowrap;word-spacing:-0.25em;transform-origin:50% 50%;backface-visibility:hidden}.flipster__item{display:inline-block;white-space:normal;word-spacing:normal;vertical-align:bottom}.flipster--click .flipster__item--past,.flipster--click .flipster__item--future{cursor:pointer}.flipster__item img{max-width:100%}.flipster__button{position:absolute;top:50%;display:block;appearance:none;background:none;border:none;padding:0;z-index:999;cursor:pointer;font-size:15px;opacity:.5;transition:opacity 500ms ease;margin:-1em 2em}.flipster__button svg{width:2em;stroke:currentColor;fill:transparent;stroke-width:3;stroke-linecap:round}.flipster__button:hover,.flipster__button:focus{opacity:1}.flipster__button--prev{left:0}.flipster__b

gusmantap

[
{
  "title":"Title 1",
  "description":"lorem ipsum dolor sit amet"
},
{
  "title":"Title 2"
},
{
  "title":"Title 3"