Skip to content

Commit 4fcd0ad

Browse files
author
Javier Bertos
committed
codeschool-projects#8 & 9 Carousel
1 parent eb02ddb commit 4fcd0ad

File tree

1 file changed

+45
-1
lines changed

1 file changed

+45
-1
lines changed

src/index.html

Lines changed: 45 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,8 +7,8 @@
77
<link rel="stylesheet" href="main.css">
88
<title>HTML Portfolio</title>
99
</head>
10-
<body>
1110

11+
<body>
1212
<nav class="navbar navbar-default">
1313
<div class="container">
1414
<!-- Brand and toggle get grouped for better mobile display -->
@@ -33,6 +33,50 @@
3333
</div>
3434
<!-- /.container-fluid -->
3535
</nav>
36+
37+
38+
<div id="portfolio-carousel" class="carousel slide" data-ride="carousel">
39+
<!-- Indicators -->
40+
<ol class="carousel-indicators">
41+
<li data-target="#portfolio-carousel" data-slide-to="0" class="active"></li>
42+
<li data-target="#portfolio-carousel" data-slide-to="1"></li>
43+
<li data-target="#portfolio-carousel" data-slide-to="2"></li>
44+
</ol>
45+
<div class="carousel-inner" role="listbox">
46+
<div class="item active">
47+
<div class="container">
48+
<div class="carousel-caption">
49+
<h1>Who I am</h1>
50+
<p>I'm Javivi, the full stack developer ready for all...</p>
51+
</div>
52+
</div>
53+
</div>
54+
<div class="item">
55+
<div class="container">
56+
<div class="carousel-caption">
57+
<h1>What I do</h1>
58+
<p>I try to do my best in my hobbies, and fortunelly, my job is also my hobby XD</p>
59+
</div>
60+
</div>
61+
</div>
62+
<div class="item">
63+
<div class="container">
64+
<div class="carousel-caption">
65+
<h1>What can we do</h1>
66+
<p>Let's create, improve or learn working together on a crazy idea or a incredible project, or maybe both :P</p>
67+
</div>
68+
</div>
69+
</div>
70+
</div>
71+
<a class="left carousel-control" href="#portfolio-carousel" role="button" data-slide="prev">
72+
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
73+
<span class="sr-only">Previous</span>
74+
</a>
75+
<a class="right carousel-control" href="#portfolio-carousel" role="button" data-slide="next">
76+
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
77+
<span class="sr-only">Next</span>
78+
</a>
79+
</div>
3680
<!--
3781
Previous project placeholder begins
3882
-->

0 commit comments

Comments
 (0)