old-com/portfolioitems.html at master · fbriou/old-com · 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
98
99
<ul id="protfolio-loading-items">

  <!-- Single Portfolio-->
    <li class="single-port-item category-1 category-3">
      <a href="#portfolioModal" class="waves-effect waves-block waves-light modal-trigger" data-image-source="http://placehold.it/650x350" data-title="Your awesome portfolio title" data-content="A portfolio is a collection of documents and writing that you assemble in order to demonstrate that you have the appropriate prior." data-demo-link="#"> <!-- Portfolio pop-up content-->
        <div class="protfolio-image">
          <img src="http://placehold.it/390x280" alt="portfolio"> <!-- portfolio thumbnail-->
          <div class="protfolio-content waves-effect waves-block waves-light">
            <div class="protfolio-content__inner">
              <h2 class="p-title">item name</h2>
            </div>
          </div>
          <div class="p-overlay"></div>
        </div>
      </a>
    </li>
    <!--/ single portfolio -->

    <!-- Single Portfolio-->
    <li class="single-port-item category-2 category-1">
      <a href="#portfolioModal" class="waves-effect waves-block waves-light modal-trigger" data-image-source="http://placehold.it/650x350" data-title="Your awesome portfolio title" data-content="A portfolio is a collection of documents and writing that you assemble in order to demonstrate that you have the appropriate prior." data-demo-link="#">
        <div class="protfolio-image">
          <img src="http://placehold.it/390x280" alt="portfolio">
          <div class="protfolio-content waves-effect waves-block waves-light">
            <div class="protfolio-content__inner">
              <h2 class="p-title">item name</h2>
            </div>
          </div>
          <div class="p-overlay"></div>
        </div>
      </a>
    </li>
    <!--/ single portfolio -->

    <!-- Single Portfolio-->
    <li class="single-port-item category-1 category-2">
      <a href="#portfolioModal" class="waves-effect waves-block waves-light modal-trigger" data-image-source="http://placehold.it/650x350" data-title="Your awesome portfolio title" data-content="A portfolio is a collection of documents and writing that you assemble in order to demonstrate that you have the appropriate prior." data-demo-link="#">
        <div class="protfolio-image">
          <img src="http://placehold.it/390x280" alt="portfolio">
          <div class="protfolio-content waves-effect waves-block waves-light">
            <div class="protfolio-content__inner">
              <h2 class="p-title">item name</h2>
            </div>
          </div>
          <div class="p-overlay"></div>
        </div>
      </a>
    </li>
    <!--/ single portfolio -->

    <!-- Single Portfolio-->
    <li class="single-port-item category-3">
      <a href="#portfolioModal" class="waves-effect waves-block waves-light modal-trigger" data-image-source="http://placehold.it/650x350" data-title="Your awesome portfolio title" data-content="A portfolio is a collection of documents and writing that you assemble in order to demonstrate that you have the appropriate prior." data-demo-link="#">
        <div class="protfolio-image">
          <img src="http://placehold.it/390x280" alt="portfolio">
          <div class="protfolio-content waves-effect waves-block waves-light">
            <div class="protfolio-content__inner">
              <h2 class="p-title">item name</h2>
            </div>
          </div>
          <div class="p-overlay"></div>
        </div>
      </a>
    </li>
    <!--/ single portfolio -->

    <!-- Single Portfolio-->
    <li class="single-port-item category-1 category-3 category-4">
      <a href="#portfolioModal" class="waves-effect waves-block waves-light modal-trigger" data-image-source="http://placehold.it/650x350" data-title="Your awesome portfolio title" data-content="A portfolio is a collection of documents and writing that you assemble in order to demonstrate that you have the appropriate prior." data-demo-link="#">
        <div class="protfolio-image">
          <img src="http://placehold.it/390x280" alt="portfolio">
          <div class="protfolio-content waves-effect waves-block waves-light">
            <div class="protfolio-content__inner">
              <h2 class="p-title">item name</h2>
            </div>
          </div>
          <div class="p-overlay"></div>
        </div>
      </a>
    </li>
    <!--/ single portfolio -->

    <!-- Single Portfolio-->
    <li class="single-port-item category-2 category-4">
      <a href="#portfolioModal" class="waves-effect waves-block waves-light modal-trigger" data-image-source="http://placehold.it/650x350" data-title="Your awesome portfolio title" data-content="A portfolio is a collection of documents and writing that you assemble in order to demonstrate that you have the appropriate prior." data-demo-link="#">
        <div class="protfolio-image">
          <img src="http://placehold.it/390x280" alt="portfolio">
          <div class="protfolio-content waves-effect waves-block waves-light">
            <div class="protfolio-content__inner">
              <h2 class="p-title">item name</h2>
            </div>
          </div>
          <div class="p-overlay"></div>
        </div>
      </a>
    </li>
    <!--/ single portfolio -->

</ul>