Componente Heroes diseño

TheJonaCode · Sep 24, 2020 · dbc2fa4 · dbc2fa4
1 parent 107c2ef
commit dbc2fa4
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 2 deletions.
diff --git a/src/app/components/heroes/heroes.component.html b/src/app/components/heroes/heroes.component.html
@@ -1 +1,20 @@
-<p>heroes works!</p>
+<h1>Heroes <small>Marvel y DC</small></h1>
+<hr>
+
+<div class="card-columns">
+
+    <div class="card">
+        <img src="assets/img/aquaman.png" class="card-img-top" alt="...">
+        <div class="card-body">
+          <h5 class="card-title">Card title</h5>
+          <p class="card-text">This card has supporting text below as a natural lead-in to additional content.</p>
+          <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p>
+
+          <button type="button" class="btn btn-outline-primary btn-block">
+              Ver más...
+          </button>
+
+        </div>
+      </div>
+
+</div>
diff --git a/src/app/components/shared/navbar/navbar.component.html b/src/app/components/shared/navbar/navbar.component.html
@@ -23,7 +23,7 @@
       </ul>
       <form class="form-inline my-2 my-lg-0">
         <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
-        <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
+        <button class="btn btn-outline-primary my-2 my-sm-0" type="submit">Search</button>
       </form>
     </div>
   </nav>
diff --git a/src/styles.css b/src/styles.css
@@ -1,3 +1,7 @@
+body{
+  padding-bottom: 50px;
+}
+
 .main-container{
     margin-top: 20px;
 }