change01index

index.html

@@ -54,13 +54,15 @@
       <!-- Heading Row -->
       <div class="row my-4">
         <div class="col-lg-8">
-          <img class="img-fluid rounded" src="http://placehold.it/900x400" alt="">
+          <img class="img-fluid rounded" src="https://arquivo.devmedia.com.br/marketing/img/guia-html-38051.png" alt="">
         </div>
+
+
         <!-- /.col-lg-8 -->
         <div class="col-lg-4">
-          <h1>Business Name or Tagline</h1>
+          <h1>Aprenda HTML em 4 passos!</h1>
           <p>This is a template that is great for small businesses. It doesn't have too much fancy flare to it, but it makes a great use of the standard Bootstrap core components. Feel free to use this template for any project you want!</p>
-          <a class="btn btn-primary btn-lg" href="#">Call to Action!</a>
+          <a class="btn btn-primary btn-lg" href="#">Start!</a>
         </div>
         <!-- /.col-md-4 -->
       </div>
@@ -75,7 +77,7 @@
 
       <!-- Content Row -->
       <div class="row">
-        <div class="col-md-4 mb-4">
+        <div class="col-md-3 mb-4">
           <div class="card h-100">
             <div class="card-body">
               <h2 class="card-title">Card One</h2>
@@ -87,7 +89,7 @@
           </div>
         </div>
         <!-- /.col-md-4 -->
-        <div class="col-md-4 mb-4">
+        <div class="col-md-3 mb-4">
           <div class="card h-100">
             <div class="card-body">
               <h2 class="card-title">Card Two</h2>
@@ -99,7 +101,21 @@
           </div>
         </div>
         <!-- /.col-md-4 -->
-        <div class="col-md-4 mb-4">
+        <div class="col-md-3 mb-4">
+          <div class="card h-100">
+            <div class="card-body">
+              <h2 class="card-title">Card Three</h2>
+              <p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rem magni quas ex numquam, maxime minus quam molestias corporis quod, ea minima accusamus.</p>
+            </div>
+            <div class="card-footer">
+              <a href="#" class="btn btn-primary">More Info</a>
+            </div>
+          </div>
+        </div>
+        <!-- /.col-md-4 -->
+
+        <!-- /.col-md-4 -->
+        <div class="col-md-3 mb-4">
           <div class="card h-100">
             <div class="card-body">
               <h2 class="card-title">Card Three</h2>