Skip to content

Commit

Permalink
Browse files Browse the repository at this point in the history
Add testimonial cards
  • Loading branch information
ImsirovicAjdin committed Oct 12, 2019
1 parent 2fdac26 commit a62b1a3
Showing 1 changed file with 36 additions and 4 deletions.
40 changes: 36 additions & 4 deletions index.html
Expand Up @@ -36,7 +36,7 @@

<body>

<div class="container-fluid" style="height:50vh">
<div class="container-fluid" style="height:100vh">
<nav class="bg-primaryX text-lightX navbar navbar-expand-xl navbar-dark navbar-togglable fixed-top">

<div class="container">
Expand Down Expand Up @@ -84,7 +84,7 @@
top: 0;
left: 0;
right: 0;
bottom:10%;
bottom: 0;
background-repeat: no-repeat;
background-position: 50%;
background-size: cover;"></div>
Expand Down Expand Up @@ -193,8 +193,40 @@ <h1 class="h3 mb-3">Book homes, hotels, and more on Airbnb</h1>
</div>
</div>

<div class="container-fluid container bg-secondary display-1">
2nd section
<div class="container-fluid container py-3 mt-4">
<h2 class="h3">What guests are saying about homes in the United States</h2>
<div class="row mt-4">
<div class="col-md-3">
<div class="card mb-3">
<img src="https://images.unsplash.com/photo-1533654793924-4fc4949fb71e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1351&q=80" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Card title</h5>
<p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
<p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p>
</div>
</div>
</div>
<div class="col-md-3">
<div class="card mb-3">
<img src="https://images.unsplash.com/photo-1520908695049-da13395b27a6?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1225&q=80" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Card title</h5>
<p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
<p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p>
</div>
</div>
</div>
<div class="col-md-3">
<div class="card mb-3">
<img src="https://images.unsplash.com/photo-1501785888041-af3ef285b470?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1350&q=80" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Card title</h5>
<p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
<p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p>
</div>
</div>
</div>
</div>
</div>
<div class="container-fluid container bg-success display-1">
3rd section
Expand Down

0 comments on commit a62b1a3

Please sign in to comment.