Skip to content
This repository has been archived by the owner on Aug 30, 2024. It is now read-only.

Prevent caption scrolling on Services section of main page #32

Open
wants to merge 2 commits into
base: master
Choose a base branch
from
Open

Prevent caption scrolling on Services section of main page #32

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
d13c84f
Fixing issue where caption of services pictures on main page was scro…
CathyC93 May 16, 2020
e6a8594
Updated line height of Services to be slightly larger to accomodate s…
CathyC93 May 17, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
62 changes: 31 additions & 31 deletions _includes/information.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -29,26 +29,26 @@ <h2 class="subtitle subtitle__spacing-medium subtitle__spacing-medium">
<h1 class="title title__spacing-small">Services</h1>
<h2 class="subtitle subtitle__spacing-small">How can Ocelot help transform your business?</h2>
{% for group in page.serviceGroups %}
<div class="columns">
{% for service in group.services %}
<div class="column is-4 {{ service.customClass }}">
<div class="card">
<div class="card-image">
<figure class="image is-5by3" style="margin: 0;">
<img src="{{ service.image }}" class="is-16by9" alt="{{ service.title }}">
</figure>
</div>
<div class="card-content">
<div class="media">
<div class="media-content">
<p class="title is-4">{{ service.title }}</p>
</div>
</div>
<div class="columns">
{% for service in group.services %}
<div class="column is-4 {{ service.customClass }}">
<div class="card">
<div class="card-image">
<figure class="image is-5by3" style="margin: 0;">
<img src="{{ service.image }}" class="is-16by9" alt="{{ service.title }}">
</figure>
</div>
<div class="card-content">
<div class="media">
<div class="media-content">
<p class="title is-4" style="overflow: hidden; line-height: 1.25;">{{ service.title }}</p>
</div>
</div>
</div>
{% endfor %}
</div>
</div>
{% endfor %}
</div>
{% endfor %}
<br />
<a href="/services" class="button is-primary is-outlined">Explore Our Services</a>
Expand Down Expand Up @@ -97,28 +97,28 @@ <h1 class="title">
</h1>
<h2 class="subtitle subtitle__spacing-small"> Industries that we've empowered so far </h2>
{% for industries in page.industryGroups %}
<div class="columns padding-bottom">
{% for industry in industries.industries %}
<div class="column is-6 {{ industry.customClass }}">
<div class="columns is-vcentered">
<div class="column is-4">
<div>
<a href="{{ industry.caseStudy }}"><i class="fas {{ industry.icon }} fa-3x is-primary"></i></a>
</div>
</div>
<div class="column is-8" style="text-align: left;">
<div class="icon-title icon-title--padding-bottom">{{ industry.title }}</div>
<div>{{ industry.description }}</div>
</div>
<div class="columns padding-bottom">
{% for industry in industries.industries %}
<div class="column is-6 {{ industry.customClass }}">
<div class="columns is-vcentered">
<div class="column is-4">
<div>
<a href="{{ industry.caseStudy }}"><i class="fas {{ industry.icon }} fa-3x is-primary"></i></a>
</div>
</div>
{% endfor %}
<div class="column is-8" style="text-align: left;">
<div class="icon-title icon-title--padding-bottom">{{ industry.title }}</div>
<div>{{ industry.description }}</div>
</div>
</div>
</div>
{% endfor %}
</div>
{% endfor %}
<br />
<a href="/industries/" class="button is-primary is-outlined">Learn more about the industries we serve </a>
</div>
</div>
</section>
</div>
</section>
</section>