Grid section progress

This commit is contained in:
Thomas Smith 2022-09-14 22:25:24 -04:00
parent 5b6752ad2f
commit 221b6f5618
2 changed files with 64 additions and 53 deletions

View file

@ -86,69 +86,76 @@
</div> </div>
<hr> <hr>
<div class="container package-grid"> <div class="container package-grid">
<div class="vl">
<style>
.vl {
border-left: 2px solid #949494;
border-right: 2px solid #949494;
height: 100%;
}
</style>
<!-- Start Package Grid --> <!-- Start Package Grid -->
<div class="packages-container"> <div class="row mb-4 gx-4">
<div class="row mb-4 gx-4"> <div class="col-lg-3 col-md-4 col-sm-12 col-12">
<div class="col-lg-3 col-md-4 col-sm-12 col-12"> {{- partial "package-thumbnail.html" . -}}
{{- partial "package-thumbnail.html" . -}}
</div>
<div class="col-lg-3 col-md-4 col-sm-12 col-12">
{{- partial "package-thumbnail.html" . -}}
</div>
<div class="col-lg-3 col-md-4 col-sm-12 col-12">
{{- partial "package-thumbnail.html" . -}}
</div>
<div class="col-lg-3 col-md-4 col-sm-12 col-12">
{{- partial "package-thumbnail.html" . -}}
</div>
</div> </div>
<div class="col-lg-3 col-md-4 col-sm-12 col-12">
{{- partial "package-thumbnail.html" . -}}
</div>
<div class="col-lg-3 col-md-4 col-sm-12 col-12">
{{- partial "package-thumbnail.html" . -}}
</div>
<div class="col-lg-3 col-md-4 col-sm-12 col-12">
{{- partial "package-thumbnail.html" . -}}
</div>
</div>
<div class="row mb-4 gx-4"> <div class="row mb-4 gx-4">
<div class="col-lg-3 col-md-4 col-sm-12 col-12"> <div class="col-lg-3 col-md-4 col-sm-12 col-12">
{{- partial "package-thumbnail.html" . -}} {{- partial "package-thumbnail.html" . -}}
</div>
<div class="col-lg-3 col-md-4 col-sm-12 col-12">
{{- partial "package-thumbnail.html" . -}}
</div>
<div class="col-lg-3 col-md-4 col-sm-12 col-12">
{{- partial "package-thumbnail.html" . -}}
</div>
<div class="col-lg-3 col-md-4 col-sm-12 col-12">
{{- partial "package-thumbnail.html" . -}}
</div>
</div> </div>
<div class="col-lg-3 col-md-4 col-sm-12 col-12">
{{- partial "package-thumbnail.html" . -}}
</div>
<div class="col-lg-3 col-md-4 col-sm-12 col-12">
{{- partial "package-thumbnail.html" . -}}
</div>
<div class="col-lg-3 col-md-4 col-sm-12 col-12">
{{- partial "package-thumbnail.html" . -}}
</div>
</div>
<div class="row mb-4 gx-4"> <div class="row mb-4 gx-4">
<div class="col-lg-3 col-md-4 col-sm-12 col-12"> <div class="col-lg-3 col-md-4 col-sm-12 col-12">
{{- partial "package-thumbnail.html" . -}} {{- partial "package-thumbnail.html" . -}}
</div>
<div class="col-lg-3 col-md-4 col-sm-12 col-12">
{{- partial "package-thumbnail.html" . -}}
</div>
<div class="col-lg-3 col-md-4 col-sm-12 col-12">
{{- partial "package-thumbnail.html" . -}}
</div>
<div class="col-lg-3 col-md-4 col-sm-12 col-12">
{{- partial "package-thumbnail.html" . -}}
</div>
</div> </div>
<div class="col-lg-3 col-md-4 col-sm-12 col-12">
{{- partial "package-thumbnail.html" . -}}
</div>
<div class="col-lg-3 col-md-4 col-sm-12 col-12">
{{- partial "package-thumbnail.html" . -}}
</div>
<div class="col-lg-3 col-md-4 col-sm-12 col-12">
{{- partial "package-thumbnail.html" . -}}
</div>
</div>
<div class="row mb-4 gx-4"> <div class="row mb-4 gx-4">
<div class="col-lg-3 col-md-4 col-sm-12 col-12"> <div class="col-lg-3 col-md-4 col-sm-12 col-12">
{{- partial "package-thumbnail.html" . -}} {{- partial "package-thumbnail.html" . -}}
</div>
<div class="col-lg-3 col-md-4 col-sm-12 col-12">
{{- partial "package-thumbnail.html" . -}}
</div>
<div class="col-lg-3 col-md-4 col-sm-12 col-12">
{{- partial "package-thumbnail.html" . -}}
</div>
<div class="col-lg-3 col-md-4 col-sm-12 col-12">
{{- partial "package-thumbnail.html" . -}}
</div>
</div> </div>
<div class="col-lg-3 col-md-4 col-sm-12 col-12">
{{- partial "package-thumbnail.html" . -}}
</div>
<div class="col-lg-3 col-md-4 col-sm-12 col-12">
{{- partial "package-thumbnail.html" . -}}
</div>
<div class="col-lg-3 col-md-4 col-sm-12 col-12">
{{- partial "package-thumbnail.html" . -}}
</div>
</div>
</div> </div>
</div> </div>
</section> </section>

View file

@ -282,6 +282,10 @@ hr{
float:right; float:right;
} }
.package-grid{
padding-top: 0px !important;
}
/* Footer Styling */ /* Footer Styling */
.footer-email{ .footer-email{