Skip to content

Instantly share code, notes, and snippets.

@matt-fellows

matt-fellows/template.html

Last active January 15, 2019 19:21
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save matt-fellows/57c9335da86b94d141b7585d95ff93ba to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save matt-fellows/57c9335da86b94d141b7585d95ff93ba to your computer and use it in GitHub Desktop.
Download ZIP
Raw
template.html
<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta class="mktoString" mktoName="Title" id="title" default="CHANGE ME">
<meta class="mktoString" mktoName="Banner Large" id="large" default="https://via.placeholder.com/1400x530/3f3f3f">
<meta class="mktoString" mktoName="Banner Small" id="small" default="https://via.placeholder.com/992x459/3f3f3f">
<meta class="mktoString" mktoName="Large ALT" id="large-alt" default="ALT TEXT">
<meta class="mktoString" mktoName="Small ALT" id="small-alt" default="ALT TEXT">
<meta class="mktoBoolean" mktoName="Banner Mode" id="fluid" default="false" true_value="container" false_value="container-fluid p-0" false_value_name="FLUID" true_value_name="CONTAINER">
<meta class="mktoColor" mktoName="CTA Color" id="cta-color" default="#009fda">
<meta class="mktoColor" mktoName="CTA Label Color" id="cta-label-color" default="#FFFFFF">
<meta class="mktoColor" mktoName="CTA Border Color" id="cta-border-color" default="#009fda">
<meta class="mktoColor" mktoName="CTA Label Hover Color" id="cta-label-color-hover" default="#FFFFFF">
<meta class="mktoBoolean" mktoName="Show Banner" id="show-header" default="true" true_value="" false_value="none !important;">
<meta class="mktoBoolean" mktoName="Show Logo" id="show-navbar-brand" default="true" true_value="" false_value="none !important;">
<meta class="mktoBoolean" mktoName="Show Nav" id="show-nav" default="true" true_value="" false_value="none !important;">
<meta class="mktoString" allowHTML="true" id="menu-nav" mktoName="Menu HTML" default="&lt;div class=&quot;collapse navbar-collapse mktoTex&quot; id=&quot;navbarsExampleDefault&quot;&gt; &lt;ul class=&quot;navbar-nav ml-auto&quot;&gt; &lt;li class=&quot;nav-item dropdown&quot;&gt; &lt;a class=&quot;nav-link dropdown-toggle&quot; href=&quot;#&quot; id=&quot;navbarDropdown&quot; role=&quot;button&quot; data-toggle=&quot;dropdown&quot; aria-haspopup=&quot;true&quot; aria-expanded=&quot;false&quot;&gt; Dropdown Menu &lt;/a&gt; &lt;div class=&quot;dropdown-menu&quot; aria-labelledby=&quot;navbarDropdown&quot;&gt; &lt;a class=&quot;dropdown-item&quot; href=&quot;#&quot;&gt;Link&lt;/a&gt; &lt;a class=&quot;dropdown-item&quot; href=&quot;#&quot;&gt;Link&lt;/a&gt; &lt;div class=&quot;dropdown-divider&quot;&gt;&lt;/div&gt; &lt;a class=&quot;dropdown-item&quot; href=&quot;#&quot;&gt;More Links&lt;/a&gt; &lt;/div&gt; &lt;/li&gt; &lt;li class=&quot;nav-item&quot;&gt;&lt;a class=&quot;nav-link&quot; href=&quot;#&quot;&gt;Link 2&lt;/a&gt;&lt;/li&gt; &lt;li class=&quot;nav-item&quot;&gt;&lt;a class=&quot;nav-link&quot; href=&quot;#&quot;&gt;Link 3&lt;/a&gt;&lt;/li&gt; &lt;li class=&quot;nav-item&quot;&gt;&lt;a class=&quot;nav-link&quot; href=&quot;#&quot;&gt;Link 4&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt;">
<meta class="mktoBoolean" mktoName="Show Full Headline" id="show-full-width-headline" default="true" true_value="" false_value="none !important;">
<meta class="mktoBoolean" mktoName="Show Full Form" id="show-full-width-form" default="true" true_value="" false_value="none !important;">
<meta class="mktoColor" mktoName="Full Form CTA Color" id="full-form-cta-color" default="#009fda">
<meta class="mktoColor" mktoName="Full Form CTA Label Color" id="full-form-cta-label-color" default="#FFFFFF">
<meta class="mktoColor" mktoName="Full Form CTA Border Color" id="full-form-cta-border-color" default="#FFFFFF">
<meta class="mktoBoolean" mktoName="Show Sixty/Forty" id="show-sixty-forty-text-form" default="true" true_value="" false_value="none !important;">
<meta class="mktoColor" mktoName="Sixty/Forty CTA Color" id="sixty-forty-cta-color" default="#009fda">
<meta class="mktoColor" mktoName="Sixty/Forty CTA Label Color" id="sixty-forty-cta-label-color" default="#FFFFFF">
<meta class="mktoColor" mktoName="Sixty/Forty CTA Border Color" id="sixty-forty-cta-border-color" default="#FFFFFF">
<meta class="mktoBoolean" mktoName="Show Seventy/Thirty" id="show-seventy-thirty-image" default="true" true_value="" false_value="none !important;">
<meta class="mktoString" mktoName="Seventy Thirty ALT" id="seventy-thirty-image-alt" default="ALT TEXT">
<meta class="mktoBoolean" mktoName="Show Gathering 1" id="show-gathering-oneup" default="true" true_value="" false_value="none !important;">
<meta class="mktoString" mktoName="Gather 1 ALT" id="gathering-one-image-alt" default="ALT TEXT">
<meta class="mktoBoolean" mktoName="Show Gathering 2" id="show-gathering-twoup" default="true" true_value="" false_value="none !important;">
<meta class="mktoString" mktoName="Gather 2 Img 1 ALT" id="gathering-two-image-alt-1" default="ALT TEXT">
<meta class="mktoString" mktoName="Gather 2 Img 2 ALT" id="gathering-two-image-alt-2" default="ALT TEXT">
<meta class="mktoBoolean" mktoName="Show Gathering 1/3" id="show-gathering-three-up" default="true" true_value="" false_value="none !important;">
<meta class="mktoBoolean" mktoName="Show Gathering 2/3" id="show-gathering-three-up-2" default="true" true_value="" false_value="none !important;">
<meta class="mktoBoolean" mktoName="Show Gathering 3/3" id="show-gathering-three-up-3" default="true" true_value="" false_value="none !important;">
<meta class="mktoString" mktoName="Gather 1/3 Img 1 ALT" id="gathering-three-up-1-image-alt-1" default="ALT TEXT">
<meta class="mktoString" mktoName="Gather 1/3 Img 2 ALT" id="gathering-three-up-1-image-alt-2" default="ALT TEXT">
<meta class="mktoString" mktoName="Gather 1/3 Img 3 ALT" id="gathering-three-up-1-image-alt-3" default="ALT TEXT">
<meta class="mktoString" mktoName="Gather 2/3 Img 1 ALT" id="gathering-three-up-2-image-alt-1" default="ALT TEXT">
<meta class="mktoString" mktoName="Gather 2/3 Img 2 ALT" id="gathering-three-up-2-image-alt-2" default="ALT TEXT">
<meta class="mktoString" mktoName="Gather 2/3 Img 3 ALT" id="gathering-three-up-2-image-alt-3" default="ALT TEXT">
<meta class="mktoString" mktoName="Gather 3/3 Img 1 ALT" id="gathering-three-up-3-image-alt-1" default="ALT TEXT">
<meta class="mktoString" mktoName="Gather 3/3 Img 2 ALT" id="gathering-three-up-3-image-alt-2" default="ALT TEXT">
<meta class="mktoString" mktoName="Gather 3/3 Img 3 ALT" id="gathering-three-up-3-image-alt-3" default="ALT TEXT">
<meta class="mktoBoolean" mktoName="Show CTA" id="show-cta" default="true" true_value="" false_value="none !important;">
<meta class="mktoString" mktoName="CTA Title ALT" id="cta-title" default="ALT TEXT">
<meta class="mktoBoolean" mktoName="Show Footer" id="show-footer" default="true" true_value="" false_value="none !important;">
<title>${title}</title>
<style type="text/css">
@font-face {
font-family:"clear_sans";
src:url("http://info.scrumalliance.org/rs/510-STH-507/images/ClearSans-Regular-webfont.woff") format("woff");
font-style:normal;
font-weight:400;
}
</style>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','##CHANGEME##');</script> <!-- TODO: Replace GTM TAG ID -->
<!-- End Google Tag Manager -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
<style type="text/css">
section.header {
display: ${show-header};
}
.navbar-brand img {
display: ${show-navbar-brand};
}
ul.navbar-nav {
display: ${show-nav};
}
section.full-width-headline {
display: ${show-full-width-headline};
}
section.full-width-form {
display: ${show-full-width-form};
}
section.sixty-forty-text-form {
display: ${show-sixty-forty-text-form};
}
section.seventy-thirty-text-image {
display: ${show-seventy-thirty-image};
}
section.gathering-one-up {
display: ${show-gathering-oneup};
}
section.gathering-two-up {
display: ${show-gathering-twoup};
}
section.gathering-three-up {
display: ${show-gathering-three-up};
}
section.gathering-three-up-2 {
display: ${show-gathering-three-up-2};
}
section.gathering-three-up-3 {
display: ${show-gathering-three-up-3};
}
section.cta {
display: ${show-cta};
}
section.footer {
display: ${show-footer};
}
.mktoGen.mktoImg {
display: block !important;
}
.mktoGen.mktoImg img {
display: block!important;
margin-left: auto !important;
margin-right: auto !important;
max-width:100% !important;
height: auto !important;
max-width: 100%;
height: auto;
}
#sixty-forty-form .mktoButtonWrap .mktoButton {
color: ${sixty-forty-cta-label-color} !important;
background:${sixty-forty-cta-color} !important;
border-color: ${sixty-forty-cta-border-color} !important;
}
#full-form .mktoButtonWrap .mktoButton {
color: ${full-form-cta-label-color} !important;
background:${full-form-cta-color} !important;
border-color: ${full-form-cta-border-color} !important;
}
.btn-scrum {
color: ${cta-label-color};
background: ${cta-color};
border-color: ${cta-border-color};
}
a.btn-scrum:hover {
color: ${cta-label-color-hover}
}
</style>
<link href="http://info.scrumalliance.org/rs/510-STH-507/images/scrum_01112018-1.css" rel="stylesheet"></head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=##CHANGEME##"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<!--[if lte IE 9]>
<p class="browserupgrade">
You are using an <strong>outdated</strong> browser. Please
<a href="https://browsehappy.com/">upgrade your browser</a> to improve
your experience and security.
</p>
<![endif]-->
<section class="header">
<div class="${fluid}">
<nav class="navbar navbar-expand-lg fixed-top navbar-dark container" style="position:absolute;">
<a class="navbar-brand" href="https://www.scrumalliance.org">
<img id="logo" title="Scrum Alliance Logo" src="https://www.scrumalliance.org/ScrumRedesignDEVSite/media/Forbes-Media/SAI_Primary_Logo_W.png" alt="Scrum Alliance Logo" width="75%"></a> <!-- UPDATE W/ LOGO LOCATION-->
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
${menu-nav}
</nav>
<div id="carouselExampleSlidesOnly" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item-off">
<img class="d-none d-lg-block w-100" src="${large}" alt="${large-alt}">
<img class="d-lg-none w-100" src="${small}" alt="${small-alt}">
<div class="container">
<div class="row">
<h1 class="text-light text-center text-lg-left px-3 mktoText container" style="position: absolute;bottom:0;" id="banner-headline" mktoName="Banner Headline">Lorem ipsum dolor sit, amet consectetur adipisicing elit.</h1>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="full-width-headline mt-3">
<div class="container">
<div class="row d-flex">
<div class="col-12 justify-content-end">
<h2 class="headline mktoText text-center text-lg-left" id="full-width-headline" mktoName="Full width Headline">Lorem ipsum dolor sit amet consectetur adipisicing elit.</h2>
<p class="mktoText" id="full-width-text" mktoName="Full width body">Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatum omnis eum porro ducimus excepturi deleniti adipisci dolore? Provident magni adipisci hic dicta, quae illo ad unde, beatae necessitatibus, aperiam vero?</p>
</div>
</div>
</div>
</section>
<section class="full-width-form mt-3">
<div class="container">
<div class="row">
<div class="col-12 col-lg-10 offset-lg-1">
<div class=" mx-auto full-form-holder">
<div class="mktoText" id="full-width-form-heading" mktoName="Full width Headline">
<h2 class="sixty-forth-headline text-center mb-3">Lorem ipsum sit dolar</h2>
</div>
<div class="mx-auto mktoForm" id="full-form" mktoName="Full Form" >
</div>
</div>
</div>
</div>
</div>
</section>
<section class="sixty-forty-text-form mt-3">
<div class="container">
<div class="row">
<div class="col-lg-7 col-12">
<h3 class="sixty-forth-headline text-center text-lg-left mktoText" id="sixty-forty-headline" mktoName="Sixty/40 Headline">Lorem ipsum, dolor sit amet consectetur adipisicing elit.</h3>
<p class="sixty-forth-body mktoText" id="sixty-forty-body" mktoName="Sixty/40 text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusamus distinctio, maxime necessitatibus similique facere, eaque pariatur officiis voluptatibus suscipit ipsum in deserunt, magni quasi ipsam dolor quaerat expedita velit nihil. Accusamus distinctio, maxime necessitatibus similique facere, eaque pariatur officiis voluptatibus suscipit ipsum in deserunt, magni quasi ipsam dolor quaerat expedita velit nihil.</p>
</div>
<div class="col-lg-5 col-12">
<div class="mx-auto sixty-forty-form-holder">
<div class="mktoText" id="sixty-forty-form-heading" mktoName="Sixty/40 Form Headliine">
<h2 class="sixty-forth-headline text-center mb-3">Lorem ipsum sit dolar</h2>
</div>
<div class="mx-auto mktoForm" id="sixty-forty-form" mktoName="Sixty/40 Form"></div>
</div>
</div>
</div>
</div>
</section>
<section class="seventy-thirty-text-image mt-3">
<div class="container">
<div class="row">
<div class="col-lg-8 col-12">
<h3 class="seventy-thirty-headline text-center text-lg-left mktoText" id="seventy-thirty-headline" mktoName="Seventy/30 Headline">Lorem ipsum dolor sit amet consectetur, adipisicing elit.</h3>
<p class="seventy-thirty-body mktoText" id="seventy-thirty-text" mktoName="Seventy/30 text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptate corporis incidunt earum laborum veniam, est, aliquid assumenda voluptas ea ipsum repellendus sunt. Esse, fuga molestias? Cum consequatur maiores recusandae illo? Voluptate corporis incidunt earum laborum veniam, est, aliquid assumenda voluptas ea ipsum repellendus sunt. Esse, fuga molestias? Cum consequatur maiores recusandae illo?</p>
</div>
<div class="col-lg-4 col-12">
<div class="mktoImg" id="seventy-thirty-img" mktoName="Seventy/30 Image">
<img class="mx-auto d-block img-fluid" src="https://via.placeholder.com/350x350" alt="${seventy-thirty-image-alt}">
</div>
</div>
</div>
</div>
</section>
<section class="gathering-one-up mt-3">
<div class="container">
<div class="row">
<div class="col-12 col-lg-6 offset-lg-3">
<div class="mktoImg" id="gathering-one-img" mktoName="Gathering 1 Image">
<img class="mx-auto d-block img-fluid" src="https://via.placeholder.com/350x350" alt="${gathering-one-image-alt}">
</div>
<h3 class="gathering-one-up-headline text-lg-left text-center mktoText" mktoName="Gathering 1 Headline" id="gathering-one-headline">Lorem ipsum dolor sit amet consectetur adipisicing elit.</h3>
<p class="gathering-one-up-text mktoText" mktoName="Gathering 1 text" id="gathering-one-text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Eveniet itaque nesciunt sit quos nostrum maiores culpa autem cupiditate. Dolore veniam repellat nemo et quod tempora dicta sunt illum alias sed!</p>
</div>
</div>
</div>
</section>
<section class="gathering-two-up mt-3">
<div class="container">
<div class="row">
<div class="col-12 col-lg-5 offset-lg-1">
<div class="mktoImg" id="gathering-two-img-1" mktoName="Gathering 2 Image 1">
<img class="mx-auto d-block img-fluid" src="https://via.placeholder.com/255x255" alt="${gathering-two-image-alt-1}">
</div>
<h3 class="gathering-two-up-headline text-center mktoText" mktoName="Gathering 2 Headline 1" id="gathering-two-headline-1">Lorem ipsum dolor sit amet consectetur adipisicing elit.</h3>
<p class="gathering-two-up-text mktoText" mktoName="Gathering 2 text 1" id="gathering-two-text-1">Lorem ipsum dolor sit amet consectetur adipisicing elit. Eveniet itaque nesciunt sit quos nostrum maiores culpa autem cupiditate. Dolore veniam repellat nemo et quod tempora dicta sunt illum alias sed!</p>
</div>
<div class="col-12 col-lg-5 offset-lg-1">
<div class="mktoImg" id="gathering-two-img-2" mktoName="Gathering 2 Image 2">
<img class="mx-auto d-block img-fluid" src="https://via.placeholder.com/255x255" alt="${gathering-two-image-alt-2}">
</div>
<h3 class="gathering-two-up-headline text-center mktoText" mktoName="Gathering 2 Headline 2" id="gathering-two-headline-2">Lorem ipsum dolor sit amet consectetur adipisicing elit.</h3>
<p class="gathering-two-up-text mktoText" mktoName="Gathering 2 text 2" id="gathering-two-text-2">Lorem ipsum dolor sit amet consectetur adipisicing elit. Eveniet itaque nesciunt sit quos nostrum maiores culpa autem cupiditate. Dolore veniam repellat nemo et quod tempora dicta sunt illum alias sed!</p>
</div>
</div>
</div>
</section>
<section class="gathering-three-up mt-3">
<div class="container">
<div class="row">
<div class="col-12 col-lg-4">
<div class="mktoImg" id="gathering-three-up-1-img-1" mktoName="Gathering 1/3 Image 1">
<img class="mx-auto d-block img-fluid" src="https://via.placeholder.com/160x160" alt="${gathering-three-up-1-image-alt-1}">
</div>
<h3 class="gathering-three-up-headline text-center mktoText" mktoName="Gathering 1/3 Headline 1" id="gathering-three-up-1-headline-1">Lorem ipsum dolor sit amet consectetur adipisicing elit.</h3>
<p class="gathering-three-up-text mktoText" mktoName="Gathering 1/3 text 1" id="gathering-three-up-1-text-1">Lorem ipsum dolor sit amet consectetur adipisicing elit. Eveniet itaque nesciunt sit quos nostrum maiores culpa autem cupiditate. Dolore veniam repellat nemo et quod tempora dicta sunt illum alias sed!</p>
</div>
<div class="col-12 col-lg-4">
<div class="mktoImg" id="gathering-three-up-img-2" mktoName="Gathering 1/3 Image 2">
<img class="mx-auto d-block img-fluid" src="https://via.placeholder.com/160x160" alt="${gathering-three-up-1-image-alt-2}">
</div>
<h3 class="gathering-three-up-headline text-center mktoText" mktoName="Gathering 1/3 Headline 2" id="gathering-three-up-1-headline-2">Lorem ipsum dolor sit amet consectetur adipisicing elit.</h3>
<p class="gathering-three-up-text text-center mktoText" mktoName="Gathering 1/3 text 2" id="gathering-three-up-1-text-2">Lorem ipsum dolor sit amet consectetur adipisicing elit. Eveniet itaque nesciunt sit quos nostrum maiores culpa autem cupiditate. Dolore veniam repellat nemo et quod tempora dicta sunt illum alias sed!</p>
</div>
<div class="col-12 col-lg-4">
<div class="mktoImg" id="gathering-three-img-3" mktoName="Gathering 1/3 Image 3">
<img class="mx-auto d-block img-fluid" src="https://via.placeholder.com/160x160" alt="${gathering-three-up-1-image-alt-3}">
</div>
<h3 class="gathering-three-up-headline text-center mktoText" mktoName="Gathering 1/3 Headline 3" id="gathering-three-up-1-headline-3">Lorem ipsum dolor sit amet consectetur adipisicing elit.</h3>
<p class="gathering-three-up-text mktoText" mktoName="Gathering 1/3 text 3" id="gathering-three-up-1-text-3">Lorem ipsum dolor sit amet consectetur adipisicing elit. Eveniet itaque nesciunt sit quos nostrum maiores culpa autem cupiditate. Dolore veniam repellat nemo et quod tempora dicta sunt illum alias sed!</p>
</div>
</div>
</div>
</section>
<section class="gathering-three-up-2 mt-3">
<div class="container">
<div class="row">
<div class="col-12 col-lg-4">
<div class="mktoImg" id="gathering-three-up-2-img-1" mktoName="Gathering 2/3 Image 1">
<img class="mx-auto d-block img-fluid" src="https://via.placeholder.com/160x160" alt="${gathering-three-up-2-image-alt-1}">
</div>
<h3 class="gathering-three-up-2-headline text-center mktoText" mktoName="Gathering 2/3 Headline 1" id="gathering-three-up-2-headline-1">Lorem ipsum dolor sit amet consectetur adipisicing elit.</h3>
<p class="gathering-three-up-2-text mktoText" mktoName="Gathering 2/3 text 1" id="gathering-three-up-2-text-1">Lorem ipsum dolor sit amet consectetur adipisicing elit. Eveniet itaque nesciunt sit quos nostrum maiores culpa autem cupiditate. Dolore veniam repellat nemo et quod tempora dicta sunt illum alias sed!</p>
</div>
<div class="col-12 col-lg-4">
<div class="mktoImg" id="gathering-three-up-2-img-2" mktoName="Gathering 2/3 Image 2">
<img class="mx-auto d-block img-fluid" src="https://via.placeholder.com/160x160" alt="${gathering-three-up-2-image-alt-2}">
</div>
<h3 class="gathering-three-up-2-headline text-center mktoText" mktoName="Gathering 2/3 Headline 2" id="gathering-three-up-2-headline-2">Lorem ipsum dolor sit amet consectetur adipisicing elit.</h3>
<p class="gathering-three-up-2-text text-center mktoText" mktoName="Gathering 2/3 text 2" id="gathering-three-up-2-text-2">Lorem ipsum dolor sit amet consectetur adipisicing elit. Eveniet itaque nesciunt sit quos nostrum maiores culpa autem cupiditate. Dolore veniam repellat nemo et quod tempora dicta sunt illum alias sed!</p>
</div>
<div class="col-12 col-lg-4">
<div class="mktoImg" id="gathering-three-up-2-img-3" mktoName="Gathering 2/3 Image 3">
<img class="mx-auto d-block img-fluid" src="https://via.placeholder.com/160x160" alt="${gathering-three-up-2-image-alt-3}">
</div>
<h3 class="gathering-three-up-2-headline text-center mktoText" mktoName="Gathering 2/3 Headline 3" id="gathering-three-up-2-headline-3">Lorem ipsum dolor sit amet consectetur adipisicing elit.</h3>
<p class="gathering-three-up-2-text mktoText" mktoName="Gathering 2/3 text 3" id="gathering-three-up-2-text-3">Lorem ipsum dolor sit amet consectetur adipisicing elit. Eveniet itaque nesciunt sit quos nostrum maiores culpa autem cupiditate. Dolore veniam repellat nemo et quod tempora dicta sunt illum alias sed!</p>
</div>
</div>
</div>
</section>
<section class="gathering-three-up-3 mt-3">
<div class="container">
<div class="row">
<div class="col-12 col-lg-4">
<div class="mktoImg" id="gathering-three-up-3-img-1" mktoName="Gathering 3/3 Image 1">
<img class="mx-auto d-block img-fluid" src="https://via.placeholder.com/160x160" alt="${gathering-three-up-3-image-alt-1}">
</div>
<h3 class="gathering-three-up-3-headline text-center mktoText" mktoName="Gathering 3/3 Headline 1" id="gathering-three-up-3-headline-1">Lorem ipsum dolor sit amet consectetur adipisicing elit.</h3>
<p class="gathering-three-up-3-text mktoText" mktoName="Gathering 3/3 text 1" id="gathering-three-up-3-text-1">Lorem ipsum dolor sit amet consectetur adipisicing elit. Eveniet itaque nesciunt sit quos nostrum maiores culpa autem cupiditate. Dolore veniam repellat nemo et quod tempora dicta sunt illum alias sed!</p>
</div>
<div class="col-12 col-lg-4">
<div class="mktoImg" id="gathering-three-up-3-img-2" mktoName="Gathering 3/3 Image 2">
<img class="mx-auto d-block img-fluid" src="https://via.placeholder.com/160x160" alt="${gathering-three-up-3-image-alt-2}">
</div>
<h3 class="gathering-three-up-3-headline text-center mktoText" mktoName="Gathering 3/3 Headline 2" id="gathering-three-up-3-headline-2">Lorem ipsum dolor sit amet consectetur adipisicing elit.</h3>
<p class="gathering-three-up-3-text text-center mktoText" mktoName="Gathering 3/3 text 2" id="gathering-three-up-3-text-2">Lorem ipsum dolor sit amet consectetur adipisicing elit. Eveniet itaque nesciunt sit quos nostrum maiores culpa autem cupiditate. Dolore veniam repellat nemo et quod tempora dicta sunt illum alias sed!</p>
</div>
<div class="col-12 col-lg-4">
<div class="mktoImg" id="gathering-three-up-3-img-3" mktoName="Gathering 3/3 Image 3">
<img class="mx-auto d-block img-fluid" src="https://via.placeholder.com/160x160" alt="${gathering-three-up-3-image-alt-3}">
</div>
<h3 class="gathering-three-up-3-headline text-center mktoText" mktoName="Gathering 3/3 Headline 3" id="gathering-three-up-3-headline-3">Lorem ipsum dolor sit amet consectetur adipisicing elit.</h3>
<p class="gathering-three-up-3-text mktoText" mktoName="Gathering 3/3 text 3" id="gathering-three-up-3-text-3">Lorem ipsum dolor sit amet consectetur adipisicing elit. Eveniet itaque nesciunt sit quos nostrum maiores culpa autem cupiditate. Dolore veniam repellat nemo et quod tempora dicta sunt illum alias sed!</p>
</div>
</div>
</div>
</section>
<section class="cta">
<div class="container">
<div class="row">
<div class="col-12 col-lg-4 offset-lg-4 mktoText" id="cta" mktoName="CTA">
<a href="#" title="${cta-title}" class="btn btn-scrum btn-block my-3">Click Here</a>
</div>
</div>
</div>
</section>
<!-- Footer -->
<section class="footer mktoSnippet" id="footer-snippet" mktoName="Footer Snippet" >
<footer class="font-small p-3" style="background-color:#51626F;">
<div class="container text-md-left p-5">
<div class="row">
<div class="col-lg-6 col-12 text-center text-lg-left ">
<ul class="footer-links">
<li>
<a href="https://www.scrumalliance.org/">Visit scrumalliance.org</a>
</li>
<li>
<a href="https://www.scrumalliance.org/About-Us">About Us</a>
</li>
</ul>
</div>
<div class="col-lg-6 col-12 text-center text-lg-right">
<div class="social-links">
<a href="https://www.linkedin.com/company/scrum-alliance" target="_blank">
<span class="fa-stack fa-2x" style="color: #A4AEB5;">
<i class="far fa-circle fa-stack-2x"></i>
<i class="fab fa-linkedin-in fa-stack-1x fa-inverse-o"></i>
</span>
</a>
<a href="http://www.facebook.com/scrumalliance" target="_blank">
<span class="fa-stack fa-2x" style="color: #A4AEB5;">
<i class="far fa-circle fa-stack-2x"></i>
<i class="fab fa-facebook-f fa-stack-1x fa-inverse-o"></i>
</span> </a>
<a href="http://twitter.com/ScrumAlliance" target="_blank">
<span class="fa-stack fa-2x" style="color: #A4AEB5;">
<i class="far fa-circle fa-stack-2x"></i>
<i class="fab fa-twitter fa-stack-1x fa-inverse-o"></i>
</span>
</a>
</div>
</div>
</div>
</div>
<div class="footer-copyright text-center text-light">
<p>© 2019 Scrum Alliance®, Inc. All Rights Reserved.</p>
</div>
</footer>
</section>
<script type="text/javascript" src="http://info.scrumalliance.org/rs/510-STH-507/images/scrum_01112018-1.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment