Skip to content

Instantly share code, notes, and snippets.

@marlonmantilla
Created April 11, 2017 02:02
Show Gist options
  • Save marlonmantilla/6fa18ae75b135053bd0ea28b7fbc23af to your computer and use it in GitHub Desktop.
Save marlonmantilla/6fa18ae75b135053bd0ea28b7fbc23af to your computer and use it in GitHub Desktop.
<div class="columns is-multiline desktop section main-content side-paddingless nd-results-list">
<div class="column is-one-third ">
<div class="card nd-result">
<header class="card-header">
<div class="media">
<div class="media-left" [routerLink]="['/profile']" >
<figure class="image is-32x32" *ngIf="showAvatar">
<img src="http://bulma.io/images/placeholders/32x32.png" alt="Image">
</figure>
<div class="nd-user-initials" *ngIf="!showAvatar">
JD
</div>
</div><!-- end media-left -->
<div class="media-content" [routerLink]="['/profile']">
<p class="nd-username">Francis Jennings</p>
<p class="nd-description">La Cocina de Rebeca</p>
</div><!-- end media-content -->
<div class="media-right">
<div class="nd-icon-item no-margin">
<i _ngcontent-c1="" class="nd-recipe-icon easy nav-item ">&nbsp;</i>
<span class="nd-icon-txt">10'</span>
</div><!-- end nd-icon-item -->
</div><!-- end media-right -->
</div><!-- end media -->
</header><!-- end card-header -->
<div class="card-image" [routerLink]="['/recipe']">
<figure class="image is-4by3">
<!-- <img src="assets/misc/recipe1.jpg" alt="Image"> -->
<div class="recipe-background" style="background-image: url('assets/misc/recipe2.jpg')">
</div>
<div class="recipe-background-2" style="background-image: url('assets/misc/recipe2.jpg'); filter: url(#svg-blur);">
</div>
</figure>
<div class="card-content overlay">
<div class="nd-blur"></div>
<div class="content">
<div class="nd-small-stars">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star-o" aria-hidden="true"></i>
</div>
<h2 class="title is-6">Berenjenas en milanesas a la napolitana con ensalada.</h2>
</div><!-- end content -->
</div><!-- end card-content -->
</div><!-- end card-image -->
<footer class="card-footer">
<div class="column is-7">
<a class="nd-icon-item">
<i _ngcontent-c1="" class="nd-recipe-icon share nav-item ">&nbsp;</i>
<span class="nd-icon-txt">45</span>
</a>
<a class="nd-icon-item">
<i _ngcontent-c1="" class="nd-recipe-icon heart nav-item ">&nbsp;</i>
<span class="nd-icon-txt">32</span>
</a>
</div>
<div class="column is-5 has-text-right">
<a class="nd-icon-item no-margin">
<i _ngcontent-c1="" class="nd-recipe-icon bookmark nav-item ">&nbsp;</i>
</a>
</div>
</footer>
</div><!-- end card -->
</div>
<div class="column is-one-third ">
<div class="card nd-result">
<header class="card-header">
<div class="media">
<div class="media-left" [routerLink]="['/profile']" >
<figure class="image is-32x32" *ngIf="showAvatar">
<img src="http://bulma.io/images/placeholders/32x32.png" alt="Image">
</figure>
<div class="nd-user-initials" *ngIf="!showAvatar">
JD
</div>
</div><!-- end media-left -->
<div class="media-content" [routerLink]="['/profile']">
<p class="nd-username">Francis Jennings</p>
<p class="nd-description">La Cocina de Rebeca</p>
</div><!-- end media-content -->
<div class="media-right">
<div class="nd-icon-item no-margin">
<i _ngcontent-c1="" class="nd-recipe-icon easy nav-item ">&nbsp;</i>
<span class="nd-icon-txt">10'</span>
</div><!-- end nd-icon-item -->
</div><!-- end media-right -->
</div><!-- end media -->
</header><!-- end card-header -->
<div class="card-image" [routerLink]="['/recipe']">
<figure class="image is-4by3">
<!-- <img src="assets/misc/recipe1.jpg" alt="Image"> -->
<div class="recipe-background" style="background-image: url('assets/misc/recipe2.jpg')">
</div>
<div class="recipe-background-2" style="background-image: url('assets/misc/recipe2.jpg'); filter: url(#svg-blur);">
</div>
</figure>
<div class="card-content overlay">
<div class="nd-blur"></div>
<div class="content">
<div class="nd-small-stars">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star-o" aria-hidden="true"></i>
</div>
<h2 class="title is-6">Berenjenas en milanesas a la napolitana con ensalada.</h2>
</div><!-- end content -->
</div><!-- end card-content -->
</div><!-- end card-image -->
<footer class="card-footer">
<div class="column is-7">
<a class="nd-icon-item">
<i _ngcontent-c1="" class="nd-recipe-icon share nav-item ">&nbsp;</i>
<span class="nd-icon-txt">45</span>
</a>
<a class="nd-icon-item">
<i _ngcontent-c1="" class="nd-recipe-icon heart nav-item ">&nbsp;</i>
<span class="nd-icon-txt">32</span>
</a>
</div>
<div class="column is-5 has-text-right">
<a class="nd-icon-item no-margin">
<i _ngcontent-c1="" class="nd-recipe-icon bookmark nav-item ">&nbsp;</i>
</a>
</div>
</footer>
</div><!-- end card -->
</div>
<div class="column is-one-third ">
<div class="card nd-result">
<header class="card-header">
<div class="media">
<div class="media-left" [routerLink]="['/profile']" >
<figure class="image is-32x32" *ngIf="showAvatar">
<img src="http://bulma.io/images/placeholders/32x32.png" alt="Image">
</figure>
<div class="nd-user-initials" *ngIf="!showAvatar">
JD
</div>
</div><!-- end media-left -->
<div class="media-content" [routerLink]="['/profile']">
<p class="nd-username">Francis Jennings</p>
<p class="nd-description">La Cocina de Rebeca</p>
</div><!-- end media-content -->
<div class="media-right">
<div class="nd-icon-item no-margin">
<i _ngcontent-c1="" class="nd-recipe-icon easy nav-item ">&nbsp;</i>
<span class="nd-icon-txt">10'</span>
</div><!-- end nd-icon-item -->
</div><!-- end media-right -->
</div><!-- end media -->
</header><!-- end card-header -->
<div class="card-image" [routerLink]="['/recipe']">
<figure class="image is-4by3">
<!-- <img src="assets/misc/recipe1.jpg" alt="Image"> -->
<div class="recipe-background" style="background-image: url('assets/misc/recipe2.jpg')">
</div>
<div class="recipe-background-2" style="background-image: url('assets/misc/recipe2.jpg'); filter: url(#svg-blur);">
</div>
</figure>
<div class="card-content overlay">
<div class="nd-blur"></div>
<div class="content">
<div class="nd-small-stars">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star-o" aria-hidden="true"></i>
</div>
<h2 class="title is-6">Berenjenas en milanesas a la napolitana con ensalada.</h2>
</div><!-- end content -->
</div><!-- end card-content -->
</div><!-- end card-image -->
<footer class="card-footer">
<div class="column is-7">
<a class="nd-icon-item">
<i _ngcontent-c1="" class="nd-recipe-icon share nav-item ">&nbsp;</i>
<span class="nd-icon-txt">45</span>
</a>
<a class="nd-icon-item">
<i _ngcontent-c1="" class="nd-recipe-icon heart nav-item ">&nbsp;</i>
<span class="nd-icon-txt">32</span>
</a>
</div>
<div class="column is-5 has-text-right">
<a class="nd-icon-item no-margin">
<i _ngcontent-c1="" class="nd-recipe-icon bookmark nav-item ">&nbsp;</i>
</a>
</div>
</footer>
</div><!-- end card -->
</div>
<div class="column is-one-third ">
<div class="card nd-result">
<header class="card-header">
<div class="media">
<div class="media-left" [routerLink]="['/profile']" >
<figure class="image is-32x32" *ngIf="showAvatar">
<img src="http://bulma.io/images/placeholders/32x32.png" alt="Image">
</figure>
<div class="nd-user-initials" *ngIf="!showAvatar">
JD
</div>
</div><!-- end media-left -->
<div class="media-content" [routerLink]="['/profile']">
<p class="nd-username">Francis Jennings</p>
<p class="nd-description">La Cocina de Rebeca</p>
</div><!-- end media-content -->
<div class="media-right">
<div class="nd-icon-item no-margin">
<i _ngcontent-c1="" class="nd-recipe-icon easy nav-item ">&nbsp;</i>
<span class="nd-icon-txt">10'</span>
</div><!-- end nd-icon-item -->
</div><!-- end media-right -->
</div><!-- end media -->
</header><!-- end card-header -->
<div class="card-image" [routerLink]="['/recipe']">
<figure class="image is-4by3">
<!-- <img src="assets/misc/recipe1.jpg" alt="Image"> -->
<div class="recipe-background" style="background-image: url('assets/misc/recipe2.jpg')">
</div>
<div class="recipe-background-2" style="background-image: url('assets/misc/recipe2.jpg'); filter: url(#svg-blur);">
</div>
</figure>
<div class="card-content overlay">
<div class="nd-blur"></div>
<div class="content">
<div class="nd-small-stars">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star-o" aria-hidden="true"></i>
</div>
<h2 class="title is-6">Berenjenas en milanesas a la napolitana con ensalada.</h2>
</div><!-- end content -->
</div><!-- end card-content -->
</div><!-- end card-image -->
<footer class="card-footer">
<div class="column is-7">
<a class="nd-icon-item">
<i _ngcontent-c1="" class="nd-recipe-icon share nav-item ">&nbsp;</i>
<span class="nd-icon-txt">45</span>
</a>
<a class="nd-icon-item">
<i _ngcontent-c1="" class="nd-recipe-icon heart nav-item ">&nbsp;</i>
<span class="nd-icon-txt">32</span>
</a>
</div>
<div class="column is-5 has-text-right">
<a class="nd-icon-item no-margin">
<i _ngcontent-c1="" class="nd-recipe-icon bookmark nav-item ">&nbsp;</i>
</a>
</div>
</footer>
</div><!-- end card -->
</div>
<div class="column is-one-third ">
<div class="card nd-result">
<header class="card-header">
<div class="media">
<div class="media-left" [routerLink]="['/profile']" >
<figure class="image is-32x32" *ngIf="showAvatar">
<img src="http://bulma.io/images/placeholders/32x32.png" alt="Image">
</figure>
<div class="nd-user-initials" *ngIf="!showAvatar">
JD
</div>
</div><!-- end media-left -->
<div class="media-content" [routerLink]="['/profile']">
<p class="nd-username">Francis Jennings</p>
<p class="nd-description">La Cocina de Rebeca</p>
</div><!-- end media-content -->
<div class="media-right">
<div class="nd-icon-item no-margin">
<i _ngcontent-c1="" class="nd-recipe-icon easy nav-item ">&nbsp;</i>
<span class="nd-icon-txt">10'</span>
</div><!-- end nd-icon-item -->
</div><!-- end media-right -->
</div><!-- end media -->
</header><!-- end card-header -->
<div class="card-image" [routerLink]="['/recipe']">
<figure class="image is-4by3">
<!-- <img src="assets/misc/recipe1.jpg" alt="Image"> -->
<div class="recipe-background" style="background-image: url('assets/misc/recipe2.jpg')">
</div>
<div class="recipe-background-2" style="background-image: url('assets/misc/recipe2.jpg'); filter: url(#svg-blur);">
</div>
</figure>
<div class="card-content overlay">
<div class="nd-blur"></div>
<div class="content">
<div class="nd-small-stars">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star-o" aria-hidden="true"></i>
</div>
<h2 class="title is-6">Berenjenas en milanesas a la napolitana con ensalada.</h2>
</div><!-- end content -->
</div><!-- end card-content -->
</div><!-- end card-image -->
<footer class="card-footer">
<div class="column is-7">
<a class="nd-icon-item">
<i _ngcontent-c1="" class="nd-recipe-icon share nav-item ">&nbsp;</i>
<span class="nd-icon-txt">45</span>
</a>
<a class="nd-icon-item">
<i _ngcontent-c1="" class="nd-recipe-icon heart nav-item ">&nbsp;</i>
<span class="nd-icon-txt">32</span>
</a>
</div>
<div class="column is-5 has-text-right">
<a class="nd-icon-item no-margin">
<i _ngcontent-c1="" class="nd-recipe-icon bookmark nav-item ">&nbsp;</i>
</a>
</div>
</footer>
</div><!-- end card -->
</div>
<div class="column is-one-third ">
<div class="card nd-result">
<header class="card-header">
<div class="media">
<div class="media-left" [routerLink]="['/profile']" >
<figure class="image is-32x32" *ngIf="showAvatar">
<img src="http://bulma.io/images/placeholders/32x32.png" alt="Image">
</figure>
<div class="nd-user-initials" *ngIf="!showAvatar">
JD
</div>
</div><!-- end media-left -->
<div class="media-content" [routerLink]="['/profile']">
<p class="nd-username">Francis Jennings</p>
<p class="nd-description">La Cocina de Rebeca</p>
</div><!-- end media-content -->
<div class="media-right">
<div class="nd-icon-item no-margin">
<i _ngcontent-c1="" class="nd-recipe-icon easy nav-item ">&nbsp;</i>
<span class="nd-icon-txt">10'</span>
</div><!-- end nd-icon-item -->
</div><!-- end media-right -->
</div><!-- end media -->
</header><!-- end card-header -->
<div class="card-image" [routerLink]="['/recipe']">
<figure class="image is-4by3">
<!-- <img src="assets/misc/recipe1.jpg" alt="Image"> -->
<div class="recipe-background" style="background-image: url('assets/misc/recipe2.jpg')">
</div>
<div class="recipe-background-2" style="background-image: url('assets/misc/recipe2.jpg'); filter: url(#svg-blur);">
</div>
</figure>
<div class="card-content overlay">
<div class="nd-blur"></div>
<div class="content">
<div class="nd-small-stars">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star-o" aria-hidden="true"></i>
</div>
<h2 class="title is-6">Berenjenas en milanesas a la napolitana con ensalada.</h2>
</div><!-- end content -->
</div><!-- end card-content -->
</div><!-- end card-image -->
<footer class="card-footer">
<div class="column is-7">
<a class="nd-icon-item">
<i _ngcontent-c1="" class="nd-recipe-icon share nav-item ">&nbsp;</i>
<span class="nd-icon-txt">45</span>
</a>
<a class="nd-icon-item">
<i _ngcontent-c1="" class="nd-recipe-icon heart nav-item ">&nbsp;</i>
<span class="nd-icon-txt">32</span>
</a>
</div>
<div class="column is-5 has-text-right">
<a class="nd-icon-item no-margin">
<i _ngcontent-c1="" class="nd-recipe-icon bookmark nav-item ">&nbsp;</i>
</a>
</div>
</footer>
</div><!-- end card -->
</div>
</div><!-- end main-content -->
<div class="field has-addons nd-filters">
<p class="control">
<a [routerLink]="['/filters']" class="button first">
<span>Filtrar</span>
</a>
</p>
<p class="control">
<a [routerLink]="['/sorter']" class="button last">
<span>Ordenar</span>
</a>
</p>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment