Skip to content

Commit

Permalink
Structure finished.
Browse files Browse the repository at this point in the history
  • Loading branch information
@jackjcoop
jackjcoop committed Jan 25, 2024
1 parent 4ee01e3 commit eee0c21
Showing 1 changed file with 18 additions and 32 deletions.
50 changes: 18 additions & 32 deletions portfolio.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -45,22 +45,22 @@
</nav>
</header>



<div class="d-md-flex flex-md-equal w-100 my-md-3 pl-md-3">
<div class="bg-dark mr-md-3 pt-3 px-3 pt-md-5 px-md-5 text-center text-white overflow-hidden">
<div class="my-3 py-3">
<h2 class="display-5">Another headline</h2>
<p class="lead">And an even wittier subheading.</p>
<p class="lead">And an even wittier subheading.And an even wittier subheading.And an even wittier subheading.And an even wittier subheading.And an ev</p>
</div>
<div class="bg-light box-shadow mx-auto" style="width: 80%; height: 300px; border-radius: 21px 21px 0 0;"></div>
<p class="lead">And an even wittier subheading.</p>
<p><a class="btn btn-light btn-lg" href="#" role="button">Learn more &raquo;</a></p>
</div>
<div class="bg-light mr-md-3 pt-3 px-3 pt-md-5 px-md-5 text-center overflow-hidden">
<div class="my-3 p-3">
<h2 class="display-5">Another headline</h2>
<p class="lead">And an even wittier subheading.</p>
<p class="lead">And an even wittier subheading.And an even wittier subheading.And an even wittier subheading.And an even wittier subheading.And an even wittier subheading.And an even wittier subheading.</p>
</div>
<div class="bg-dark box-shadow mx-auto" style="width: 80%; height: 300px; border-radius: 21px 21px 0 0;"></div>
<p class="lead">And an even wittier subheading.</p>
<p><a class="btn btn-dark btn-lg" href="#" role="button">Learn more &raquo;</a></p>
</div>
</div>

Expand All @@ -70,52 +70,38 @@ <h2 class="display-5">Another headline</h2>
<h2 class="display-5">Another headline</h2>
<p class="lead">And an even wittier subheading.</p>
</div>
<div class="bg-dark box-shadow mx-auto" style="width: 80%; height: 300px; border-radius: 21px 21px 0 0;"></div>
<p class="lead">And an even wittier subheading.</p>
<p><a class="btn btn-dark btn-lg" href="#" role="button">Learn more &raquo;</a></p>
</div>
<div class="bg-primary mr-md-3 pt-3 px-3 pt-md-5 px-md-5 text-center text-white overflow-hidden">
<div class="bg-dark mr-md-3 pt-3 px-3 pt-md-5 px-md-5 text-center text-white overflow-hidden">
<div class="my-3 py-3">
<h2 class="display-5">Another headline</h2>
<p class="lead">And an even wittier subheading.</p>
</div>
<div class="bg-light box-shadow mx-auto" style="width: 80%; height: 300px; border-radius: 21px 21px 0 0;"></div>
<p class="lead">And an even wittier subheading.</p>
<p><a class="btn btn-light btn-lg" href="#" role="button">Learn more &raquo;</a></p>
</div>
</div>

<div class="d-md-flex flex-md-equal w-100 my-md-3 pl-md-3">
<div class="bg-light mr-md-3 pt-3 px-3 pt-md-5 px-md-5 text-center overflow-hidden">
<div class="my-3 p-3">
<h2 class="display-5">Another headline</h2>
<p class="lead">And an even wittier subheading.</p>
</div>
<div class="bg-white box-shadow mx-auto" style="width: 80%; height: 300px; border-radius: 21px 21px 0 0;"></div>
</div>
<div class="bg-light mr-md-3 pt-3 px-3 pt-md-5 px-md-5 text-center overflow-hidden">
<div class="bg-dark mr-md-3 pt-3 px-3 pt-md-5 px-md-5 text-center text-white overflow-hidden">
<div class="my-3 py-3">
<h2 class="display-5">Another headline</h2>
<p class="lead">And an even wittier subheading.</p>
<p class="lead">And an even wittier subheading.And an even wittier subheading.And an even wittier subheading.And an even wittier subheading.And an ev</p>
</div>
<div class="bg-white box-shadow mx-auto" style="width: 80%; height: 300px; border-radius: 21px 21px 0 0;"></div>
<p class="lead">And an even wittier subheading.</p>
<p><a class="btn btn-light btn-lg" href="#" role="button">Learn more &raquo;</a></p>
</div>
</div>

<div class="d-md-flex flex-md-equal w-100 my-md-3 pl-md-3">
<div class="bg-light mr-md-3 pt-3 px-3 pt-md-5 px-md-5 text-center overflow-hidden">
<div class="my-3 p-3">
<h2 class="display-5">Another headline</h2>
<p class="lead">And an even wittier subheading.</p>
</div>
<div class="bg-white box-shadow mx-auto" style="width: 80%; height: 300px; border-radius: 21px 21px 0 0;"></div>
</div>
<div class="bg-light mr-md-3 pt-3 px-3 pt-md-5 px-md-5 text-center overflow-hidden">
<div class="my-3 py-3">
<h2 class="display-5">Another headline</h2>
<p class="lead">And an even wittier subheading.</p>
<p class="lead">And an even wittier subheading.And an even wittier subheading.And an even wittier subheading.And an even wittier subheading.And an even wittier subheading.And an even wittier subheading.</p>
</div>
<div class="bg-white box-shadow mx-auto" style="width: 80%; height: 300px; border-radius: 21px 21px 0 0;"></div>
<p class="lead">And an even wittier subheading.</p>
<p><a class="btn btn-dark btn-lg" href="#" role="button">Learn more &raquo;</a></p>
</div>
</div>


<!-- FOOTER -->
<footer class="container">
<p class="float-right"><a href="#">Back to top</a></p>
Expand Down

0 comments on commit eee0c21

Please sign in to comment.