sendgrid-gists’s gists

sendgrid-gists / Email Development_1

Created October 12, 2017 15:56

<a href=”#”>Button</a>

sendgrid-gists / gist:98ce29da136eade6572d95418b26a872

Created October 11, 2017 18:32

Email development 1

<a href=”#”>Button</a>

sendgrid-gists / card-actions.html

Last active May 7, 2018 19:19

SendGrid style-guide actions card

	<div class="card is-centered is-selected">
	<p class="card-unsub-prefs"><i class="sg-icon sg-icon-check-circle"></i>Included in opt out preferences</p>
	<h2>Special Offers</h2>
	<p>Receive promotions, special offers, and more with our specail offer emails.</p>
	<p class="card-unsubs"><strong>Unsubscribes</strong> 0</p>
	<p class="card-id"><strong>ID</strong> 2424</p>
	<div class="actions">
	<div class="btn btn-dropdown dropdown">
	<i class="sg-icon sg-icon-ellipsis-vertical"></i>
	<ul class="dropdown-menu">

sendgrid-gists / feature-comparison.html

Last active September 6, 2017 20:31

SendGrid style-guide feature comparison table

	<table class="compare-table-wrap">
	<thead>
	<tr>
	<th class="transparent"></th>
	<th>AWS Basic</th>
	<th class="alt">AWS Pro</th>
	</tr>
	</thead>
	<tbody>
	<tr class="no-highlight spacer">

sendgrid-gists / filters.html

Created August 16, 2017 21:13

SendGrid style-guide advanced filter

	<div class="filter-wrap">
	<div class="filter-header">
	<p class="filter-title">Search emails by <a class="filter-option-toggle" href="#">all</a> of the following:</p>
	<div class="btn-list">
	<button class="btn btn-small btn-secondary">Clear Search</button>
	</div>
	</div>
	<div class="filter-list">
	<div class="row">
	<!-- columns containing inputs and selects -->

sendgrid-gists / dropzone-warning.html

Created July 3, 2017 22:04

SendGrid style-guide dropzone warning

	<div class="dropzone has-inline-alert">
	<div class="alert alert-inline alert-warning">
	<p><i class="sg-icon sg-icon-warning"></i>Lorem ipsum dolor sit amet, <a href="#">consectetur adipiscing elit</a>. In nec augue eu lacus aliquam lobortis.<i class="sg-icon sg-icon-x"></i></p>
	</div>
	</div>

sendgrid-gists / container-block.html

Created July 3, 2017 18:41

SendGrid style-guide content block container

sendgrid-gists / container-header.html

Created July 3, 2017 18:27

SendGrid style-guide header container

sendgrid-gists / example-email-header.txt

Created May 19, 2017 20:02

Example Email Header

	Return-Path: <bounces+5555-7602-redacted-info>
	Received: from o19315237198.static.reverse.sendgrid.net ([198.37.152.193])
	by mx.google.com with SMTP id h32si6350258yhq.262.2013.06.19.10.09.37
	for <redacted-info>;
	Wed, 19 Jun 2013 10:09:38 -0700 (PDT)
	Received-SPF: pass (google.com: domain of bounces+5555-7602-redacted-info designates 198.37.152.193 as permitted sender) client-ip=198.37.152.193;
	Authentication-Results: mx.google.com;
	spf=pass (google.com: domain of bounces+5555-7602-redacted-info designates 198.37.152.193 as permitted sender) smtp.mail=bounces+5555-7602-redacted-info;
	dkim=pass [email protected];
	dmarc=fail (p=NONE dis=NONE) d=sendgrid.com

sendgrid-gists / card-split.html

Created April 13, 2017 17:04

SendGrid style-guide split card

	<div class="card is-split">
	<h2>Estimate Your Cost</h2>
	<p class="small">Use this calculator to help identify which plan is the best deal for you.</p>
	<div class="split-content">
	<h3>Pay Per Email</h3>
	<p class="details small"><span><strong>150,000</strong> <span class="has-underline" data-tooltip="Based on the number of emails you send through Marketing Campaigns, not how many people send to." data-tooltip-pos="up" data-tooltip-length="large">emails per month</span></span> <span>$37.50/mo*</span></p>
	<div class="input-range-wrap">
	<input id="input-range-emails" type="range" min="0" max="100" value="15">
	</div>
	<hr class="has-label" data-label="or">

	<header class="col-12 content-header">
	<h1>Campaigns</h1>
	<div class="btn-list">
	<button class="btn btn-primary">Create Campaign</button>
	</div>
	</header>

SendGrid DX sendgrid-gists