JHU SOE Component Library

Request

300 × 150 
<!-- Request -->
<div class="request_wrapper component_theme_gray_light">
    <div class="request_block" id="request-target">
        <div class="request_frame">
            <div class="fs-row">
                <div class="fs-cell">
                    <div class="request_inner">
                        <div class="request_header">
                            <h2 class="request_title">Questions? Please reach out and we'll be in touch. </h2>
                        </div>
                        <div class="request_body">
                            <div class="request_form">
                                <div id="form_c53cf8a9-5fe3-4632-a955-a3a2f16ae131">Loading...</div>
                                <script>
                                    /*<![CDATA[*/
                                    var script = document.createElement('script');
                                    script.async = 1;
                                    script.src = 'https://applygrad.jhu.edu/register/?id=c53cf8a9-5fe3-4632-a955-a3a2f16ae131&output=embed&div=form_c53cf8a9-5fe3-4632-a955-a3a2f16ae131' + ((location.search.length > 1) ? '&' + location.search.substring(1) : '');
                                    var s = document.getElementsByTagName('script')[0];
                                    s.parentNode.insertBefore(script, s); /*]]>*/
                                </script>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- END: Request -->
 
{#
	{% include '@component-request' with {
		title: 'title',
		image: '',
		background_image: ''
	} %}
#}

<!-- Request -->
<div class="request_wrapper component_theme_{{ theme ?: 'white' }}{% if background_image %} has_background{% endif %}">
	<div class="request_block" id="request-target">
		{% if background_image %} 
			<figure class="request_background_figure">
				{% include '@partial-image' with {
					class: 'request_background',
					alt: alt,
					image: background_image,
					loading: 'eager',
					sources: [
						img.full.xlrg,
						img.full.lrg,
						img.full.med,
						img.full.sml,
						img.full.xsml,
						img.full.xxsml
					],
					sizes: [
						'(min-width: 980px) 100vw',
						'0'
					]
				} %}
			</figure>
		{% endif %}
		<div class="request_frame">
			<div class="fs-row">
				<div class="fs-cell">
					<div class="request_inner">
						{% if title %}
							<div class="request_header">
								<h2 class="request_title">{{ title }}</h2>
							</div>
						{% endif %}
						<div class="request_body">
							<div class="request_form">
								<div id="form_c53cf8a9-5fe3-4632-a955-a3a2f16ae131">Loading...</div><script>/*<![CDATA[*/var script = document.createElement('script'); script.async = 1; script.src = 'https://applygrad.jhu.edu/register/?id=c53cf8a9-5fe3-4632-a955-a3a2f16ae131&output=embed&div=form_c53cf8a9-5fe3-4632-a955-a3a2f16ae131' + ((location.search.length > 1) ? '&' + location.search.substring(1) : ''); var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(script, s);/*]]>*/</script>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- END: Request -->

No notes defined.