Sign Successfully – Gerak + Ubah

Iframe card

<iframe src="https://gerakubah.com/embed-widget/?id=6371&#038;style=card" width="380px" height="560px" scrolling="auto" frameborder="0"></iframe>

Copy

HTML card

<div class="campaign-embed" style="font-family: system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Ubuntu,Cantarell,Oxygen,Roboto,Helvetica,Arial,sans-serif; width: 96%; min-width: 320px; margin: 2%; position: relative; background-color: #fff; border-radius: 8px; box-shadow: 0 0 2px 0 rgba(34,36,38,.1),0 2px 2px 0px rgba(34,36,38,.1);">
		<div class="victory-label" style="background-color: transparent !important; border-radius: 8px 8px 0 0!important; border-top: none!important; border-color: #0065FF !important; color: #fff !important; position: absolute; top: 0; right: 0; margin: 0; padding: 0; text-align: center; width: 4em; height: 4em; z-index: 1; -webkit-transition: border-color .1s ease; transition: border-color .1s ease; line-height: 1; vertical-align: baseline; text-transform: none; border: 0 solid transparent; font-weight: 600; display: none;">
			<img src="data:image/svg+xml;base64,%0D%0A%09PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgdmlld0JveD0iMCAwIDUyLjExMiA1Mi4xMTEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUyLjExMiA1Mi4xMTE7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz48Zz4KCTxnPgoJCTxwYXRoIGQ9Ik00OC4yODMsNi42NjVjLTAuMzM4LTAuMzM2LTAuNzM1LTAuNTA1LTEuMTk2LTAuNTA1Yy0wLjIyOSwwLTAuNzEyLDAuMTg4LTEuNDQ0LDAuNTU5ICAgIGMtMC43MzUsMC4zNzItMS41MTcsMC43ODYtMi4zMzcsMS4yNDhjLTAuODIzLDAuNDU5LTEuNzk3LDAuODc1LTIuOTIyLDEuMjQ3Yy0xLjEyMywwLjM3MS0yLjE2MiwwLjU1OS0zLjExOSwwLjU1OSAgICBjLTAuODg1LDAtMS42NjMtMC4xNjgtMi4zMzYtMC41MDVDMzIuNyw4LjIyNCwzMC43Niw3LjQ0NSwyOS4xMTUsNi45MzFjLTEuNjQ2LTAuNTEzLTMuNDE2LTAuNzcxLTUuMzExLTAuNzcxICAgIGMtMy4yNzIsMC02Ljk5OSwxLjA2NC0xMS4xNzcsMy4xODhjLTAuODYyLDAuNDMtMS40OCwwLjc2My0xLjg4LDEuMDA3TDEwLjM1LDcuNDQ0YzAuODk3LTAuNzc5LDEuNDc2LTEuOTE0LDEuNDc2LTMuMTk1ICAgIEMxMS44MjYsMS45MDIsOS45MjQsMCw3LjU3Nywwcy00LjI1LDEuOTAyLTQuMjUsNC4yNDljMCwxLjUzMSwwLjgxOCwyLjg2MiwyLjAzMiwzLjYxbDUuNzQsNDIuMDkgICAgYzAuMTcxLDEuMjUzLDEuMjQzLDIuMTYyLDIuNDc0LDIuMTYyYzAuMTEyLDAsMC4yMjYtMC4wMDksMC4zNDEtMC4wMjFjMS4zNjgtMC4xODgsMi4zMjYtMS40NDcsMi4xMzktMi44MTVsLTIuMzA3LTE2LjkxNiAgICBjNC4xODYtMi4wNzcsNy44MDctMy4xMjQsMTAuODUzLTMuMTI0YzEuMjkzLDAsMi41NTQsMC4xOTEsMy43ODMsMC41ODNjMS4yMywwLjM5MSwyLjI1NCwwLjgxMywzLjA2NywxLjI3MiAgICBjMC44MTIsMC40NjEsMS43NzMsMC44ODcsMi44OCwxLjI3NGMxLjEwNywwLjM5LDIuMiwwLjU4NSwzLjI3OSwwLjU4NWMyLjcyNiwwLDUuOTg5LTEuMDI3LDkuNzk2LTMuMDggICAgYzAuNDc4LTAuMjQ4LDAuODI3LTAuNDkyLDEuMDQ5LTAuNzNjMC4yMjItMC4yMzksMC4zMzItMC41OCwwLjMzMi0xLjAyMVY3Ljg2QzQ4Ljc4NSw3LjQwMSw0OC42MTgsNy4wMDIsNDguMjgzLDYuNjY1eiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBzdHlsZT0iZmlsbDojRkZGRkZGIiBkYXRhLW9sZF9jb2xvcj0iI0ZGZmZmZiI+PC9wYXRoPgoJPC9nPgo8L2c+PC9nPiA8L3N2Zz4=" style="cursor: default; position: relative; top: 12px; left: 12px; margin: 0; width: 1.2em; height: 1.2em;">
		</div>
		<figure class="campaign-image" style="position: relative; overflow: hidden; margin: 0px; width: 100%;">
			<img src="https://gerakubah.com/wp-content/uploads/2018/09/image-uYzyIEyrWMe2zBJAJcYvoOeIAQMwRe-3-360x270.jpg" style="-webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; width: 100%; height: auto; border-radius: 8px 8px 0 0!important; border-top: none!important; max-width: 100%; vertical-align: top;">
			<div class="campaign-hover-content" style="-webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.35s ease-in-out; position: absolute; opacity: 1; top: 0%; left: 0%; color: #000000; width: 100%; height: 100%; line-height: 60px; background: #ffffff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); -webkit-transform: translate(-0%, -100%) scale(0); transform: translate(-0%, -100%) scale(0); transition: all 300ms 0ms cubic-bezier(0.6, -0.28, 0.735, 0.045);">
				<div class="sign" style="-webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; position: absolute; width: 100%; top: 45%; text-align: center;">
					<a class="campaign-sign-button" href="https://gerakubah.com/petition/help-american-girl-understand-why-limb-difference-dolls-are-so-important/" target="_blank" style="background-color: transparent; -webkit-box-shadow: 0 0 0 2px #004AAD inset!important; box-shadow: 0 0 0 2px #004AAD inset!important; color: #004AAD; margin: 0 .25em 0 0; cursor: pointer; display: inline-block; min-height: 1em; outline: 0; border: none; vertical-align: baseline; padding: .78571429em 1.5em .78571429em; text-transform: none; text-shadow: none; font-weight: 700; line-height: 1em; font-style: normal; text-align: center; text-decoration: none; border-radius: 8px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out;">Sign</a>
				</div>
				<div class="caption" style="-webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; font-size: 13px; font-weight: 400; color: #B1BFCA;">
					<div class="location campaign-icon" style="-webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; position: absolute; top: 0; left: 0; padding: 0px 18px;">
<img src="data:image/svg+xml;base64,%0D%0A%09PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTQuNzU3IDU0Ljc1NyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTQuNzU3IDU0Ljc1NzsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiBjbGFzcz0iIj48Zz48cGF0aCBkPSJNNDAuOTQsNS42MTdDMzcuMzE4LDEuOTk1LDMyLjUwMiwwLDI3LjM4LDBjLTUuMTIzLDAtOS45MzgsMS45OTUtMTMuNTYsNS42MTdjLTYuNzAzLDYuNzAyLTcuNTM2LDE5LjMxMi0xLjgwNCwyNi45NTIgIEwyNy4zOCw1NC43NTdMNDIuNzIxLDMyLjZDNDguNDc2LDI0LjkyOSw0Ny42NDMsMTIuMzE5LDQwLjk0LDUuNjE3eiBNMjcuNTU3LDI2Yy0zLjg1OSwwLTctMy4xNDEtNy03czMuMTQxLTcsNy03czcsMy4xNDEsNyw3ICBTMzEuNDE2LDI2LDI3LjU1NywyNnoiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSJhY3RpdmUtcGF0aCIgc3R5bGU9ImZpbGw6Izk3QTBBRiIgZGF0YS1vbGRfY29sb3I9IiNCM0JBQzUiPjwvcGF0aD48L2c+IDwvc3ZnPg==" style="-webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; border-radius: 8px 8px 0 0!important; border-top: none!important; max-width: 100%; margin: 0 .25rem -.1rem 0; width: 1.1em; height: 1.1em; display: inline-block; vertical-align: baseline !important;">Division No. 6, AB, CA</div>
					<!--<div class="counter campaign-icon"><img src="data:image/svg+xml;base64,
	PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgdmlld0JveD0iMCAwIDU2MSA1NjEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDU2MSA1NjE7IiB4bWw6c3BhY2U9InByZXNlcnZlIiBjbGFzcz0iIj48Zz48Zz4KCTxnIGlkPSJ2aXNpYmlsaXR5Ij4KCQk8cGF0aCBkPSJNMjgwLjUsODkuMjVDMTUzLDg5LjI1LDQzLjM1LDE2OC4zLDAsMjgwLjVjNDMuMzUsMTEyLjIsMTUzLDE5MS4yNSwyODAuNSwxOTEuMjVTNTE3LjY1LDM5Mi43LDU2MSwyODAuNSAgICBDNTE3LjY1LDE2OC4zLDQwOCw4OS4yNSwyODAuNSw4OS4yNXogTTI4MC41LDQwOEMyMDkuMSw0MDgsMTUzLDM1MS45LDE1MywyODAuNWMwLTcxLjQsNTYuMS0xMjcuNSwxMjcuNS0xMjcuNSAgICBjNzEuNCwwLDEyNy41LDU2LjEsMTI3LjUsMTI3LjVDNDA4LDM1MS45LDM1MS45LDQwOCwyODAuNSw0MDh6IE0yODAuNSwyMDRjLTQzLjM1LDAtNzYuNSwzMy4xNS03Ni41LDc2LjUgICAgYzAsNDMuMzUsMzMuMTUsNzYuNSw3Ni41LDc2LjVjNDMuMzUsMCw3Ni41LTMzLjE1LDc2LjUtNzYuNUMzNTcsMjM3LjE1LDMyMy44NSwyMDQsMjgwLjUsMjA0eiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBzdHlsZT0iZmlsbDojOTdBMEFGIiBkYXRhLW9sZF9jb2xvcj0iIzAwMDAwMCI+PC9wYXRoPgoJPC9nPgo8L2c+PC9nPiA8L3N2Zz4=" />736</div>-->
				</div>
	        </div>
			
		</figure>
		<div class="campaign-content" style="border: none; border-top: 1px solid rgba(34,36,38,.1); background: 0 0; margin: 0; min-height: 165px; padding: 18px; font-size: 1em; border-radius: 0;">
			<div class="campaign-icon campaign-content-send" style="font-weight: 400; line-height: 18px; font-size: 13px; color: #B1BFCA; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
				<img src="data:image/svg+xml;base64,%0D%0A%09PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDkzLjU5NSA0OTMuNTk1IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0OTMuNTk1IDQ5My41OTU7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgY2xhc3M9IiI+PGc+PHBhdGggZD0iTTQ4Ny4wNzcsODMuMzk1Yy02LjQzNS04Ljc3Mi0xNi41NzktMTMuNzUxLTI3LjEzNi0xMy43NWMtMi43MywwLTUuNDg4LDAuMzMzLTguMjE2LDEuMDJMMjUuNDQyLDE3Ny45NzEgIGMtMTMuMTkyLDMuMzE5LTIzLjA4NiwxNC4yNTUtMjUuMDc5LDI3LjcxYy0xLjk4OSwxMy40NTYsNC4zMTUsMjYuNzg3LDE1Ljk3OSwzMy43ODRsOTAuMTQzLDU0LjA4NnYxMTguNjQzICBjMCw0LjQ5LDIuNTU5LDguNTg4LDYuNTkyLDEwLjU2MWM0LjAzNCwxLjk3Miw4Ljg0LDEuNDc0LDEyLjM4My0xLjI4NGw4NC41NDctNjUuODA1bDY5LjQ1NSw0MS42NzIgIGM1LjQxOSwzLjI1MiwxMS4zODgsNC44MDEsMTcuMjg0LDQuODAxYzExLjMwOCwwLDIyLjM0MS01LjY5OSwyOC42OTQtMTYuMDIzbDE2My4xNjItMjY1LjE3OCAgQzQ5NS43NzgsMTA5LjI3OCw0OTUuMTc0LDk0LjQzNCw0ODcuMDc3LDgzLjM5NXogTTI5NC43MywzNjAuMDk1TDE4OS4wNDIsMjk2LjY4bDEwNy4yMjMtOTIuMzk1ICBjMS41MDItMS4yOTQsMS44NTQtMy40OCwwLjgzNC01LjE3OWMtMS4wMTgtMS42OTktMy4xMTItMi40MTktNC45Ni0xLjcwNGwtMTYzLjMyMSw2My4xNDVMNDkuNDkzLDIxMi45NWwzOTcuMzEzLTEwMC4wMTMgIEwyOTQuNzMsMzYwLjA5NXoiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSJhY3RpdmUtcGF0aCIgc3R5bGU9ImZpbGw6Izg3ODc4NyIgZGF0YS1vbGRfY29sb3I9IiMwMDAwMDAiPjwvcGF0aD48L2c+IDwvc3ZnPg==" style="margin: 0 .25rem -.1rem 0; width: 1.1em; height: 1.1em; display: inline-block; vertical-align: baseline !important;">
				Petition to Katy Dickson, Conikal, Long
			</div>
			<h3 class="campaign-title" style="font-weight: 700; line-height: 26px; font-size: 20px;">
				<a href="https://gerakubah.com/petition/help-american-girl-understand-why-limb-difference-dolls-are-so-important/" target="_blank" style="color: #002F6C; text-transform: none; text-decoration: none;">Help American Girl understand why limb difference dolls are so important</a>
			</h3>
			<div class="campaign-description" style="font-weight: 400; line-height: 22px; font-size: 14px; color: #B1BFCA !important; margin-top: .5em; clear: both;">
				My daughter, Jordan, started asking me why her dolls don't look just ...
			</div>
			
		</div>
		<div class="campaign-extra" style="max-width: 100%; min-height: 0!important; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; border-top: 1px solid rgba(0,0,0,.05)!important; position: static; background: 0 0; width: auto; margin: 0 0; padding: .75em 1em; top: 0; left: 0; color: rgba(0,0,0,.4); -webkit-box-shadow: none; box-shadow: none; -webkit-transition: color .1s ease; transition: color .1s ease;">
			<span class="campaign-author">
	            <a href="https://gerakubah.com/author/gerakubahadmin/" target="_blank">
	                <img class="ui avatar image supporter-avatar dimmable" src="https://secure.gravatar.com/avatar/7db22d8b339dfafcb30f40853dfe1f3a?s=64&amp;d=https%3A%2F%2Fgerakubah.com%2Fwp-content%2Fuploads%2F2023%2F12%2FGERAK-UBAH-avatar.png&amp;r=g" alt="gerakubahadmin" style="float: right; width: 2em; height: 2em; border-radius: 500rem;">
	            </a>
	        </span>
			<span class="campaign-label supporter campaign-icon" style="font-size: 12px; display: inline-block; line-height: 1; vertical-align: baseline; margin: 0 .14285714em; background-image: none; padding: .5833em .833em; text-transform: none; font-weight: 700; border: 0 solid transparent; border-radius: 6px; -webkit-transition: background .1s ease; transition: background .1s ease; background-color: #004AAD !important; border-color: #004AAD !important; color: #fff !important;">
			<img src="data:image/svg+xml;base64,%0D%0A%09PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgdmlld0JveD0iMCAwIDQwOCA0MDgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQwOCA0MDg7IiB4bWw6c3BhY2U9InByZXNlcnZlIiBjbGFzcz0iIj48Zz48Zz4KCTxnIGlkPSJwZXJzb24iPgoJCTxwYXRoIGQ9Ik0yMDQsMjA0YzU2LjEsMCwxMDItNDUuOSwxMDItMTAyUzI2MC4xLDAsMjA0LDBjLTU2LjEsMC0xMDIsNDUuOS0xMDIsMTAyUzE0Ny45LDIwNCwyMDQsMjA0eiBNMjA0LDI1NSAgICBDMTM1LjE1LDI1NSwwLDI4OC4xNSwwLDM1N3Y1MWg0MDh2LTUxQzQwOCwyODguMTUsMjcyLjg1LDI1NSwyMDQsMjU1eiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBzdHlsZT0iZmlsbDojRkZGRkZGIiBkYXRhLW9sZF9jb2xvcj0iI2ZmZmZmZiI+PC9wYXRoPgoJPC9nPgo8L2c+PC9nPiA8L3N2Zz4=" style="margin: 0 .25rem -.1rem 0; width: 1.1em; height: 1.1em; display: inline-block; vertical-align: baseline !important;">18,318 supporters</span>
			<span class="campaign-label campaign-icon" style="font-size: 12px; display: inline-block; line-height: 1; vertical-align: baseline; margin: 0 .14285714em; background-color: #F2FFFF; background-image: none; padding: .5833em .833em; color: #002F6C; text-transform: none; font-weight: 700; border: 0 solid transparent; border-radius: 6px; -webkit-transition: background .1s ease; transition: background .1s ease;">
			<img src="data:image/svg+xml;base64,%0D%0A%09PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNjAgNjAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDYwIDYwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMiIgaGVpZ2h0PSI1MTIiIGNsYXNzPSIiPjxnPjxwYXRoIGQ9Ik0zMCwxLjVjLTE2LjU0MiwwLTMwLDEyLjExMi0zMCwyN2MwLDUuMjA1LDEuNjQ3LDEwLjI0Niw0Ljc2OCwxNC42MDRjLTAuNTkxLDYuNTM3LTIuMTc1LDExLjM5LTQuNDc1LDEzLjY4OSAgYy0wLjMwNCwwLjMwNC0wLjM4LDAuNzY5LTAuMTg4LDEuMTUzQzAuMjc2LDU4LjI4OSwwLjYyNSw1OC41LDEsNTguNWMwLjA0NiwwLDAuMDkzLTAuMDAzLDAuMTQtMC4wMSAgYzAuNDA1LTAuMDU3LDkuODEzLTEuNDEyLDE2LjYxNy01LjMzOEMyMS42MjIsNTQuNzExLDI1LjczOCw1NS41LDMwLDU1LjVjMTYuNTQyLDAsMzAtMTIuMTEyLDMwLTI3UzQ2LjU0MiwxLjUsMzAsMS41eiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBzdHlsZT0iZmlsbDojNjY2NjY2IiBkYXRhLW9sZF9jb2xvcj0iIzg3ODc4NyI+PC9wYXRoPjwvZz4gPC9zdmc+" style="margin: 0 .25rem -.1rem 0; width: 1.1em; height: 1.1em; display: inline-block; vertical-align: baseline !important;">9</span>
		</div>
		<div class="campaign-progress-bar" style="transition-duration: 300ms; background-color: #004AAD; display: block; height: .2rem; padding: 0; overflow: hidden; border-radius: 0 0 12px 12px; width: 52.337142857143%;"></div>
	</div>

Copy

Iframe share

<iframe src="https://gerakubah.com/embed-widget/?id=6371&#038;style=share" width="500px" height="320px" scrolling="auto" frameborder="0"></iframe>

HTML share

<div id="campaign-share" class="campaign-share" style="font-family: system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Ubuntu,Cantarell,Oxygen,Roboto,Helvetica,Arial,sans-serif; width: 100%; font-size: 1rem;">
	<div class="campaign-form" style="font-family: system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Ubuntu,Cantarell,Oxygen,Roboto,Helvetica,Arial,sans-serif; font-size: 1rem; position: relative; max-width: 100%;">
    <div class="campaign-field" style="font-family: system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Ubuntu,Cantarell,Oxygen,Roboto,Helvetica,Arial,sans-serif; font-size: 1rem; clear: both; margin: 0 0 1em;">
      <div class="campaign-label" style="font-family: system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Ubuntu,Cantarell,Oxygen,Roboto,Helvetica,Arial,sans-serif; font-size: 1rem; border: 1px solid rgba(34,36,38,.08); border-radius: 6px; margin-top: 0; margin-bottom: 1em; position: relative; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; background: none #fff; color: rgba(0,0,0,.87); -webkit-box-shadow: none; box-shadow: none; display: inline-block; line-height: 1; vertical-align: baseline; padding: 0.5833em 0.833em;">
        <div class="share-preview">
              <img decoding="async" class="thumbnail" id="thumbnail" src="https://gerakubah.com/wp-content/uploads/2018/09/image-uYzyIEyrWMe2zBJAJcYvoOeIAQMwRe-3-360x270.jpg" alt="" style="float: left; margin-right: 1em; margin-bottom: 0; border-radius: 8px; width: 80px; height: auto;">
              <span style="font-family: system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Ubuntu,Cantarell,Oxygen,Roboto,Helvetica,Arial,sans-serif; font-weight: bold; font-size: 1.2rem; line-height: 1.6rem; color: #002F6C;">Help American Girl understand why limb difference dolls are so important</span>
        </div>
        <span class="pointing" style="bottom: auto; top: 100%; margin-top: -5px; border-width: 0 1px 1px 0; border-color: rgba(34,36,38,.08); right: auto; left: 50%; position: absolute; content: ''; -webkit-transform: rotate(45deg); transform: rotate(45deg); background-image: none; z-index: 2; width: 0.6666em; height: 0.6666em; -webkit-transition: background .1s ease; transition: background .1s ease; border-style: solid; background-color: inherit;"></span>
      </div>
      <a href="//api.whatsapp.com/send?phone=&amp;text=Help+American+Girl+understand+why+limb+difference+dolls+are+so+important%C2%A0https://gerakubah.com/petition/help-american-girl-understand-why-limb-difference-dolls-are-so-important/" class="primary-share-button campaign-icon" target="_blank" style="font-family: system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Ubuntu,Cantarell,Oxygen,Roboto,Helvetica,Arial,sans-serif; font-size: 1.1rem; width: 100%; display: block; border: none; vertical-align: baseline; color: #fff; background-color: #004AAD; margin-bottom: 16px; margin: 0 0.25em 0 0; padding: 0.78571429em 0 0.78571429em; font-weight: 700; line-height: 1em; font-style: normal; text-align: center; text-decoration: none; border-radius: 6px;">
            <img src="https://gerakubah.com/wp-content/themes/campoal/images/social/share-primary-facebook.png" alt="SVG Image" style="margin: 0 0.6rem -0.2rem 0; width: 1.1em; height: 1.1em; opacity: .8; display: inline-block; vertical-align: baseline !important;">
			Send via WhatsApp
      </a>
    </div>
  </div>
  <div class="campaign-divider"></div>
  <div class="campaign-grid nine column social-buttons" style="display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; padding: 0; margin: 2rem 0;">
    <div class="column" style="width: 14.2857142857%;">
      <a href="mailto://?subject=Invitation%20to%20Sign%20the%20Petition%20-%20Help%20American%20Girl%20understand%20why%20limb%20difference%20dolls%20are%20so%20important&amp;body=Dear%20Friend,%0D%0A%0D%0A%20%0D%0A%0D%0AI%20hope%20this%20email%20finds%20you%20well.%20I%20am%20writing%20to%20personally%20invite%20you%20to%20join%20me%20in%20an%20important%20cause%20by%20signing%20the%20petition%20titled%20Help%20American%20Girl%20understand%20why%20limb%20difference%20dolls%20are%20so%20important.%20We%20have%20an%20opportunity%20to%20make%20a%20real%20difference%20and%20influence%20the%20decision-maker,%20Katy%20Dickson,%20to%20take%20action.%0D%0A%0D%0A%20%0D%0A%0D%0AThe%20issue%20at%20hand%20is%20of%20great%20significance,%20and%20our%20collective%20efforts%20can%20bring%20about%20positive%20change.%20As%20concerned%20citizens,%20we%20have%20the%20power%20to%20voice%20our%20opinions%20and%20shape%20the%20future%20we%20want%20to%20see.%20Currently,%20the%20petition%20has%20garnered%2018,318%20signatures,%20demonstrating%20the%20growing%20support%20for%20this%20cause.%0D%0A%0D%0A%20%0D%0A%0D%0AI%20believe%20that%20with%20your%20support,%20we%20can%20amplify%20our%20message%20and%20make%20an%20even%20greater%20impact.%20Your%20signature%20will%20add%20weight%20to%20our%20cause%20and%20strengthen%20our%20plea%20for%20Katy%20Dickson%20to%20take%20the%20necessary%20steps%20to%20address%20the%20issue.%0D%0A%0D%0A%20%0D%0A%0D%0ATo%20sign%20the%20petition,%20please%20click%20on%20the%20following%20link:%20https://gerakubah.com/petition/help-american-girl-understand-why-limb-difference-dolls-are-so-important/.%0D%0A%0D%0A%20%0D%0A%0D%0AIt%20will%20only%20take%20a%20moment%20of%20your%20time,%20but%20the%20impact%20we%20can%20make%20together%20is%20immeasurable.%0D%0A%0D%0A%20%0D%0A%0D%0AI%20sincerely%20appreciate%20your%20dedication%20and%20commitment%20to%20creating%20positive%20change.%20Together,%20we%20can%20raise%20awareness%20and%20work%20towards%20achieving%20our%20common%20goals.%20Feel%20free%20to%20share%20this%20email%20and%20the%20petition%20with%20others%20who%20might%20also%20be%20interested%20in%20lending%20their%20support.%0D%0A%0D%0A%20%0D%0A%0D%0AThank%20you%20for%20considering%20my%20invitation.%20Your%20support%20means%20a%20lot%20to%20me%20and%20to%20the%20cause%20we%20are%20fighting%20for.%0D%0A%0D%0A%20%0D%0A%0D%0ABest%20regards,%0D%0A%0D%0A%0D%0AYour%20friend" class="campaign-button basic icon button send-email tooltip" style="width: 100%; border: 1px solid rgba(34,36,38,.15); vertical-align: baseline; margin: 0 0.25em 0 0; line-height: 1em; font-style: normal; text-align: center; text-decoration: none; padding: 0.78571429em 0.78571429em 0.78571429em; background: transparent none!important; color: #B1BFCA !important; font-weight: 400; border-radius: 6px; text-transform: none; text-shadow: none!important;">
            <img src="https://gerakubah.com/wp-content/themes/campoal/images/social/share-mail.png" style="margin: 0 0 -0.1rem 0; width: 1.2em; height: 1.2em; display: inline-block; vertical-align: baseline !important;">
      </a>
    </div>
	<div class="column" style="width: 14.2857142857%;">
       <a href="https://mail.google.com/mail/u/0/?to&amp;su=Invitation%20to%20Sign%20the%20Petition%20-%20Help%20American%20Girl%20understand%20why%20limb%20difference%20dolls%20are%20so%20important&amp;body=Dear%20Friend,%0D%0A%0D%0A%20%0D%0A%0D%0AI%20hope%20this%20email%20finds%20you%20well.%20I%20am%20writing%20to%20personally%20invite%20you%20to%20join%20me%20in%20an%20important%20cause%20by%20signing%20the%20petition%20titled%20Help%20American%20Girl%20understand%20why%20limb%20difference%20dolls%20are%20so%20important.%20We%20have%20an%20opportunity%20to%20make%20a%20real%20difference%20and%20influence%20the%20decision-maker,%20Katy%20Dickson,%20to%20take%20action.%0D%0A%0D%0A%20%0D%0A%0D%0AThe%20issue%20at%20hand%20is%20of%20great%20significance,%20and%20our%20collective%20efforts%20can%20bring%20about%20positive%20change.%20As%20concerned%20citizens,%20we%20have%20the%20power%20to%20voice%20our%20opinions%20and%20shape%20the%20future%20we%20want%20to%20see.%20Currently,%20the%20petition%20has%20garnered%2018,318%20signatures,%20demonstrating%20the%20growing%20support%20for%20this%20cause.%0D%0A%0D%0A%20%0D%0A%0D%0AI%20believe%20that%20with%20your%20support,%20we%20can%20amplify%20our%20message%20and%20make%20an%20even%20greater%20impact.%20Your%20signature%20will%20add%20weight%20to%20our%20cause%20and%20strengthen%20our%20plea%20for%20Katy%20Dickson%20to%20take%20the%20necessary%20steps%20to%20address%20the%20issue.%0D%0A%0D%0A%20%0D%0A%0D%0ATo%20sign%20the%20petition,%20please%20click%20on%20the%20following%20link:%20https://gerakubah.com/petition/help-american-girl-understand-why-limb-difference-dolls-are-so-important/.%0D%0A%0D%0A%20%0D%0A%0D%0AIt%20will%20only%20take%20a%20moment%20of%20your%20time,%20but%20the%20impact%20we%20can%20make%20together%20is%20immeasurable.%0D%0A%0D%0A%20%0D%0A%0D%0AI%20sincerely%20appreciate%20your%20dedication%20and%20commitment%20to%20creating%20positive%20change.%20Together,%20we%20can%20raise%20awareness%20and%20work%20towards%20achieving%20our%20common%20goals.%20Feel%20free%20to%20share%20this%20email%20and%20the%20petition%20with%20others%20who%20might%20also%20be%20interested%20in%20lending%20their%20support.%0D%0A%0D%0A%20%0D%0A%0D%0AThank%20you%20for%20considering%20my%20invitation.%20Your%20support%20means%20a%20lot%20to%20me%20and%20to%20the%20cause%20we%20are%20fighting%20for.%0D%0A%0D%0A%20%0D%0A%0D%0ABest%20regards,%0D%0A%0D%0A%0D%0AYour%20friend&amp;bcc&amp;cc&amp;fs=1&amp;tf=cm" class="campaign-button basic icon button send-message tooltip" target="_blank" style="width: 100%; border: 1px solid rgba(34,36,38,.15); vertical-align: baseline; margin: 0 0.25em 0 0; line-height: 1em; font-style: normal; text-align: center; text-decoration: none; padding: 0.78571429em 0.78571429em 0.78571429em; background: transparent none!important; color: #B1BFCA !important; font-weight: 400; border-radius: 6px; text-transform: none; text-shadow: none!important;">
             <img src="https://gerakubah.com/wp-content/themes/campoal/images/social/share-gmail.png" style="margin: 0 0 -0.1rem 0; width: 1.2em; height: 1.2em; display: inline-block; vertical-align: baseline !important;">
      </a>   
    </div>
    <div class="column" style="width: 14.2857142857%;">
      <a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fgerakubah.com%2Fpetition%2Fhelp-american-girl-understand-why-limb-difference-dolls-are-so-important%2F&amp;t=Help+American+Girl+understand+why+limb+difference+dolls+are+so+important" class="campaign-button basic icon button share-facebook tooltip" target="_blank" style="width: 100%; border: 1px solid rgba(34,36,38,.15); vertical-align: baseline; margin: 0 0.25em 0 0; line-height: 1em; font-style: normal; text-align: center; text-decoration: none; padding: 0.78571429em 0.78571429em 0.78571429em; background: transparent none!important; color: #B1BFCA !important; font-weight: 400; border-radius: 6px; text-transform: none; text-shadow: none!important;">
            <img src="https://gerakubah.com/wp-content/themes/campoal/images/social/share-facebook.png" style="margin: 0 0 -0.1rem 0; width: 1.2em; height: 1.2em; display: inline-block; vertical-align: baseline !important;">
       </a>
    </div>
    <div class="column" style="width: 14.2857142857%;">
      <a href="//twitter.com/share?url=https://gerakubah.com/petition/help-american-girl-understand-why-limb-difference-dolls-are-so-important/&amp;text=Help+American+Girl+understand+why+limb+difference+dolls+are+so+important" class="campaign-button basic icon button share-twitter tooltip" target="_blank" style="width: 100%; border: 1px solid rgba(34,36,38,.15); vertical-align: baseline; margin: 0 0.25em 0 0; line-height: 1em; font-style: normal; text-align: center; text-decoration: none; padding: 0.78571429em 0.78571429em 0.78571429em; background: transparent none!important; color: #B1BFCA !important; font-weight: 400; border-radius: 6px; text-transform: none; text-shadow: none!important;">
             <img src="https://gerakubah.com/wp-content/themes/campoal/images/social/share-twitter.png" style="margin: 0 0 -0.1rem 0; width: 1.2em; height: 1.2em; display: inline-block; vertical-align: baseline !important;">
       </a>
    </div>
    <div class="column" style="width: 14.2857142857%;">
      <a href="//t.me/share/url?url=https://gerakubah.com/petition/help-american-girl-understand-why-limb-difference-dolls-are-so-important/&amp;text=Help+American+Girl+understand+why+limb+difference+dolls+are+so+important" class="campaign-button basic icon button send-telegram tooltip" target="_blank" style="width: 100%; border: 1px solid rgba(34,36,38,.15); vertical-align: baseline; margin: 0 0.25em 0 0; line-height: 1em; font-style: normal; text-align: center; text-decoration: none; padding: 0.78571429em 0.78571429em 0.78571429em; background: transparent none!important; color: #B1BFCA !important; font-weight: 400; border-radius: 6px; text-transform: none; text-shadow: none!important;">
             <img src="https://gerakubah.com/wp-content/themes/campoal/images/social/share-telegram.png" style="margin: 0 0 -0.1rem 0; width: 1.2em; height: 1.2em; display: inline-block; vertical-align: baseline !important;">
      </a> 
    </div>
    <div class="column" style="width: 14.2857142857%;">
      <a href="//api.whatsapp.com/send?phone=&amp;text=Help+American+Girl+understand+why+limb+difference+dolls+are+so+important%C2%A0https://gerakubah.com/petition/help-american-girl-understand-why-limb-difference-dolls-are-so-important/" class="campaign-button basic icon button send-whatsapp tooltip" target="_blank" style="width: 100%; border: 1px solid rgba(34,36,38,.15); vertical-align: baseline; margin: 0 0.25em 0 0; line-height: 1em; font-style: normal; text-align: center; text-decoration: none; padding: 0.78571429em 0.78571429em 0.78571429em; background: transparent none!important; color: #B1BFCA !important; font-weight: 400; border-radius: 6px; text-transform: none; text-shadow: none!important;">
             <img src="https://gerakubah.com/wp-content/themes/campoal/images/social/share-whatsapp.png" style="margin: 0 0 -0.1rem 0; width: 1.2em; height: 1.2em; display: inline-block; vertical-align: baseline !important;">
      </a>
    </div>
    <div class="column" style="width: 14.2857142857%;">
       <a href="//www.linkedin.com/shareArticle?mini=true&amp;url=https://gerakubah.com/petition/help-american-girl-understand-why-limb-difference-dolls-are-so-important/&amp;title=Help+American+Girl+understand+why+limb+difference+dolls+are+so+important" class="campaign-button basic icon button share-linkedin tooltip" target="_blank" style="width: 100%; border: 1px solid rgba(34,36,38,.15); vertical-align: baseline; margin: 0 0.25em 0 0; line-height: 1em; font-style: normal; text-align: center; text-decoration: none; padding: 0.78571429em 0.78571429em 0.78571429em; background: transparent none!important; color: #B1BFCA !important; font-weight: 400; border-radius: 6px; text-transform: none; text-shadow: none!important;">
             <img src="https://gerakubah.com/wp-content/themes/campoal/images/social/share-linkedin.png" style="margin: 0 0 -0.1rem 0; width: 1.2em; height: 1.2em; display: inline-block; vertical-align: baseline !important;">
      </a>   
    </div>
  </div>
  <div class="campaign-divider"></div>
  <div class="campaign-link-input" style="font-family: system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Ubuntu,Cantarell,Oxygen,Roboto,Helvetica,Arial,sans-serif; font-size: 1rem; padding-right: 1em!important; margin: 0; max-width: 100%; flex: 1 0 auto; outline: 0; text-align: left; line-height: 1.4em; padding: 0.67857143em 1em; background: #fff; border: 1px solid rgba(34,36,38,.15); color: rgba(0,0,0,.87); border-radius: 8px;">
  		<img class="input-icon" src="https://gerakubah.com/wp-content/themes/campoal/images/social/share-link.png" style="width: 1.1em; height: 1.1em; font-size: 1em; display: inline-block; vertical-align: baseline !important; left: 12px; cursor: default; line-height: 1; text-align: center; top: 14px; right: 0; margin: 0; opacity: .5;">
        <input class="input" value="https://gerakubah.com/?p=6371" readonly style="display: inline-block; font-family: system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Ubuntu,Cantarell,Oxygen,Roboto,Helvetica,Arial,sans-serif; font-size: 1rem; background: #fff; width: 90%; border: none; text-align: left; line-height: 1.4em; color: rgba(0,0,0,.87);">
  </div>
</div>

You are signed Successfully!

Share this campaign

Help American Girl understand why limb difference dolls are so important

Embed Campaign