-
Notifications
You must be signed in to change notification settings - Fork 1
/
project_carousel_10.html
64 lines (56 loc) · 2.24 KB
/
project_carousel_10.html
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
<div id="myCarousel" class="carousel slide portfolio-image-full">
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1" class=""></li>
<li data-target="#myCarousel" data-slide-to="2" class=""></li>
</ol>
<div class="carousel-inner">
<div class="item active">
<img src="img/portfolio/10.jpg" alt="Photo">
<div class="carousel-caption">
<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus.
</p>
</div>
</div>
<div class="item">
<img src="img/portfolio/11.jpg" alt="Photo">
<div class="carousel-caption">
<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus.
</p>
</div>
</div>
<div class="item">
<img src="img/portfolio/12.jpg" alt="Photo">
<div class="carousel-caption">
<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus.
</p>
</div>
</div>
</div>
<a class="left carousel-control" href="#myCarousel" data-slide="prev">
←
</a>
<a class="right carousel-control" href="#myCarousel" data-slide="next">
→
</a>
</div>
<div class="portfolio-desc">
<h4 class="thin-title">Symphony
<a href="#" class="close-overlay">x</a>
</h4>
<strong class="about-meta">
<i class="icon-tag"></i>Carousel
</strong>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam congue quam quis lectus placerat in porta mauris fermentum. In vitae tristique nunc.
</p>
<p>Duis pharetra pulvinar tortor quis euismod. Phasellus odio lectus, tempor in elementum eget, rhoncus quis elit. In dictum, tellus vitae dignissim facilisis, libero lectus mollis dui, at molestie turpis libero eget tellus.
</p>
<ul>
<li>lorem ipsum dolor</li>
<li>sit amet</li>
<li>consectetur</li>
<li>dipiscing</li>
</ul>
<p>Nunc non metus nec diam varius gravida elementum at justo. Praesent dignissim urna at tortor iaculis eget pulvinar urna gravida.
</p>
</div>