<div class="gallery">
<div class="gallery_header">
<div class="fs-row">
<div class="fs-cell">
<div class="gallery_header_inner">
<h2 class="gallery_title">Making A Difference</h2>
<div class="gallery_description">
<p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.</p>
</div>
</div>
</div>
</div>
</div>
<div class="gallery_body">
<div class="fs-row">
<div class="fs-cell">
<div class="gallery_body_inner">
<div class="gallery_items">
<div class="gallery_row grid_layout_100">
<div class="gallery_item">
<figure class="gallery_item_figure">
<span class="gallery_item_media gallery_item_size_wide">
<span class="lazy_image_wrapper gallery_item_image_wrapper">
<img class="js-lazy js-lazyload gallery_item_image" data-sizes="auto" src="//images.fastspot.com/johns-hopkins-india-institute/300x169/1" data-src="//images.fastspot.com/johns-hopkins-india-institute/1440x810/1" data-srcset="//images.fastspot.com/johns-hopkins-india-institute/1440x810/1 1440w, //images.fastspot.com/johns-hopkins-india-institute/1220x686/1 1220w, //images.fastspot.com/johns-hopkins-india-institute/980x552/1 980w, //images.fastspot.com/johns-hopkins-india-institute/740x416/1 740w, //images.fastspot.com/johns-hopkins-india-institute/500x282/1 500w, //images.fastspot.com/johns-hopkins-india-institute/300x169/1 300w" alt="">
</span>
<noscript>
<img class="gallery_item_image" src="https://images.fastspot.com/johns-hopkins-india-institute/300x169/1" srcset="https://images.fastspot.com/johns-hopkins-india-institute/300x169/1 300w, https://images.fastspot.com/johns-hopkins-india-institute/500x282/1 500w, https://images.fastspot.com/johns-hopkins-india-institute/740x416/1 740w, https://images.fastspot.com/johns-hopkins-india-institute/980x552/1 980w, https://images.fastspot.com/johns-hopkins-india-institute/1220x686/1 1220w, https://images.fastspot.com/johns-hopkins-india-institute/1440x810/1 1440w" sizes="100vw" alt="">
</noscript>
</span>
<figcaption class="gallery_item_caption">
<p>Mr. AK Srikrishnan, Chief Operating Officer, YRGCARE, Rtn. Srinivasa Rao, President, Rotary Club Madras East, and Dr. Aravind Selvaraj, Co-Founder and Executive Director of Kauvery Hospitals Chennai</p>
</figcaption>
</figure>
</div>
</div>
<div class="gallery_row grid_layout_70_30">
<div class="gallery_item">
<figure class="gallery_item_figure">
<span class="gallery_item_media gallery_item_size_wide">
<span class="lazy_image_wrapper gallery_item_image_wrapper">
<img class="js-lazy js-lazyload gallery_item_image" data-sizes="auto" src="//images.fastspot.com/johns-hopkins-india-institute/300x169/2" data-src="//images.fastspot.com/johns-hopkins-india-institute/1440x810/2" data-srcset="//images.fastspot.com/johns-hopkins-india-institute/1440x810/2 1440w, //images.fastspot.com/johns-hopkins-india-institute/1220x686/2 1220w, //images.fastspot.com/johns-hopkins-india-institute/980x552/2 980w, //images.fastspot.com/johns-hopkins-india-institute/740x416/2 740w, //images.fastspot.com/johns-hopkins-india-institute/500x282/2 500w, //images.fastspot.com/johns-hopkins-india-institute/300x169/2 300w" alt="">
</span>
<noscript>
<img class="gallery_item_image" src="https://images.fastspot.com/johns-hopkins-india-institute/300x169/2" srcset="https://images.fastspot.com/johns-hopkins-india-institute/300x169/2 300w, https://images.fastspot.com/johns-hopkins-india-institute/500x282/2 500w, https://images.fastspot.com/johns-hopkins-india-institute/740x416/2 740w, https://images.fastspot.com/johns-hopkins-india-institute/980x552/2 980w, https://images.fastspot.com/johns-hopkins-india-institute/1220x686/2 1220w, https://images.fastspot.com/johns-hopkins-india-institute/1440x810/2 1440w" sizes="100vw" alt="">
</noscript>
</span>
<figcaption class="gallery_item_caption">
<p>caption</p>
</figcaption>
</figure>
</div>
<div class="gallery_item">
<figure class="gallery_item_figure">
<span class="gallery_item_media gallery_item_size_portrait">
<span class="lazy_image_wrapper gallery_item_image_wrapper">
<img class="js-lazy js-lazyload gallery_item_image" data-sizes="auto" src="//images.fastspot.com/johns-hopkins-india-institute/225x300/3" data-src="//images.fastspot.com/johns-hopkins-india-institute/735x980/3" data-srcset="//images.fastspot.com/johns-hopkins-india-institute/735x980/3 735w, //images.fastspot.com/johns-hopkins-india-institute/555x740/3 555w, //images.fastspot.com/johns-hopkins-india-institute/375x500/3 375w, //images.fastspot.com/johns-hopkins-india-institute/225x300/3 225w" alt="">
</span>
<noscript>
<img class="gallery_item_image" src="https://images.fastspot.com/johns-hopkins-india-institute/225x300/3" srcset="https://images.fastspot.com/johns-hopkins-india-institute/225x300/3 225w, https://images.fastspot.com/johns-hopkins-india-institute/375x500/3 375w, https://images.fastspot.com/johns-hopkins-india-institute/555x740/3 555w, https://images.fastspot.com/johns-hopkins-india-institute/735x980/3 735w" sizes="100vw" alt="">
</noscript>
</span>
<figcaption class="gallery_item_caption">
<p>caption</p>
</figcaption>
</figure>
</div>
</div>
<div class="gallery_row grid_layout_50_50">
<div class="gallery_item">
<figure class="gallery_item_figure">
<span class="gallery_item_media gallery_item_size_wide">
<span class="lazy_image_wrapper gallery_item_image_wrapper">
<img class="js-lazy js-lazyload gallery_item_image" data-sizes="auto" src="//images.fastspot.com/johns-hopkins-india-institute/300x169/4" data-src="//images.fastspot.com/johns-hopkins-india-institute/980x552/4" data-srcset="//images.fastspot.com/johns-hopkins-india-institute/980x552/4 980w, //images.fastspot.com/johns-hopkins-india-institute/740x416/4 740w, //images.fastspot.com/johns-hopkins-india-institute/500x282/4 500w, //images.fastspot.com/johns-hopkins-india-institute/300x169/4 300w" alt="">
</span>
<noscript>
<img class="gallery_item_image" src="https://images.fastspot.com/johns-hopkins-india-institute/300x169/4" srcset="https://images.fastspot.com/johns-hopkins-india-institute/300x169/4 300w, https://images.fastspot.com/johns-hopkins-india-institute/500x282/4 500w, https://images.fastspot.com/johns-hopkins-india-institute/740x416/4 740w, https://images.fastspot.com/johns-hopkins-india-institute/980x552/4 980w" sizes="100vw" alt="">
</noscript>
</span>
<figcaption class="gallery_item_caption">
<p>caption</p>
</figcaption>
</figure>
</div>
<div class="gallery_item">
<figure class="gallery_item_figure">
<span class="gallery_item_media gallery_item_size_wide">
<span class="lazy_image_wrapper gallery_item_image_wrapper">
<img class="js-lazy js-lazyload gallery_item_image" data-sizes="auto" src="//images.fastspot.com/johns-hopkins-india-institute/300x169/5" data-src="//images.fastspot.com/johns-hopkins-india-institute/980x552/5" data-srcset="//images.fastspot.com/johns-hopkins-india-institute/980x552/5 980w, //images.fastspot.com/johns-hopkins-india-institute/740x416/5 740w, //images.fastspot.com/johns-hopkins-india-institute/500x282/5 500w, //images.fastspot.com/johns-hopkins-india-institute/300x169/5 300w" alt="">
</span>
<noscript>
<img class="gallery_item_image" src="https://images.fastspot.com/johns-hopkins-india-institute/300x169/5" srcset="https://images.fastspot.com/johns-hopkins-india-institute/300x169/5 300w, https://images.fastspot.com/johns-hopkins-india-institute/500x282/5 500w, https://images.fastspot.com/johns-hopkins-india-institute/740x416/5 740w, https://images.fastspot.com/johns-hopkins-india-institute/980x552/5 980w" sizes="100vw" alt="">
</noscript>
</span>
<figcaption class="gallery_item_caption">
<p>caption</p>
</figcaption>
</figure>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{%
set layout_sizes = {
"70_30": [
"wide",
"portrait"
],
"30_70": [
"portrait",
"wide"
],
"50_50": [
"wide",
"wide"
],
"100": [
"wide"
]
}
%}
<div class="gallery">
{% if title or description %}
<div class="gallery_header">
<div class="fs-row">
<div class="fs-cell">
<div class="gallery_header_inner">
{% if title %}
<h2 class="gallery_title">{{ title }}</h2>
{% endif %}
{% if description %}
<div class="gallery_description">
<p>{{ description }}</p>
</div>
{% endif %}
</div>
</div>
</div>
</div>
{% endif %}
<div class="gallery_body">
<div class="fs-row">
<div class="fs-cell">
<div class="gallery_body_inner">
<div class="gallery_items">
{% for row in rows %}
<div class="gallery_row grid_layout_{{ row.layout }}">
{% for item in row.items %}
{% set img_size = attribute(layout_sizes, row.layout)[ loop.index0 ] %}
<div class="gallery_item">
<figure class="gallery_item_figure">
<span class="gallery_item_media gallery_item_size_{{ img_size }}">
{% if img_size == "wide" %}
{% if row.layout == "50_50" %}
{% include '@partial-image' with {
class: 'gallery_item',
alt: '',
image: item.image,
loading: 'lazy',
sources: [
img.wide.med,
img.wide.sml,
img.wide.xsml,
img.wide.xxsml
]
} %}
{% else %}
{% include '@partial-image' with {
class: 'gallery_item',
alt: '',
image: item.image,
loading: 'lazy',
sources: [
img.wide.xlrg,
img.wide.lrg,
img.wide.med,
img.wide.sml,
img.wide.xsml,
img.wide.xxsml
]
} %}
{% endif %}
{% else %}
{% include '@partial-image' with {
class: 'gallery_item',
alt: '',
image: item.image,
loading: 'lazy',
sources: [
img.portraitFull.med,
img.portraitFull.sml,
img.portraitFull.xsml,
img.portraitFull.xxsml
]
} %}
{% endif %}
{% if item.video.service == 'youtube' %}
<iframe class="gallery_item_iframe" width="560" height="315" src="https://www.youtube.com/embed/{{ item.video.id }}" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"{% if item.video.title %} title="{{ item.video.title }}"{% endif %} allowfullscreen></iframe>
{% elseif item.video.service == 'vimeo' %}
<iframe class="gallery_item_iframe" src="https://player.vimeo.com/video/{{ item.video.id }}?color=ffffff&title=0&byline=0&portrait=0" frameborder="0" allow="autoplay; fullscreen"{% if item.video.title %} title="{{ item.video.title }}"{% endif %} allowfullscreen></iframe>
<script src="https://player.vimeo.com/api/player.js"></script>
{% endif %}
</span>
{% if item.caption %}
<figcaption class="gallery_item_caption">
<p>{{ item.caption }}</p>
</figcaption>
{% endif %}
</figure>
</div>
{% endfor %}
</div>
{% endfor %}
</div>
</div>
</div>
</div>
</div>
</div>
No notes defined.