Updated Features Section
- used cards - updated browser color
This commit is contained in:
1 parent
d91ee871a2
commit
59c74cad5e
6 files changed
+99
-202
No files matched your search
+17
-18
@@ -1,25 +1,24 @@
|
||||
<!-- About Section -->
|
||||
<section id="{{ page.section-type }}">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<h1 class="title">{{ page.title }}</h1>
|
||||
<h2 class="subtitle">{{ page.subtitle }}</h2>
|
||||
|
||||
{% for feature in site.data.features %}
|
||||
<div class="col-md-3 col-sm-6">
|
||||
<div class="feature">
|
||||
<img src="{{site.baseurl}}/img/features/{{ feature.image }}" class="img-responsive" alt="">
|
||||
<div class="caption">
|
||||
<div class="blur"></div>
|
||||
<div class="caption-text">
|
||||
<h4>{{ feature.title }}</h4>
|
||||
<p>{{ feature.description }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<h1 class="title">{{ page.title }}</h1>
|
||||
<h2 class="subtitle">{{ page.subtitle }}</h2> {% for feature in site.data.features %}
|
||||
<div class="col-md-3 flex-box-col">
|
||||
<div class="card hover-card dark-text">
|
||||
<img src="{{site.baseurl}}/img/features/{{ feature.image }}" class="img-responsive" alt="">
|
||||
<div class="hover-overlay blue-bg">
|
||||
<div class="overlay-background">
|
||||
<div class="overlay-content">
|
||||
<h4>{{ feature.title }}</h4>
|
||||
<p>{{ feature.description }}</p>
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- About Section End -->
|
||||
Reference in new issue
Block a user