Streamsend template html file
authorLaury GvR <laury@gaslightmedia.com>
Thu, 16 Apr 2015 19:05:38 +0000 (15:05 -0400)
committerLaury GvR <laury@gaslightmedia.com>
Thu, 16 Apr 2015 19:05:38 +0000 (15:05 -0400)
streamsend-template.html [new file with mode: 0644]

diff --git a/streamsend-template.html b/streamsend-template.html
new file mode 100644 (file)
index 0000000..0779d37
--- /dev/null
@@ -0,0 +1,213 @@
+<!DOCTYPE html>
+<!--
+To change this license header, choose License Headers in Project Properties.
+To change this template file, choose Tools | Templates
+and open the template in the editor.
+-->
+
+
+<html>
+    <head>
+        <title>TODO supply a title</title>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">  
+        <link href='http://fonts.googleapis.com/css?family=Emilys+Candy' rel='stylesheet' type='text/css'>
+        <style>
+            *, *::before, *::after {
+                box-sizing: border-box;
+              }
+            html {
+                background: #17C6C6;
+                height: 100%;
+            }
+            body {
+                max-width: 700px;
+                margin: 10px auto 50px;
+            }
+            a {
+                color: black;
+                text-decoration: none;
+            }
+            .content .top-bar .top-bar-section ul li > a {
+            }
+            header {
+                height: 120px;
+                background-image: url("http://app.gaslightmedia.com/streamsendclients/tomsmomscookies/header_bg.png");
+                background-position: 315px 10px;
+                background-repeat: repeat-x;
+                background-size: cover;
+            }
+            #top-nav {
+                background-image: url("http://app.gaslightmedia.com/streamsendclients/tomsmomscookies/topbar-bg.jpg");
+                background-position: left center;
+                background-repeat: no-repeat;
+                background-size: cover;
+                border-radius: 10px 10px 0 0;
+                height: 62px;
+            }
+            #top-nav a {
+                text-shadow: 2px 0 0 #bba097, -2px 0 0 #bba097, 0 2px 0 #bba097, 0 -2px 0 #bba097, 1px 1px #bba097, -1px -1px 0 #bba097, 1px -1px 0 #bba097, -1px 1px 0 #bba097;
+                color: #f5e282;
+                font-size: 22px;
+                font-weight: bold;
+            }
+            #top-nav a:hover {
+                text-shadow: 1px 0 1px #675237, -1px 0 2px #675237, 0 1px 2px #bba097, 0 -1px 3px #bba097;
+            }
+            #top-nav ul {
+                list-style: outside none none;
+            }
+            #top-nav > div {
+                display: block;
+                text-align: center;
+                font-family: "Emilys Candy",cursive;
+                text-transform: none;
+                margin-top: 15px;
+                font-size: 24px;
+                box-sizing: border-box;
+                
+            }
+            #top-nav-cookie-shop {
+                float:left;
+                width: 33%;
+                padding-left: 65px;
+                
+            }
+            #top-nav-visit-site {
+                float: right;
+                width: 33%;
+                padding-right: 65px;
+            }
+            #top-nav #logo {
+                float: left;
+                width: 34%;
+                margin-top: -100px;
+            }
+            @media(min-width: 540px) and (max-width:700px) {
+                #top-nav-cookie-shop {
+                    padding: 0;
+                    text-align: right;
+                }
+                #top-nav-visit-site {
+                    padding: 0;
+                }
+            }
+            @media(max-width: 539px) {
+                #top-nav-cookie-shop,
+                #top-nav-visit-site {
+                    display: none !important;
+                }
+                #top-nav #logo {
+                    width: 100%;
+                }
+            }
+            #main {;
+                background: white;
+                margin-top: 0;
+                padding: 50px 11%;
+            }
+            #bottom-divider {
+                width: 100%;
+                background-image: url("http://app.gaslightmedia.com/streamsendclients/tomsmomscookies/divider.png");
+                background-color: #97c9ea;
+                background-position: center center;
+                background-repeat: repeat-x;
+                height: 6px;
+            }
+            footer {
+                background-color: #FFE1EB;
+                border-radius: 0 0 10px 10px;
+                padding: 20px;
+            }
+            #footer-address {
+                font-size: 14px;
+                text-align: center;
+            }
+            .address-divider {
+                margin: 0 2px;
+                
+            }
+            @media (max-width: 539px) {
+                .address-divider {
+                    display: none;
+                }
+            }
+            footer span {
+                color: #000;
+                font-family: Arial,sans-serif;
+                font-size: 12px;
+            }
+            @media (max-width: 539px) {
+                    footer span {
+                        display: block;
+                        margin: 0px 0;
+                    }
+                }
+            footer span {
+                color: #65addf;
+                font-family: Arial, sans-serif;
+                font-size: 14px;
+            }
+        </style>
+    </head>
+    
+    <body>
+        <header>
+            
+        </header>
+        <div id="top-nav">
+            <div id="top-nav-cookie-shop">
+                <a href="http://tomsmomscookies.gaslightmedia.com" target="_blank">
+                    Cookie Shop
+                </a>
+            </div>
+            <div id="logo">
+                <a href="http://tomsmomscookies.gaslightmedia.com" target="_blank">
+                    <img src="http://app.gaslightmedia.com/streamsendclients/tomsmomscookies/logo.png">
+                </a>
+            </div>
+            <div id="top-nav-visit-site">
+                <a href="http://tomsmomscookies.gaslightmedia.com/shop/" target="_blank">
+                    Visit the Site
+                </a>
+            </div>
+        </div>
+        <div id="main">
+            <h1>Tom's Mom's Cookies!</h1>
+            <p>
+                Cu lëo cenda ambalë, col vá tárë yalúmëa, oro yá rotelë hyarmenya. 
+                Yá ría anca litsë, hat up ilca linta. Telpë fairë cé fas. Atwa cumna 
+                nurtalom us epë. Ya tëa lorna ambarmetta, astar orosta tó fëa.
+                Píca eteminya pereldar pé lau, anca orofarnë tëa us, to lin úcarë 
+                tuilë avatyara. Mí cëa lasta teletelya. Cé ailin hopassë amilessë 
+                mat. Sí ëar málo raita palla, et iel riel metta nasta, oar varta 
+                hesta omentië ar. Úr tur lappa vaina enyárë, sa mëoi yaru aro, úr 
+                sín cuilë valdë racinë. Ya hahta velca simpina nal, cor ilma yulma 
+                hérincë ya. Axa ta manu halya.
+            </p>
+            <img src="http://app.gaslightmedia.com/streamsendclients/tomsmomscookies/cookie-no-bite.png">
+            <p>
+                Nún et marda hesta leryalehtya, ata cé viltë nainanyéna. Fárë hesta 
+                quellë lár an. Sundo omentië etéraettul oa wán, quén inqua hap be. 
+                Cu sat melissë valarauko. Or ríc nolya orpano eteminya. á tussa 
+                lambë queni lav, ar tárië rimpë hwarma nár. Not latin carcassë vi. 
+                Ainu horta haloitë má táp. Soica sairon sat lú, aráto antorya nó 
+                tëa. Rata tareldar war vi, vi lissë metta mar. Marda cuivië órë 
+            </p>
+        </div>
+        <div id="bottom-divider"></div>
+        <footer>
+            <div id="footer-address">
+                <span>Tom’s Mom’s Cookies</span>
+                <span class="address-divider"> | </span>
+                <span>Spring Street, Harbor Springs, Michigan</span>
+                <span class="address-divider"> | </span>
+                <span>(231) 526-6606</span>
+                <span class="address-divider"> </span><br>
+                <span>Monday-Saturday: 10:00 am - 5:30 pm</span>
+                <span class="address-divider"> | </span>
+                <span>Sunday: 10:00 am - 4:00 pm</span>
+            </div>
+        </footer>
+    </body>
+</html>