codeschool-projects#8 & 9 Carousel

javiBertos · Aug 21, 2017 · 4fcd0ad · 4fcd0ad
1 parent eb02ddb
commit 4fcd0ad
Showing 1 changed file with 45 additions and 1 deletion.
diff --git a/src/index.html b/src/index.html
@@ -7,8 +7,8 @@
   <link rel="stylesheet" href="main.css">
   <title>HTML Portfolio</title>
 </head>
-<body>
 
+<body>
   <nav class="navbar navbar-default">
     <div class="container">
       <!-- Brand and toggle get grouped for better mobile display -->
@@ -33,6 +33,50 @@
     </div>
     <!-- /.container-fluid -->
   </nav>
+
+
+  <div id="portfolio-carousel" class="carousel slide" data-ride="carousel">
+    <!-- Indicators -->
+    <ol class="carousel-indicators">
+      <li data-target="#portfolio-carousel" data-slide-to="0" class="active"></li>
+      <li data-target="#portfolio-carousel" data-slide-to="1"></li>
+      <li data-target="#portfolio-carousel" data-slide-to="2"></li>
+    </ol>
+    <div class="carousel-inner" role="listbox">
+      <div class="item active">
+        <div class="container">
+          <div class="carousel-caption">
+            <h1>Who I am</h1>
+            <p>I'm Javivi, the full stack developer ready for all...</p>
+          </div>
+        </div>
+      </div>
+      <div class="item">
+        <div class="container">
+          <div class="carousel-caption">
+            <h1>What I do</h1>
+            <p>I try to do my best in my hobbies, and fortunelly, my job is also my hobby XD</p>
+          </div>
+        </div>
+      </div>
+      <div class="item">
+        <div class="container">
+          <div class="carousel-caption">
+            <h1>What can we do</h1>
+            <p>Let's create, improve or learn working together on a crazy idea or a incredible project, or maybe both :P</p>
+          </div>
+        </div>
+      </div>
+    </div>
+    <a class="left carousel-control" href="#portfolio-carousel" role="button" data-slide="prev">
+      <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
+      <span class="sr-only">Previous</span>
+    </a>
+    <a class="right carousel-control" href="#portfolio-carousel" role="button" data-slide="next">
+      <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
+      <span class="sr-only">Next</span>
+    </a>
+  </div>
   <!--
     Previous project placeholder begins
   -->