- Accessories
- Accommodation
- Accounting
- Airline
- Analytics
- Auction site
- Bank
- Beauty
- Bike Rental
- Biotechnology
- Books
- CRM
- Call center software
- Cameras
- Car company
- Cards
- Chrome plugin
- Clothing
- Coffee
- Collaboration
- Community
- Contact lenses
- Crowd funding
- Cryptocurrency
- Customer support
- Dating
- Department store
- Design tools
- Developer tools
- Digital printing
- Direct to consumer
- Domain names
- E-commerce
- E-commerce store builder
- Education
- Electronic signatures
- Electronics
- Email Service Provider
- Email marketing
- Entertainment
- Event management
- Fashion
- Finance
- Fitness
- Flight comparisons
- Food
- Food delivery
- Form builder
- Freelancer tools
- Furniture
- Game
- Gaming
- Gifts
- Glasses
- Greetings cards
- Groceries
- Hair
- Health
- Hiring
- Hotel comparison
- Hotels
- Insurance
- Investing
- Jewelry
- Landing page builder
- Language learning
- Lingerie
- Live chat
- Makeup
- Marijuana delivery
- Marketing
- Marketplace
- Mattress company
- Meal delivery kits
- Media
- Messaging
- Music
- NFT
- News
- No-code
- Nonprofit
- Nutrition
- Online courses
- Online-course-platform
- Outdoor store
- Password manager
- Payments
- Personal Finance
- Pharmacy
- Photography
- Podcast Hosting
- Podcasts
- Productivity
- Project management
- Property
- Proposal software
- Real estate
- Ride sharing
- Running
- SEO
- SaaS
- Sales tools
- Scooters
- Shoes
- Skincare
- Social network
- Software
- Sportsware
- Subscription boxes
- Swimwear
- T-shirt Printing
- Talent
- Telco
- Trains
- Transport
- Travel
- Underwear
- VPN
- Video hosting
- Video streaming
- Voucher/Coupon Sites
- Watches
- Web hosting
- Website builder
- Workforce management
- Writing
- & Other Stories
- &Open
- 1&1
- 1Password
- 3dcart
- 6pm
- A.C. Moore
- ANNA by RadLabs
- ASOS
- AT&T
- AVI-8
- AYR
- Abercrombie
- Accessorize
- Ace Hardware
- ActiveCampaign
- Acura
- Acuvue
- Adapt
- Adidas
- Airbnb
- Aircall
- Airtable
- Alaska Air
- All Saints
- Allbirds
- Along
- Amazon
- Ambronite
- American Airlines
- American Apparel
- American Red Cross
- Anchor
- Ann Taylor
- Anthropologie
- Antidote Street
- Apple
- Aritzia
- Armani Exchange
- Armogan
- Asana
- Asphalt Green
- Astley Clarke
- Audemars Piguet
- Auverture
- BBC iPlayer
- BECCA Cosmetics
- Baremetrics
- Barnes and Noble
- Basecamp
- Bath & Body Works
- Beans
- Bearbottom Clothing
- Beaver Brooks
- Ben Sherman
- Bend
- Bespoke Post
- Best Buy
- Big Brothers Big Sisters of America
- Big Cartel
- BigCommerce
- Binance
- Birchbox
- BitClout
- Bite
- Black Opal Beauty
- Blinkist
- Blue Apron
- Bluehost
- Bobbi Brown
- Bonlook
- Bonobos
- Boohoo
- Booking.com
- Boots
- Box
- Bravissimo
- Breaker
- Breitling
- Brightedge
- British Airways
- BrowserStack
- Bubble
- Buffer
- Busuu
- Bynder
- CVS
- Cadillac
- CafePress
- Calendly
- Calm
- Candy Club
- Canny
- Canon
- Canva
- Carbonmade
- Care
- Careem
- Carrd
- Cars.com
- Cartier
- Cash App
- Casper
- Caviar
- Charity Water
- ChartMogul
- Chevrolet
- Chilewich
- Chococurb
- Chubbies
- Circle
- Claire's
- Clarks
- ClassPass
- ClickFunnels
- ClickUp
- Clinique
- Cloudflare
- Clubhouse
- Clue
- Coach
- Coastal
- Coda
- Coinbase
- Common Sense
- Conductor
- ConvertKit
- CopyAI
- Costco
- Coursera
- Cover FX
- Craft
- Craigslist
- Crypto.com
- Cult Furniture
- Customer.io
- DFS
- Daisy Jewellery
- Daniel Wellington
- Debenhams
- Deliveroo
- Delivery.com
- Delivra - The Inbox
- Delta
- Depop
- Deputy
- Descript
- DesignByHümans
- Designer Shoe Warehouse
- Discord
- Disney+
- Djusie
- DocuSign
- Dollar Shave Club
- Domino's
- DonorsChoose
- DoorDash
- Dorelan
- Dorothy Perkins
- Drip
- Dropbox
- Dropbox Paper
- Drops
- Duda
- Duolingo
- Dwell
- EasyJet
- Eaze
- Elevate
- Environmental Defense Fund
- Etsy
- Eurostar
- Eventbrite
- Everlane
- Evernote
- Expensify
- Express
- Express Glasses
- Eye Buy Direct
- FabFitFun
- Fabletics
- Facet
- Fancy
- Farm Rio
- Fashion Fair
- Fashion Nova
- Feedly
- Feelunique
- Fenwick
- Figma
- Finimize
- Firebox
- Fitbit
- Fiverr
- Fleur & Bee
- Flipd
- Flodesk
- Fluent
- Flybe
- Foodvisor
- Ford
- Forest
- Forest Nation
- Forever 21
- Fort Myers
- Fortnum & Mason
- Fossil
- Framebridge
- Framer
- FreeCodeCamp
- Freedom Japanese Market
- Freetrade
- Front
- Ftsny
- Fullstory
- Furniture Village
- Fyrn
- GMC
- GameStop
- Gap
- GatherContent
- Ghost
- Ghost Bed
- GitHub
- Glasses USA
- Glo
- Glossybox
- Go-Jek
- GoDaddy
- Goat
- Gobble
- Goggles4u
- Goldsmiths
- Gorillas
- Gousto
- Grab
- Graham and Green
- Grammarly
- Graze
- Greats
- Green Chef
- GreenRush
- Groupon
- Grubhub
- Guess
- Gumroad
- Gymshark
- Gyroscope
- H&M
- H.Samuel
- HVMN
- Habitat
- Harrods
- Harry's
- Harvey Nichols
- Hastens
- HauteLook
- Headspace
- Height
- Helix
- HelloFresh
- Help Scout
- Help for Heroes
- Hey
- Hipmunk
- Hobby Lobby
- Home Depot
- HomeGoods
- Honda
- Honest
- Honey
- HostGator
- HotelTonight
- Hotjar
- House Curious
- House of Fraser
- Houzz
- HubSpot
- HubSpot CRM
- Huel
- Hulu
- Hungry House
- Hutch
- InMotion Hosting
- InVision
- Infoempleo
- Infojobs
- Instacart
- Interact
- Intercom
- Ipsy
- J.Crew
- JCPenney
- Jaguar
- Jessops
- Jet2
- JetBlue
- Jira
- Job Today
- Jump Bikes
- Just Eat
- Kay
- Khan Academy
- Klarna
- LTHR Supply
- Lancôme
- Landbot
- Lane Bryant
- Launchaco
- Leadpages
- Leesa
- Lemonade
- Lexus
- Liberty London
- Lifesum
- Lime
- Linear
- Linjer
- Linktree
- Litmus
- Loaf
- London Virgin Hair
- Lookfantastic
- Loom
- Loot Crate
- Lowes
- Lululemon
- Luma
- Lyft
- MAC Cosmetics
- MDMflow
- MVMT
- Mack Weldon
- Macy's
- Made
- Magento
- Mailchimp
- Mango
- MapMyGut
- Marley Spoon
- MasterClass
- Mayvenn
- MeUndies
- Meadow
- Medium
- Memrise
- Menards
- Mercari
- Mercedes-Benz
- MetaMask
- Michaels
- Microsoft Teams
- Mini
- Miro
- Miss Selfridge
- Missguided
- Misto Box
- Mitsubishi cars
- Mixpanel
- Monday
- Moneybox
- Mont Blanc
- Monzo
- Moo
- Moonpig
- Morning Brew
- Morning Recovery
- Muttonhead
- My First Wig
- MyFitnessPal
- N26
- Nars Cosmetics
- NerdWallet
- Nest Furniture
- Netflix
- New Look
- Newegg
- Nicely Noted
- Nike
- No Mercy / No Malice
- Nomatic
- Noom
- Nordstrom
- Nordstrom Rack
- Notion
- Notonthehighstreet
- Now TV
- Nugg
- Ocado
- OfferUp
- Officevibe
- Old Navy
- Omega
- OpenSea
- OpenTable
- Otiumberg
- Outdoor Voices
- Overstock
- Ozone Socks
- PandaDoc
- Pandora
- Patreon
- Paula's Choice Skincare
- PayPal
- Peloton
- Picniic
- Pier 1
- Pipedrive
- Pitch
- Pizza Express
- Plated
- Plum
- Pluralsight
- Podia
- Poshmark
- Postmates
- Pottery Barn
- PrettyLittleThing
- Primark
- Process Street
- Puma
- Purple
- QVC
- Quibi
- QuickBooks
- Quill
- Quizlet
- Quora
- REI
- Racket
- RallyUp
- Raymond Weil
- Redbubble
- Reflectly
- Replit
- Retool
- Revolut
- Revolve
- Rezi
- Ripcurl
- Road Scholar
- Robinhood
- Runkeeper
- SNKRS by Nike
- Sally Beauty
- SavvyCal
- Scentbird
- Scribd
- Seamless
- Search Metrics
- Selfridges
- Sephora
- ServiceNow
- Shein
- Shop.com
- Shopify
- Shpock
- Shudder
- Shwood and Stanley
- Simba
- Skillshare
- Skims
- Skyscanner
- Slack
- Slite
- Smiley Movement
- Snapchat
- Society6
- Sock Fancy
- SoloLearn
- SoundCloud
- Southwest
- Soylent
- SpeedWeed
- Spotify
- Spreadshirt
- Square
- Squarespace
- Squarespace Scheduling
- Staples
- Starbucks
- Steam
- Stitch Fix
- Stone Forest
- Strava
- Strikingly
- Stripe
- Substack
- SumUp
- Sun Basket
- Sunsama
- Superdrug
- SurveyMonkey
- Swarovski
- Sweatcoin
- Swoon
- TRNK
- Tag Heuer
- Tally
- Target
- Taste Trunk
- Teachable
- Teachlr
- Techcrunch
- Ted Baker
- TeePublic
- Tempur
- Tempur-Pedic
- Tesla
- The Hustle
- The Jewel Hut
- The New York Times
- The Ordinary
- The White Company
- Thinx
- Threadless
- Thryve
- Tidal
- Tide.fm
- Tiffany & Co
- TikTok
- Tinder
- Todoist
- Tommy John
- Topshop
- TouchNote
- Trainline
- TransferWise
- Trello
- Triibe
- TripAdvisor
- Trivago
- Trustpilot
- Tuft & Needle
- Tunnel to Towers
- TunnelBear
- Twitch
- Typeform
- UNIQLO
- Uber
- Uber Eats
- Udacity
- Udemy
- Ulta
- Unbounce
- UncommonGoods
- United
- Universe
- Upwork
- Urban Outfitters
- VSCO
- Vessi
- Victoria's Secret
- Vimeo
- Vinted
- Viome
- Virgin Atlantic
- Vistaprint
- Voog
- Vueling
- WE
- WW (Weight Watchers)
- WalMart
- Walgreens
- Wallapop
- Wallshoppe
- Warby Parker
- Watch Shop
- Watch Station
- Watches.com
- Wattpad
- Wayfair
- Waze
- Wealthsimple
- Webflow
- Weebly
- West Elm
- Whimsical
- Williams Sonoma
- Winc
- Wise
- Wistia
- Wix
- WooCommerce
- WordPress
- World Market
- Wowcher
- YNAB
- YouTube
- YouTube Music
- Zales
- Zapier
- Zara
- Zazzle
- Zendesk
- Zero
- Zoe & Morgan
- Zoopla
- Zulily
- eBay
- eToro
- uBiome
Gyroscope Registered user
Subscribed 6 years, 11 months ago
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="//www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
<title>
GYROSCOPE
</title>
<style type="text/css">
/* /\/\/\/\/\/\/\/\/ CLIENT-SPECIFIC STYLES /\/\/\/\/\/\/\/\/ */
#outlook a{padding:0;} /* Force Outlook to provide a "view in browser" message */
.ReadMsgBody{width:100%;} .ExternalClass{width:100%;} /* Force Hotmail to display emails at full width */
.ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height: 100%;} /* Force Hotmail to display normal line spacing */
body, table, td, p, a, li, blockquote{-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;} /* Prevent WebKit and Windows mobile changing default text sizes */
table, td{mso-table-lspace:0pt; mso-table-rspace:0pt;} /* Remove spacing between tables in Outlook 2007 and up */
img{-ms-interpolation-mode:bicubic;} /* Allow smoother rendering of resized image in Internet Explorer */
/* /\/\/\/\/\/\/\/\/ RESET STYLES /\/\/\/\/\/\/\/\/ */
body{margin:0; padding:0;}
img{border:0; height:auto; line-height:100%; outline:none; text-decoration:none;}
table{border-collapse:collapse !important;}
body, #bodyTable, #bodyCell{height:100% !important; margin:0; padding:0; width:100% !important;}
/* /\/\/\/\/\/\/\/\/ TEMPLATE STYLES /\/\/\/\/\/\/\/\/ */
/* ========== Page Styles ========== */
#bodyCell{padding:20px;}
#templateContainer{width:600px;}
/**
* @tab Page
* @section background style
* @tip Set the background color and top border for your email. You may want to choose colors that match your company's branding.
* @theme page
*/
#bodyTable{
/*@editable*/ background-color:#f1f1f1;
border-radius: 12px;
}
/**
* @tab Page
* @section background style
* @tip Set the background color and top border for your email. You may want to choose colors that match your company's branding.
* @theme page
*/
/**
* @tab Page
* @section email border
* @tip Set the border for your email.
*/
#templateContainer{
background: #fff;
border-radius: 12px;
box-shadow: 1px 1px 8px rgba(0,0,0,0.15);
}
/**
* @tab Page
* @section heading 1
* @tip Set the styling for all first-level headings in your emails. These should be the largest of your headings.
* @style heading 1
*/
h1{
/*@editable*/ color:#047ae2 !important;
display:block;
/*@editable*/ font-family: -apple-system-headline, -apple-system, "Helvetica Neue", Helvetica, Arial, verdana, sans-serif;
/*@editable*/ font-size: 24px;
/*@editable*/ font-style:normal;
/*@editable*/ font-weight: 500;
/*@editable*/ line-height: 160%;
/*@editable*/ letter-spacing:normal;
margin-top:0;
margin-right:0;
margin-bottom:10px;
margin-left:0;
/*@editable*/ text-align:left;
}
/**
* @tab Page
* @section heading 2
* @tip Set the styling for all second-level headings in your emails.
* @style heading 2
*/
h2{
/*@editable*/ color:#627484 !important;
display:block;
/*@editable*/ font-family: -apple-system-headline, -apple-system, "Helvetica Neue", Helvetica, Arial, verdana, sans-serif;
/*@editable*/ font-size: 18px;
/*@editable*/ font-style: normal;
/*@editable*/ font-weight: 600;
/*@editable*/ line-height: 140%;
/*@editable*/ letter-spacing:normal;
margin-top:0;
margin-right:0;
margin-bottom:10px;
margin-left:0;
/*@editable*/ text-align:left;
}
/**
* @tab Page
* @section heading 3
* @tip Set the styling for all third-level headings in your emails.
* @style heading 3
*/
h3{
/*@editable*/ color:#627484 !important;
display:block;
/*@editable*/ font-family: -apple-system-headline, -apple-system, "Helvetica Neue", Helvetica, Arial, verdana, sans-serif;
/*@editable*/ font-size: 14px;
/*@editable*/ font-weight: 500;
/*@editable*/ line-height: 160%;
/*@editable*/ letter-spacing:normal;
margin-top:0;
margin-right:0;
margin-bottom: 12px;
margin-left:0;
/*@editable*/ text-align:left;
}
/**
* @tab Page
* @section heading 4
* @tip Set the styling for all fourth-level headings in your emails. These should be the smallest of your headings.
* @style heading 4
*/
h4{
/*@editable*/ color:#808080 !important;
display:block;
/*@editable*/ font-family: -apple-system-headline, -apple-system, "Helvetica Neue", Helvetica, Arial, verdana, sans-serif;
/*@editable*/ font-size:14px;
/*@editable*/ font-style:italic;
/*@editable*/ font-weight:normal;
/*@editable*/ line-height: 140%;
/*@editable*/ letter-spacing:normal;
margin-top:0;
margin-right:0;
margin-bottom:10px;
margin-left:0;
/*@editable*/ text-align:left;
}
p {
color: rgba(0,0,0,0.7);
display:block;
font-family: -apple-system-headline, -apple-system, "Helvetica Neue", Helvetica, Arial, verdana, sans-serif;
font-size: 12px
/*@editable*/ font-weight:normal;
/*@editable*/ line-height: 1.6;
/*@editable*/ letter-spacing:normal;
margin-top:0;
margin-right:0;
margin-bottom: 14px;
margin-left:0;
}
.extra-space {
margin-top: 12px !important;
}
#templateContainer p {
/*@editable*/ font-size:14px;
}
/* ========== Header Styles ========== */
/**
* @tab Header
* @section preheader style
* @tip Set the background color and bottom border for your email's preheader area.
* @theme header
*/
#templatePreheader{
}
/**
* @tab Header
* @section preheader text
* @tip Set the styling for your email's preheader text. Choose a size and color that is easy to read.
*/
.preheaderContent{
/*@editable*/ color:#808080;
/*@editable*/ font-family: -apple-system-headline, -apple-system, "Helvetica Neue", Helvetica, Arial, verdana, sans-serif;
/*@editable*/ font-size:10px;
/*@editable*/ line-height:125%;
/*@editable*/ text-align:left;
}
/**
* @tab Header
* @section preheader link
* @tip Set the styling for your email's preheader links. Choose a color that helps them stand out from your text.
*/
.preheaderContent a:link, .preheaderContent a:visited, /* Yahoo! Mail Override */ .preheaderContent a .yshortcuts /* Yahoo! Mail Override */{
/*@editable*/ color:#606060;
/*@editable*/ font-weight:normal;
/*@editable*/ text-decoration:underline;
}
/**
* @tab Header
* @section header style
* @tip Set the background color and borders for your email's header area.
* @theme header
*/
#templateHeader{
}
/**
* @tab Header
* @section header text
* @tip Set the styling for your email's header text. Choose a size and color that is easy to read.
*/
.headerContent{
/*@editable*/ color:#505050;
/*@editable*/ font-family: -apple-system-headline, -apple-system, "Helvetica Neue", Helvetica, Arial, verdana, sans-serif;
/*@editable*/ font-size:20px;
/*@editable*/ font-weight:bold;
/*@editable*/ line-height:100%;
/*@editable*/ padding-top:0;
/*@editable*/ padding-right:0;
/*@editable*/ padding-bottom:0;
/*@editable*/ padding-left:0;
/*@editable*/ text-align:left;
/*@editable*/ vertical-align:middle;
}
/**
* @tab Header
* @section header link
* @tip Set the styling for your email's header links. Choose a color that helps them stand out from your text.
*/
.headerContent a:link, .headerContent a:visited, /* Yahoo! Mail Override */ .headerContent a .yshortcuts /* Yahoo! Mail Override */{
/*@editable*/ color:#EB4102;
/*@editable*/ font-weight:normal;
/*@editable*/ text-decoration:underline;
}
#headerImage{
height:auto;
border-radius: 8px 8px 0 0;
max-width:600px;
}
/* ========== Body Styles ========== */
/**
* @tab Body
* @section body style
* @tip Set the background color and borders for your email's body area.
*/
#templateBody{
}
.bigButton {
background: #056bca;
border-radius: 6px;
display: inline-block;
font-family: -apple-system-headline, -apple-system, "Helvetica Neue", Helvetica, Arial, verdana, sans-serif;
color: #fff !important;
padding: 12px 16px;
font-size: 15px;
line-height: 18px;
margin-bottom: 12px;
margin-right: 8px;
text-decoration: none !important;
}
.bigButton.grey {
background: #8ea0b1;
}
.button {
background: #8ea0b1;
border-radius: 6px;
color: #fff !important;
display: inline-block;
font-family: -apple-system-headline, -apple-system, "Helvetica Neue", Helvetica, Arial, verdana, sans-serif;
font-size: 13px;
padding: 8px 12px;
line-height: 16px;
margin-right: 8px;
margin-bottom: 12px;
text-decoration: none !important;
}
.blue.button {
background: #056bca;
}
/**
* @tab Body
* @section body text
* @tip Set the styling for your email's main content text. Choose a size and color that is easy to read.
* @theme main
*/
.bodyContent{
/*@editable*/ color:#505050;
/*@editable*/ font-family: -apple-system-headline, -apple-system, "Helvetica Neue", Helvetica, Arial, verdana, sans-serif;
/*@editable*/ font-size:16px;
/*@editable*/ line-height:150%;
padding-top:20px;
padding-right:20px;
padding-bottom:20px;
padding-left:20px;
/*@editable*/ text-align:left;
}
/**
* @tab Body
* @section body link
* @tip Set the styling for your email's main content links. Choose a color that helps them stand out from your text.
*/
.bodyContent a:link, .bodyContent a:visited, /* Yahoo! Mail Override */ .bodyContent a .yshortcuts /* Yahoo! Mail Override */{
/*@editable*/ color:#175eff;
/*@editable*/ font-weight:normal;
/*@editable*/ text-decoration:underline;
}
.bodyContent img{
display:inline;
height:auto;
max-width:560px;
}
/**
* @tab Columns
* @section column style
* @tip Set the background color and borders for your email's column area.
*/
#templateColumns{
}
/**
* @tab Columns
* @section left column text
* @tip Set the styling for your email's left column content text. Choose a size and color that is easy to read.
*/
.leftColumnContent{
/*@editable*/ color:#505050;
/*@editable*/ font-family: -apple-system-headline, -apple-system, "Helvetica Neue", Helvetica, Arial, verdana, sans-serif;
/*@editable*/ font-size:14px;
/*@editable*/ line-height:150%;
padding-top:0;
padding-right:20px;
padding-bottom:10px;
padding-left:20px;
/*@editable*/ text-align:left;
}
/**
* @tab Columns
* @section left column link
* @tip Set the styling for your email's left column content links. Choose a color that helps them stand out from your text.
*/
.leftColumnContent a:link, .leftColumnContent a:visited, /* Yahoo! Mail Override */ .leftColumnContent a .yshortcuts /* Yahoo! Mail Override */{
/*@editable*/ color:#175eff;
/*@editable*/ font-weight:normal;
/*@editable*/ text-decoration:underline;
}
/**
* @tab Columns
* @section center column text
* @tip Set the styling for your email's center column content text. Choose a size and color that is easy to read.
*/
.centerColumnContent{
/*@editable*/ color:#505050;
/*@editable*/ font-family: -apple-system-headline, -apple-system, "Helvetica Neue", Helvetica, Arial, verdana, sans-serif;
/*@editable*/ font-size:14px;
/*@editable*/ line-height:150%;
padding-top:0;
padding-right:20px;
padding-bottom:10px;
padding-left:20px;
/*@editable*/ text-align:left;
}
/**
* @tab Columns
* @section center column link
* @tip Set the styling for your email's center column content links. Choose a color that helps them stand out from your text.
*/
.centerColumnContent a:link, .centerColumnContent a:visited, /* Yahoo! Mail Override */ .centerColumnContent a .yshortcuts /* Yahoo! Mail Override */{
/*@editable*/ color:#175eff;
/*@editable*/ font-weight:normal;
/*@editable*/ text-decoration:underline;
}
/**
* @tab Columns
* @section right column text
* @tip Set the styling for your email's right column content text. Choose a size and color that is easy to read.
*/
.rightColumnContent{
/*@editable*/ color:#505050;
/*@editable*/ font-family: -apple-system-headline, -apple-system, "Helvetica Neue", Helvetica, Arial, verdana, sans-serif;
/*@editable*/ font-size:14px;
/*@editable*/ line-height:150%;
padding-top:0;
padding-right:20px;
padding-bottom:10px;
padding-left:20px;
/*@editable*/ text-align:left;
}
/**
* @tab Columns
* @section right column link
* @tip Set the styling for your email's right column content links. Choose a color that helps them stand out from your text.
*/
.rightColumnContent a:link, .rightColumnContent a:visited, /* Yahoo! Mail Override */ .rightColumnContent a .yshortcuts /* Yahoo! Mail Override */{
/*@editable*/ color:#175eff;
/*@editable*/ font-weight:normal;
/*@editable*/ text-decoration:underline;
}
.leftColumnContent img, .rightColumnContent img{
display:inline;
height:auto;
max-width:260px;
}
.columnImage {
border-radius: 8px !important;
box-shadow: 4px 4px 8px rgba(0,0,0,0.2);
}
.topBorder {
border-top: 1px solid #f1f1f1;
}
/*////// FRAMEWORK STYLES //////*/
.flexibleContainerCell {
border-top: 1px solid #f1f1f1;
}
.flexibleContainerCell{
padding-top:24px;
padding-right:12px;
padding-left:12px;
}
.flexibleImage{
border-radius: 8px;
box-shadow: 2px 2px 6px rgba(0,0,0,0.15);
height:auto;
}
.bottomShim{padding-bottom:16px;}
.imageContent, .imageContentLast{padding-bottom:12px;}
.nestedContainerCell{padding-top:12px; padding-right:12px; padding-left:12px;}
/* ========== Footer Styles ========== */
/**
* @tab Footer
* @section footer style
* @tip Set the background color and borders for your email's footer area.
* @theme footer
*/
#templateFooter{
max-width: 600px;
margin: 0 auto 16px auto;
padding-bottom: 32px;
}
#templateFooter p {
color: rgba(0,0,0,0.25);
margin: 4px 0;
}
#templateFooter p a {
color: rgba(0,0,0,0.33);
}
/**
* @tab Footer
* @section footer text
* @tip Set the styling for your email's footer text. Choose a size and color that is easy to read.
* @theme footer
*/
.footerContent{
/*@editable*/ color: #999;
/*@editable*/ font-family: -apple-system-headline, -apple-system, "Helvetica Neue", Helvetica, Arial, verdana, sans-serif;
/*@editable*/ font-size: 11px;
font-weight: 400;
/*@editable*/ line-height: 120%;
padding-top: 16px;
padding-right: 20px;
/*padding-bottom:20px;*/
padding-left: 24px;
/*@editable*/ text-align:left;
}
/**
* @tab Footer
* @section footer link
* @tip Set the styling for your email's footer links. Choose a color that helps them stand out from your text.
*/
.footerContent a:link, .footerContent a:visited, /* Yahoo! Mail Override */ .footerContent a .yshortcuts, .footerContent a span /* Yahoo! Mail Override */{
/*@editable*/ color: #777;
/*@editable*/ font-weight:normal;
text-decoration: none;
}
/* /\/\/\/\/\/\/\/\/ MOBILE STYLES /\/\/\/\/\/\/\/\/ */
@media only screen and (max-width: 480px){
/* /\/\/\/\/\/\/ CLIENT-SPECIFIC MOBILE STYLES /\/\/\/\/\/\/ */
body, table, td, p, a, li, blockquote{-webkit-text-size-adjust:none !important;} /* Prevent Webkit platforms from changing default text sizes */
body{width:100% !important; min-width:100% !important;} /* Prevent iOS Mail from adding padding to the body */
/* /\/\/\/\/\/\/ MOBILE RESET STYLES /\/\/\/\/\/\/ */
#bodyCell{padding:10px !important;}
/* /\/\/\/\/\/\/ MOBILE TEMPLATE STYLES /\/\/\/\/\/\/ */
/* ======== Page Styles ======== */
/**
* @tab Mobile Styles
* @section template width
* @tip Make the template fluid for portrait or landscape view adaptability. If a fluid layout doesn't work for you, set the width to 300px instead.
*/
#templateContainer{
max-width:600px !important;
/*@editable*/ width:100% !important;
}
/**
* @tab Mobile Styles
* @section heading 1
* @tip Make the first-level headings larger in size for better readability on small screens.
*/
h1{
/*@editable*/ font-size:24px !important;
/*@editable*/ line-height:100% !important;
}
/**
* @tab Mobile Styles
* @section heading 2
* @tip Make the second-level headings larger in size for better readability on small screens.
*/
h2{
/*@editable*/ font-size:20px !important;
}
/**
* @tab Mobile Styles
* @section heading 3
* @tip Make the third-level headings larger in size for better readability on small screens.
*/
h3{
/*@editable*/ font-size:18px !important;
}
/**
* @tab Mobile Styles
* @section heading 4
* @tip Make the fourth-level headings larger in size for better readability on small screens.
*/
h4{
/*@editable*/ font-size:16px !important;
}
/* ======== Header Styles ======== */
#templatePreheader{display:none !important;} /* Hide the template preheader to save space */
/**
* @tab Mobile Styles
* @section header image
* @tip Make the main header image fluid for portrait or landscape view adaptability, and set the image's original width as the max-width. If a fluid setting doesn't work, set the image width to half its original size instead.
*/
#headerImage{
height:auto !important;
/*@editable*/ max-width:600px !important;
/*@editable*/ width:100% !important;
}
/**
* @tab Mobile Styles
* @section header text
* @tip Make the header content text larger in size for better readability on small screens. We recommend a font size of at least 16px.
*/
.headerContent{
/*@editable*/ font-size:20px !important;
/*@editable*/ line-height:125% !important;
}
/* ======== Body Styles ======== */
/**
* @tab Mobile Styles
* @section body image
* @tip Make the main body image fluid for portrait or landscape view adaptability, and set the image's original width as the max-width. If a fluid setting doesn't work, set the image width to half its original size instead.
*/
#bodyImage{
height:auto !important;
/*@editable*/ max-width:560px !important;
/*@editable*/ width:100% !important;
}
/**
* @tab Mobile Styles
* @section body text
* @tip Make the body content text larger in size for better readability on small screens. We recommend a font size of at least 16px.
*/
.bodyContent{
/*@editable*/ font-size:18px !important;
/*@editable*/ line-height:125% !important;
}
/* ======== Column Styles ======== */
.templateColumnContainer{display:block !important; width:100% !important;}
/**
* @tab Mobile Styles
* @section column image
* @tip Make the column image fluid for portrait or landscape view adaptability, and set the image's original width as the max-width. If a fluid setting doesn't work, set the image width to half its original size instead.
*/
.columnImage{
display: block;
height:auto !important;
/*@editable*/ max-width: 320px !important;
/*@editable*/ width:100% !important;
}
/**
* @tab Mobile Styles
* @section left column text
* @tip Make the left column content text larger in size for better readability on small screens. We recommend a font size of at least 16px.
*/
.leftColumnContent{
/*@editable*/ font-size:16px !important;
/*@editable*/ line-height:125% !important;
}
/**
* @tab Mobile Styles
* @section right column text
* @tip Make the right column content text larger in size for better readability on small screens. We recommend a font size of at least 16px.
*/
.rightColumnContent{
/*@editable*/ font-size:16px !important;
/*@editable*/ line-height:125% !important;
}
/* ======== Footer Styles ======== */
/**
* @tab Mobile Styles
* @section footer text
* @tip Make the body content text larger in size for better readability on small screens.
*/
.footerContent{
}
/*////// FRAMEWORK STYLES //////*/
/*
CSS selectors are written in attribute
selector format to prevent Yahoo Mail
from rendering media query styles on
desktop.
*/
table[id="emailBody"], table[class="flexibleContainer"]{width:100% !important;}
/*
The following style rule makes any
image classed with 'flexibleImage'
fluid when the query activates.
Make sure you add an inline max-width
to those images to prevent them
from blowing out.
*/
img[class="flexibleImage"]{height:auto !important; width:100% !important;}
/*
Make buttons in the email span the
full width of their container, allowing
for left- or right-handed ease of use.
*/
table[class="emailButton"]{width:100% !important;}
td[class="buttonContent"]{padding:0 !important;}
td[class="buttonContent"] a{padding:15px !important;}
td[class="textContentLast"], td[class="imageContentLast"]{padding-top:20px !important;}
/*////// GENERAL STYLES //////*/
td[id="bodyCell"]{padding-top:10px !important; padding-Right:10px !important; padding-Left:10px !important;}
}
</style>
</head>
<body leftmargin="0" marginheight="0" marginwidth="0" offset="0" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;margin: 0;padding: 0;height: 100% !important;width: 100% !important;" topmargin="0">
<center>
<table align="center" border="0" cellpadding="0" cellspacing="0" height="100%" id="bodyTable" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;margin: 0;padding: 0;background-color: #f1f1f1;border-radius: 12px;border-collapse: collapse !important;height: 100% !important;width: 100% !important;" width="100%">
<tr>
<td align="center" id="bodyCell" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;margin: 0;padding: 20px;height: 100% !important;width: 100% !important;" valign="top">
<table border="0" cellpadding="0" cellspacing="0" id="templateContainer" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;width: 600px;background: #fff;border-radius: 12px;box-shadow: 1px 1px 8px rgba(0,0,0,0.15);border-collapse: collapse !important;">
<tr>
<td align="center" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" valign="top">
<!-- BEGIN HEADER // -->
<table border="0" cellpadding="0" cellspacing="0" id="templateHeader" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-collapse: collapse !important;" width="100%">
<tr>
<td class="headerContent" style='-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;color: #505050;font-family: -apple-system-headline, -apple-system, "Helvetica Neue", Helvetica, Arial, verdana, sans-serif;font-size: 20px;font-weight: bold;line-height: 100%;padding-top: 0;padding-right: 0;padding-bottom: 0;padding-left: 0;text-align: left;vertical-align: middle;' valign="top">
<a style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;color: #EB4102;font-weight: normal;text-decoration: underline;">
<img id="headerImage" mc:label="header_image" src="https://inboxflows.com/_/image/https%253A%252F%252Fmedia.gyrosco.pe%252Fimages%252Femail%252Fheader2.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtZWRpYS5neXJvcyJ9:1kXPFf:B_d79dSOTmjWydEsCmThHpCsstXrvEOpl3zWG5WvGFE" style="max-width: 600px;-ms-interpolation-mode: bicubic;border: 0;height: auto;line-height: 100%;outline: none;text-decoration: none;border-radius: 8px 8px 0 0;"/>
</a>
</td>
</tr>
</table>
<!-- // END HEADER -->
</td>
</tr>
<!-- Top intro -->
<tr>
<td align="center" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" valign="top">
<!-- BEGIN BODY // -->
<table border="0" cellpadding="0" cellspacing="0" id="templateBody" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-collapse: collapse !important;" width="100%">
<tr>
<td class="bodyContent" mc:edit="body_content00" style='-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;color: #505050;font-family: -apple-system-headline, -apple-system, "Helvetica Neue", Helvetica, Arial, verdana, sans-serif;font-size: 16px;line-height: 150%;padding-top: 20px;padding-right: 20px;padding-bottom: 20px;padding-left: 20px;text-align: left;' valign="top">
<h1 style='display: block;font-family: -apple-system-headline, -apple-system, "Helvetica Neue", Helvetica, Arial, verdana, sans-serif;font-size: 24px;font-style: normal;font-weight: 500;line-height: 160%;letter-spacing: normal;margin-top: 0;margin-right: 0;margin-bottom: 10px;margin-left: 0;text-align: left;color: #047ae2 !important;'>
Continue syncing data?
</h1>
<h3 style='display: block;font-family: -apple-system-headline, -apple-system, "Helvetica Neue", Helvetica, Arial, verdana, sans-serif;font-size: 14px;font-weight: 500;line-height: 160%;letter-spacing: normal;margin-top: 0;margin-right: 0;margin-bottom: 12px;margin-left: 0;text-align: left;color: #627484 !important;'>
Hi Ramy, please reconnect Twitter to continue syncing ⚡️
</h3>
<p style='-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;color: rgba(0,0,0,0.7);display: block;font-family: -apple-system-headline, -apple-system, "Helvetica Neue", Helvetica, Arial, verdana, sans-serif;font-size: 14px;line-height: 1.6;letter-spacing: normal;margin-top: 0;margin-right: 0;margin-bottom: 14px;margin-left: 0;'>
</p>
<p style='-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;color: rgba(0,0,0,0.7);display: block;font-family: -apple-system-headline, -apple-system, "Helvetica Neue", Helvetica, Arial, verdana, sans-serif;font-size: 14px;line-height: 1.6;letter-spacing: normal;margin-top: 0;margin-right: 0;margin-bottom: 14px;margin-left: 0;'>
Your Twitter integration to Gyroscope recently expired and needs to be added again to continue syncing.
</p>
<p style='-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;color: rgba(0,0,0,0.7);display: block;font-family: -apple-system-headline, -apple-system, "Helvetica Neue", Helvetica, Arial, verdana, sans-serif;font-size: 14px;line-height: 1.6;letter-spacing: normal;margin-top: 0;margin-right: 0;margin-bottom: 14px;margin-left: 0;'>
This is nothing to worry about, and usually happens after a few months. Reconnecting should just take a few seconds and fully restore the syncing of new data.
</p>
<a class="bigButton" style='-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;background: #056bca;border-radius: 6px;display: inline-block;font-family: -apple-system-headline, -apple-system, "Helvetica Neue", Helvetica, Arial, verdana, sans-serif;padding: 12px 16px;font-size: 15px;line-height: 18px;margin-bottom: 12px;margin-right: 8px;color: #fff !important;font-weight: normal;text-decoration: none !important;' target="_blank">
Reconnect from Settings
</a>
<a class="grey bigButton" style='-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;background: #8ea0b1;border-radius: 6px;display: inline-block;font-family: -apple-system-headline, -apple-system, "Helvetica Neue", Helvetica, Arial, verdana, sans-serif;padding: 12px 16px;font-size: 15px;line-height: 18px;margin-bottom: 12px;margin-right: 8px;color: #fff !important;font-weight: normal;text-decoration: none !important;' target="_blank">
Help Center
</a>
</td>
</tr>
</table>
<!-- // END BODY -->
</td>
</tr>
<tr>
<td align="center" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" valign="top">
<table border="0" cellpadding="0" cellspacing="0" id="templateBody" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-collapse: collapse !important;" width="100%">
<tr>
<td class="bodyContent topBorder" mc:edit="body_content00" style='-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;color: #505050;font-family: -apple-system-headline, -apple-system, "Helvetica Neue", Helvetica, Arial, verdana, sans-serif;font-size: 16px;line-height: 150%;padding-top: 20px;padding-right: 20px;padding-bottom: 20px;padding-left: 20px;text-align: left;border-top: 1px solid #f1f1f1;' valign="top">
<p style='-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;color: rgba(0,0,0,0.7);display: block;font-family: -apple-system-headline, -apple-system, "Helvetica Neue", Helvetica, Arial, verdana, sans-serif;font-size: 14px;line-height: 1.6;letter-spacing: normal;margin-top: 0;margin-right: 0;margin-bottom: 14px;margin-left: 0;'>
Gyroscope is available on three great platforms. Staying aware of your
latest stats is what will keep you healthy. You should set up all of
them for the best experience!
</p>
<a class="blue button" style='-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;background: #056bca;border-radius: 6px;display: inline-block;font-family: -apple-system-headline, -apple-system, "Helvetica Neue", Helvetica, Arial, verdana, sans-serif;font-size: 13px;padding: 8px 12px;line-height: 16px;margin-right: 8px;margin-bottom: 12px;color: #fff !important;font-weight: normal;text-decoration: none !important;'>
Gyrosco.pe
</a>
<a class="button" style='-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;background: #8ea0b1;border-radius: 6px;display: inline-block;font-family: -apple-system-headline, -apple-system, "Helvetica Neue", Helvetica, Arial, verdana, sans-serif;font-size: 13px;padding: 8px 12px;line-height: 16px;margin-right: 8px;margin-bottom: 12px;color: #fff !important;font-weight: normal;text-decoration: none !important;'>
iPhone
</a>
<a class="button" style='-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;background: #8ea0b1;border-radius: 6px;display: inline-block;font-family: -apple-system-headline, -apple-system, "Helvetica Neue", Helvetica, Arial, verdana, sans-serif;font-size: 13px;padding: 8px 12px;line-height: 16px;margin-right: 8px;margin-bottom: 12px;color: #fff !important;font-weight: normal;text-decoration: none !important;'>
Chrome
</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<td align="center" class="footer" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" valign="top">
<!-- BEGIN FOOTER // -->
<table border="0" cellpadding="0" cellspacing="0" id="templateFooter" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;max-width: 600px;margin: 0 auto 16px auto;padding-bottom: 32px;border-collapse: collapse !important;" width="100%">
<tr align="center">
<td align="center" class="footerContent" mc:edit="footer_content01" style='padding-top: 16px;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;color: #999;font-family: -apple-system-headline, -apple-system, "Helvetica Neue", Helvetica, Arial, verdana, sans-serif;font-size: 11px;font-weight: 400;line-height: 120%;padding-right: 20px;padding-left: 24px;text-align: left;' valign="top">
<p style='-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;color: rgba(0,0,0,0.25);display: block;font-family: -apple-system-headline, -apple-system, "Helvetica Neue", Helvetica, Arial, verdana, sans-serif;font-size: 12px
font-weight:normal;line-height: 1.6;letter-spacing: normal;margin-top: 0;margin-right: 0;margin-bottom: 14px;margin-left: 0;margin: 4px 0;'>
Gyroscope Innovations · 548 Market St, San Francisco
</p>
<p style='-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;color: rgba(0,0,0,0.25);display: block;font-family: -apple-system-headline, -apple-system, "Helvetica Neue", Helvetica, Arial, verdana, sans-serif;font-size: 12px
font-weight:normal;line-height: 1.6;letter-spacing: normal;margin-top: 0;margin-right: 0;margin-bottom: 14px;margin-left: 0;margin: 4px 0;'>
Too many emails?
<a style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;color: rgba(0,0,0,0.33);font-weight: normal;text-decoration: none;">
Change email settings
</a>
</p>
</td>
</tr>
</table>
<!-- // END FOOTER -->
</td>
</table>
</center>
<img alt="" height="1px" src="https://inboxflows.com/_/image/http%253A%252F%252Femail.mail.gyrosco.pe%252Fo%252FeJyNkD1rwzAQhn-NvAgLfVjWefAQhxpK6dKPoaMinx2FRgqyTJt_X7uklG5djhvufd6Hm64pzi5e8BHn2U54P7RESqV101jNSwCjSiEQSnCVLrnkB-UqlEphaXMptFLcaA1mDRXTD-t5OZzQ5Y30FpdEXz58zpioDxmnZLOPgR7tTPHz4hMORApKek6anjRAOk2f0MUQVgLNka5r9mFBOl-D82FijP0pu4k_-PCtjinFtB34VnIB3CghpWgqwwTrhNqb3X5X6b67682eVPxs_Tu7sdgFi2M7olHDaLQAqAHlOlVtNYAYOYyiNr_NrzOm__9rc0ptveoMypi1evEj4sBcPBdD65wcq8MXD3l25Q/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRmVtYWlsLm1haWwuZyJ9:1kXPFf:05Wq2sT8S9ALiybdNkir4MHO5w8-XriXbU8EUZvWY-Y" width="1px"/>
</body>
</html>
6 years, 11 months ago - support@gyrosco.pe
Your Twitter integration has expired! 😵 Reconnect to continue syncing...
Continue syncing data? Hi Ramy, please reconnect Twitter to continue syncing ⚡️ Your Twitter inte...