We Tell Stories
<!DOCTYPE html PUBLIC ”-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<title></title>
<meta http-equiv=”content-type” content=”text/html; charset=UTF-8” />
<meta name=”viewport” content=”width=device-width, initial-scale=1.0” />
<!- Prevents iOS from auto detecting and styling phone numbers. Remember to link tel numbers and style yourself. ->
<meta name=”format-detection” content=”telephone=no” />
<style type=”text/css”>
body {
width: 100%;
/* Prevent auto resizing of font size /
-webkit-text-size-adjust: 100% !important;
-ms-text-size-adjust: 100% !important;
margin: 0;
padding: 0;
}
img {
border: 0;
outline: none;
-ms-interpolation-mode: bicubic;
}
a img {
border: 0;
}
/ Forces Outlook to display email at 100% width /
.ExternalClass {
width: 100%;
}
/ Corrects line-height issues on Outlook /
.ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {
line-height: 100%;
}
/ Removes unwanted gap with left/right aligned tables /
/
included to correct Outlook 2007 issue /
table, td {
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
border-collapse: collapse;
}
/ Mobile Responsive Styles /
/ Using attribute selectors due to media queries issues with Yahoo! Mail */
@media only screen and (max-width: 480px) {
table[class=device-width], td[class=device-width], img[class=device-width] {
width: 320px !important;
height: auto !important;
}
table[class=inner-width], td[class=inner-width], img[class=inner-width] {
width: 240px !important;
height: auto !important;
}
td[class=hero-1] {
width: 320px !important;
height: auto !important;
background-image: url(img/hero-bg-1.jpg) !important;
background-position: center !important;
background-size: cover !important;
padding-top: 60px !important;
padding-bottom: 60px !important;
}
td[class=hero-2] {
width: 320px !important;
height: auto !important;
background-image: url(img/hero-bg-2.jpg) !important;
background-position: center !important;
background-size: cover !important;
padding-top: 60px !important;
padding-bottom: 60px !important;
}
td[class=hero-3] {
width: 320px !important;
height: auto !important;
padding-top: 60px !important;
padding-bottom: 60px !important;
}
td[class=hero-feature] {
padding-bottom: 30px !important;
}
td[class=stack] {
display: block !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
td[class=small-push] {
padding-top: 30px !important;
}
td[class=wrapper] {
padding-top: 0 !important;
padding-bottom: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
td[class=logo] {
width: 240px !important;
height: auto !important;
text-align: center !important;
padding-bottom: 20px !important;
}
td[class=logo] img {
display: inline !important;
}
td[class=center] {
width: 240px !important;
height: auto !important;
text-align: center !important;
}
}
</style>
</head>
<body style=”width: 100%; -webkit-text-size-adjust: 100% !important; -ms-text-size-adjust: 100% !important; margin: 0; padding: 0;”>
<!- /\/\/\/\/\/\/\/\/ START Inbox Preview Text /\/\/\/\/\/\/\/\/ ->
Big Things Media
<!- /\/\/\/\/\/\/\/\/ END Inbox Preview Text /\/\/\/\/\/\/\/\/ ->
<!—
For light background, switch to this | :
|
—>
|
<!- /\/\/\/\/\/\/\/\/ START Header C /\/\/\/\/\/\/\/\/ ->
<!- /\/\/\/\/\/\/\/\/ END Header C /\/\/\/\/\/\/\/\/ ->
<!- /\/\/\/\/\/\/\/\/ START Color Accent Bar /\/\/\/\/\/\/\/\/ ->
<!- /\/\/\/\/\/\/\/\/ END Color Accent Bar /\/\/\/\/\/\/\/\/ ->
<!- /\/\/\/\/\/\/\/\/ START Hero B /\/\/\/\/\/\/\/\/ ->
<!—[if gte mso 9]>
<v:rect xmlns:v=”urn:schemas-microsoft-com:vml” fill=”true” stroke=”false” style=”width: 640px; height: 380px;”>
<v:fill type=”tile” src=”img/hero-bg-2.jpg” color=”#292c34” />
<v:textbox inset=”0,0,0,0”>
<![endif]—>
<!- Hero headline goes here. Manually add
to insert line breaks to fine tune. ->
Big Things Media, LLC
|
<!- Hero sub-headline goes here ->
We are a small team of creatives who work on multi-media projects
|
|
|
|
<!—[if gte mso 9]>
</v:textbox>
</v:rect>
<![endif]—>
|
<!- /\/\/\/\/\/\/\/\/ END Hero B /\/\/\/\/\/\/\/\/ ->
<!- /\/\/\/\/\/\/\/\/ START Secondary Content A /\/\/\/\/\/\/\/\/ ->
|
|
Lyric Video
A motion graphic video
to the song “You Are My One Thing” by Bethel Music
<!—[if mso]>
<v:roundrect xmlns:v=”urn:schemas-microsoft-com:vml” xmlns:w=”urn:schemas-microsoft-com:office:word” href=”#” style=”height: 30px; v-text-anchor: middle; width: 100px;” arcsize=”14%” strokecolor=”#30b37a” fillcolor=”#f5f5f5”>
<w:anchorlock/>
<center style=”color: #30b37a; font-family: ‘Helvetica Neue’, Helvetica, Arial, sans-serif; font-size: 12px; font-weight: bold;”>Get It Now</center>
</v:roundrect>
<![endif]—>
Watch Video
|
|
|
|
<!- /\/\/\/\/\/\/\/\/ END Secondary Content A /\/\/\/\/\/\/\/\/ ->
<!- /\/\/\/\/\/\/\/\/ START Secondary Content B /\/\/\/\/\/\/\/\/ ->
Expository/
ComeTogether Highlight
A short video highlight
of the weekend “ComeTogether” at Northwood’s Community Church
<!—[if mso]>
<v:roundrect xmlns:v=”urn:schemas-microsoft-com:vml” xmlns:w=”urn:schemas-microsoft-com:office:word” href=”#” style=”height: 30px; v-text-anchor: middle; width: 100px;” arcsize=”14%” strokecolor=”#30b37a” fillcolor=”#f5f5f5”>
<w:anchorlock/>
<center style=”color: #30b37a; font-family: ‘Helvetica Neue’, Helvetica, Arial, sans-serif; font-size: 12px; font-weight: bold;”>Get It Now</center>
</v:roundrect>
<![endif]—>
Watch Video
|
|
|
<!- /\/\/\/\/\/\/\/\/ END Secondary Content B /\/\/\/\/\/\/\/\/ ->
<!- /\/\/\/\/\/\/\/\/ START Testimonial B /\/\/\/\/\/\/\/\/ ->
|
Nothing is more powerful than a story. That’s where we come in; to tell your story.
Reece Johnson, Founder and CEO
|
|
<!- /\/\/\/\/\/\/\/\/ END Testimonial B /\/\/\/\/\/\/\/\/ ->
<!- /\/\/\/\/\/\/\/\/ START Call to Action E /\/\/\/\/\/\/\/\/ ->
|
|
|
<!—[if mso]>
<v:roundrect xmlns:v=”urn:schemas-microsoft-com:vml” xmlns:w=”urn:schemas-microsoft-com:office:word” href=”#” style=”height: 40px; v-text-anchor: middle; width: 134px;” arcsize=”10%” strokecolor=”#209260” fillcolor=”#209260”>
<w:anchorlock/>
<center style=”color: #ffffff; font-family: ‘Helvetica Neue’, Helvetica, Arial, sans-serif; font-size: 16px; font-weight: bold;”>Get It Now</center>
</v:roundrect>
<![endif]—>
Vimeo
|
|
|
<!- /\/\/\/\/\/\/\/\/ END Call to Action E /\/\/\/\/\/\/\/\/ ->
<!- /\/\/\/\/\/\/\/\/ START Footer C /\/\/\/\/\/\/\/\/ ->
<!- /\/\/\/\/\/\/\/\/ END Footer C /\/\/\/\/\/\/\/\/ ->
|
|
|
|
