|
@@ -5,25 +5,24 @@
|
|
|
<body>
|
|
|
<h1>Welcome to coursera!</h1>
|
|
|
<div class="container">
|
|
|
- {{> images}}
|
|
|
-</div>
|
|
|
+ {{> images}}
|
|
|
+ </div>
|
|
|
</body>
|
|
|
|
|
|
<template name="images">
|
|
|
- <div class="row">
|
|
|
- {{#each images}}
|
|
|
- <div class="col-xs-12 col-md-3">
|
|
|
- <div class="thumbnail">
|
|
|
+ <div class="row">
|
|
|
+ {{#each images}}
|
|
|
+ <div class="col-xs-12 col-md-3">
|
|
|
+ <div class="thumbnail">
|
|
|
|
|
|
- <img class="js-image" src="{{img_src}}"
|
|
|
- alt="{{img_alt}}"/>
|
|
|
-
|
|
|
- <div class="caption">
|
|
|
- <h3>Thumbnail label</h3>
|
|
|
- <p>description of the image</p>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div> <!-- / col -->
|
|
|
- {{/each}}
|
|
|
-</div> <!-- / row -->
|
|
|
- </template>
|
|
|
+ <img class="js-image" src="{{img_src}}" alt="{{img_alt}}" />
|
|
|
+
|
|
|
+ <div class="caption">
|
|
|
+ <h3>Thumbnail label</h3>
|
|
|
+ <p>description of the image</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div> <!-- / col -->
|
|
|
+ {{/each}}
|
|
|
+ </div> <!-- / row -->
|
|
|
+</template>
|