cap-website/index.php at develop · CAPDistributing/cap-website · 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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
<!DOCTYPE html>
<html ng-app="store" lang="en">
<head>

	<title>Home - CAP Distributing</title>
	<meta name="description" content="CAP Distributing is dedicated to providing the best products availiable at the lowest prices." />
	<meta name="keywords" content="distribution, headphones, wallets, shirts, electronics, mobile accessories" />
  <?php include_once("templates/head.html"); ?>

</head>
<body ng-controller="StoreController as store">

  <?php include_once("templates/cap-logo.html"); ?>
  <?php include_once("templates/nav.html"); ?>
  <div class="container">

    <h2>Who We Are</h2>
    <div class="row">
      <div class="col-md-2"></div>
      <div class="col-md-8">
        <p class="who-we-are-p">We are a small business that strives to provide the best products at the lowest price. We offer a wide variety of items from Headphones to Water Tanks. All of our items are available on <a href="http://www.amazon.com/shops/A2THIGJ83VMAAL">Amazon.com</a>.</p>
        <p class="who-we-are-p">If you'd like to be contacted about our weekly deals, let us know <a href="/contact.php">here</a> and we will send you an email of our weekly deals.</p>
      </div>
    </div>

    <br><hr><br>

    <h2>Our New Items</h2>

    <div class="row">
      <div class="col-md-4 product-info" ng-repeat="product in store.featured">
        <img class="product-img" ng-src="{{product.image.src}}" />
        <h3 class="product-name">{{product.name}}</h3>
        <ul class="product-bullets-ul">
          <li class="product-bullets-li">{{product.bullets[0]}}</li>
          <li class="product-bullets-li">{{product.bullets[1]}}</li>
        </ul>
        <a class="btn btn-cap" ng-href="{{product.amazonLink}}">Buy on Amazon &gt;&gt;</a>
      </div>
    </div>

    <br><hr><br>

    <h2>Recent News</h2>

    <div class="row news-div">
      <a href ng-href="{{store.news[0].newsLink}}">
        <h3>{{store.news[0].title}}</h3>
      </a>
      <div class="col-md-3">
          <a href ng-href="{{store.news[0].newsLink}}">
            <img class="news-img" ng-src="{{store.news[0].image.src}}" />
          </a>
      </div>
      <div class="col-md-9">
          <h4>{{store.news[0].date}}</h4>
          <p ng-repeat="paragraphs in store.news[0].article">{{paragraphs}}</p>
      </div>
    </div>

    <div class="row news-div">
      <a href ng-href="{{store.news[1].newsLink}}">
        <h3>{{store.news[1].title}}</h3>
      </a>
      <div class="col-md-3">
          <a href ng-href="{{store.news[1].newsLink}}">
            <img class="news-img" ng-src="{{store.news[1].image.src}}" />
          </a>
      </div>
      <div class="col-md-9">
          <h4>{{store.news[1].date}}</h4>
          <p ng-repeat="paragraphs in store.news[1].article">{{paragraphs}}</p>
      </div>
    </div>

    <div class="row news-div">
      <a href ng-href="{{store.news[2].newsLink}}">
        <h3>{{store.news[2].title}}</h3>
      </a>
      <div class="col-md-3">
          <a href ng-href="{{store.news[2].newsLink}}">
            <img class="news-img" ng-src="{{store.news[2].image.src}}" />
          </a>
      </div>
      <div class="col-md-9">
          <h4>{{store.news[2].date}}</h4>
          <p ng-repeat="paragraphs in store.news[2].article">{{paragraphs}}</p>
      </div>
    </div>

  </div><!-- End .container -->
  <?php include_once("templates/footer.html"); ?>

  <?php include_once("templates/holiday-sale-modal.html"); ?>

</body>
</html>