webpsu2/lb.php at master · sinangga/webpsu2 · 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
<!doctype html>
<html class="no-js" lang="">
<link rel="stylesheet" href="css/lb.css">
<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>Stamet Pangsuma</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">

<div class="basic-example">
  <div class="links">
    <p><a href="#one">Try</a></p>
    <p><a href="#two">Clicking</a></p>
    <p><a href="#three">These</a></p>
  </div>
  <div class="text">
    <p id="one">This is paragraph one</p>
    <p id="two">This is paragraph two</p>
    <p id="three">This is paragraph three</p>
  </div>
</div>

<div class="portfolio">
  <div class="portfolio__item">
    <img src="https://unsplash.it/300?image=1080" alt="" class="portfolio__image">
    <div class="portfolio__desc">
      <h3 class="portfolio__title">This is the title</h3>
      <a href="#portfolio-item-1" class="button" role="button">More info</a>
    </div>


  </div>
  <div class="portfolio__item" id="portfolio">
    <img src="https://unsplash.it/300?image=1070" alt="" class="portfolio__image">
    <div class="portfolio__desc">
      <h3 class="portfolio__title">This is the title</h3>
      <a href="#portfolio-item-2" class="button">More info</a>
    </div>
  </div>
  <div class="portfolio__item">
    <img src="https://unsplash.it/300?image=1074" alt="" class="portfolio__image">
    <div class="portfolio__desc">
      <h3 class="portfolio__title">This is the title</h3>
      <a href="#portfolio-item-3" class="button">More info</a>
    </div>
  </div>
</div>

<div class="portfolio-lightbox" id="portfolio-item-1">
  <div class="portfolio-lightbox__content">
  <a href="#portfolio" class="close"></a>
  <img class="portfolio-lightbox__image" src="https://unsplash.it/900/400?image=1080" alt="">
  <h3 class="portfolio__title">This is the title</h3>
  <p class="portfolio__body">This would be a description of the portfolio item</p>
  </div>
</div>

<div class="portfolio-lightbox" id="portfolio-item-2">
  <div class="portfolio-lightbox__content">
    <a href="#portfolio" class="close"></a>
    <img class="portfolio-lightbox__image" src="https://unsplash.it/900/400?image=1070" alt="">
    <h3 class="portfolio__title">This is the title</h3>
    <p class="portfolio__body">This would be a description of the portfolio item</p>
  </div>
</div>

<div class="portfolio-lightbox" id="portfolio-item-3">
  <div class="portfolio-lightbox__content">
  <a href="#portfolio" class="close"></a>
  <img class="portfolio-lightbox__image" src="https://unsplash.it/900/400?image=1074" alt="">
  <h3 class="portfolio__title">This is the title</h3>
  <p class="portfolio__body">This would be a description of the portfolio item</p>
  </div>
</div>