projects / web / AlicesKandyKorn.git / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (parent: 0494eab)
New site for Alices Kandy Korn
authorSteve Sutton <steve@gaslightmedia.com>
Fri, 1 Aug 2014 14:59:11 +0000 (10:59 -0400)
committerSteve Sutton <steve@gaslightmedia.com>
Fri, 1 Aug 2014 14:59:11 +0000 (10:59 -0400)
Adding a splash page.

assets/bg.png [new file with mode: 0644] patch | blob
assets/bg2.png [new file with mode: 0644] patch | blob
assets/footerBg.png [new file with mode: 0644] patch | blob
assets/logo.png [new file with mode: 0644] patch | blob
assets/photos.jpg [new file with mode: 0644] patch | blob
assets/tagline.png [new file with mode: 0644] patch | blob
index.php [new file with mode: 0644] patch | blob
styles.css [new file with mode: 0644] patch | blob

diff --git a/assets/bg.png b/assets/bg.png
new file mode 100644 (file)
index 0000000..fc12931
Binary files /dev/null and b/assets/bg.png differ
diff --git a/assets/bg2.png b/assets/bg2.png
new file mode 100644 (file)
index 0000000..1668726
Binary files /dev/null and b/assets/bg2.png differ
diff --git a/assets/footerBg.png b/assets/footerBg.png
new file mode 100644 (file)
index 0000000..16b459e
Binary files /dev/null and b/assets/footerBg.png differ
diff --git a/assets/logo.png b/assets/logo.png
new file mode 100644 (file)
index 0000000..de6cc94
Binary files /dev/null and b/assets/logo.png differ
diff --git a/assets/photos.jpg b/assets/photos.jpg
new file mode 100644 (file)
index 0000000..1d5cbc4
Binary files /dev/null and b/assets/photos.jpg differ
diff --git a/assets/tagline.png b/assets/tagline.png
new file mode 100644 (file)
index 0000000..f3d60cd
Binary files /dev/null and b/assets/tagline.png differ
diff --git a/index.php b/index.php
new file mode 100644 (file)
index 0000000..0b7c5b3
--- /dev/null
+++ b/index.php
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>Alice&apos;s Kandy &amp; Korn</title>
+    <link type="text/css" href="styles.css" rel="stylesheet"> 
+    </head>
+    <body>
+        <div id="wrapper">
+            <div id="header">
+                <h1>Alice&apos;s Kandy &amp; Korn</h1>
+                <p>231-436-6054</p>
+                <p>
+                    <a href="mailto:aliceskandyandkorn@gmail.com">Email Us</a>
+                </p>
+            </div>
+            <div id="main">
+                <h2>Satisfying candy lovers for over 50 years!</h2>
+                <img src="assets/photos.jpg">
+                <p>You&apos;ll find everything you need to satisfy your sweet tooth at Alice&apos;s Kandy &amp; Korn! Caramel corn, cheese corn, saltwater taffy, fudge, caramel apples, pralines and more! Open at 9 am, 7 days a week!</p>
+            </div>
+            <div id="footer">
+                <address>
+                    <p>512 Huron Avenue</p>
+                    <p>Mackinaw City, MI 49701</p>
+                    <p>231-436-6054</p>
+                </address>
+                <p>Online ordering coming soon!</p>
+            </div>
+            <div id="copyright">
+                <p>Copyright&copy;2014 Alice&apos;s Kandy &amp; Korn &bull; Produced by <a href="http://www.gaslightmedia.com">Gaslight Media</a></p>
+            </div>
+        </div>
+    </body>
+</html>
\ No newline at end of file
diff --git a/styles.css b/styles.css
new file mode 100644 (file)
index 0000000..ee992d8
--- /dev/null
+++ b/styles.css
@@ -0,0 +1,92 @@
+html {
+    font-size: 62.5%;
+    }
+body {
+    background: url(assets/bg.png) repeat-x #00275d;
+    font-size: 1.8rem;
+    font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
+    margin: 0;
+    }
+#wrapper {
+    width: 1000px;
+    margin: 0 auto;
+    }
+/* HEADER AREA */
+#header {
+    height: 308px;
+    position: relative;
+    padding-top: 50px;
+    }
+#header h1 {
+    width: 203px;
+    height: 250px;
+    text-indent: -9000px;
+    background: url(assets/logo.png) no-repeat;
+    margin: 0 auto;
+    }
+#header p {
+    position: absolute;
+    font-size: 2.8rem;
+    color: white;
+    margin: 0;
+    }
+#header p:nth-child(2) {
+    top: 48px;
+    left: 21px;
+    }
+#header p:last-child {
+    top: 48px;
+    right: 21px;
+    }
+#header a {
+    color: white;
+    }
+/* MAIN AREA */
+#main {
+    background: white;
+    }
+#main h2 {
+    width: 559px;
+    height: 36px;
+    background: url(assets/tagline.png);
+    text-indent: -9000px;
+    margin: 20px auto;
+    }
+#main p {
+    text-align: center;
+    margin: 1em 4em;
+    font-style: italic;
+    font-weight: bold;
+    }
+
+/* Footer */
+#footer {
+    color: white;
+    text-align: center;
+    padding-top: 2em;
+    }
+#footer address {
+    font-size: 2.0rem;
+    font-style: normal;
+    }
+#footer address p {
+    margin: 0;
+    }
+#footer address p:last-child {
+    margin-top: 1em;
+    }
+#footer>p {
+    margin-top: 2em;
+    color: #cfac66;
+    font-style: italic;
+    }
+#copyright {
+    font-size: 1.2rem;
+    color: white;
+    text-align: center;
+    margin: 2em auto;
+    font-family: arial, sans-serif;
+    }
+#copyright a {
+    color: white;
+    }
\ No newline at end of file