AngularJS-Store/index.html at master · selmadelgado/AngularJS-Store · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<!DOCTYPE html>
<html ng-app="gemStore">
  <head>
    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" />
    <link rel="stylesheet" type="text/css" href="gem-store.css" />
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.27/angular.min.js"></script>
    <script type="text/javascript" src="app.js"></script>
    <script type="text/javascript" src="products.js"></script>
  </head>
  <body ng-controller="StoreController as store" style="max-width:500px; margin:0px auto;">
    <!--  Store Header  -->
    <header>
      <h1 class="text-center">Flatlander Crafted Gems</h1>
      <h2 class="text-center">- an Angular store -</h2>
    </header>

    <!--  Products Container  -->
    <div class="list-group">

      <!--  Product Container  -->
      <div class="list-group-item" ng-repeat="product in store.products"
                                   ng-init="tab = 1">
        <h3>
          {{ product.name }}
          <em class="pull-right">{{ product.price | currency }}</em>
        </h3>

        <product-gallery></product-gallery>

        <product-tabs></product-tabs>

      </div> <!-- End product container -->
    </div> <!-- End products container -->
  </body>
</html>