Skip to content

Commit

Permalink
add cards to sections
Browse files Browse the repository at this point in the history
  • Loading branch information
@AustinNguyen2909
AustinNguyen2909 committed May 9, 2019
1 parent 94c77ee commit 10c21c1
Show file tree
Hide file tree
Showing 2 changed files with 58 additions and 11 deletions.
60 changes: 52 additions & 8 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -23,7 +23,7 @@
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="#">upgrade your browser</a> to improve your experience.</p>
<![endif]-->

<nav class="bg-black fixed-top row">
<nav class="bg-black fixed-top">
<div class="container navbar-nav navbar-light navbar-expand-lg py-2">
<a href="#" class="navbar-brand"><img src="img/platypus-logo.png" alt="Startup-logo" height="45px"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
Expand All @@ -47,17 +47,61 @@
</nav>
<header class="">
<div class="container">
<p>try to update</p>

</div>
</header>
<section class="environment">
<div class="container">

<section class="" style="background-color: #D86000">
<div class="environment container py-3">
<div class="card" style="width: 18rem">
<img src="..." class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Special title treatment</h5>
<p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
<a href="#" class="btn btn-primary">Go somewhere</a>
</div>
</div>
<div class="card" style="width: 18rem">
<div class="card-header">
Featured
</div>
<div class="card-body">
<h5 class="card-title">Special title treatment</h5>
<p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
<a href="#" class="btn btn-primary">Go somewhere</a>
</div>
</div>
<div class="card " style="width: 18rem">
<div class="card-header">
Featured
</div>
<div class="card-body">
<h5 class="card-title">Special title treatment</h5>
<p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
<a href="#" class="btn btn-primary">Go somewhere</a>
</div>
</div>
</div>
</section>
<section class="employees">
<div class="container">

<section class="" style="background-color: #189090">
<div class="container employees py-3">
<div class="card" style="width: 18rem;">
<img src="..." class="card-img-top" alt="...">
<div class="card-body">
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
</div>
</div>
<div class="card" style="width: 18rem;">
<img src="..." class="card-img-top" alt="...">
<div class="card-body">
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
</div>
</div>
<div class="card" style="width: 18rem;">
<img src="..." class="card-img-top" alt="...">
<div class="card-body">
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
</div>
</div>
</div>
</section>
<footer class="">
Expand Down
9 changes: 6 additions & 3 deletions style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -30,14 +30,17 @@ header {
}

.environment {
background-color: black;
min-height: 300px;
color: white;
display: flex;
justify-content: space-around;
text-align: center;
}

.employees {
background-color: white;
min-height: 300px;
display: flex;
justify-content: space-around;
text-align: center;
}

footer {
Expand Down

0 comments on commit 10c21c1

Please sign in to comment.