Set background image to fixed position & add blank Social section

2016-05-29 23:05:59 +01:00
parent ea483e39ff
commit 601b43ea2d
2 changed files with 7 additions and 4 deletions
--- a/css/main.css
+++ b/css/main.css
@@ -1,5 +1,4 @@
 body {
-    font-family: 'Raleway', sans-serif;
    font-family: 'Raleway', sans-serif;
    color: white;
    padding: 0px;
@@ -23,4 +22,4 @@ hr {
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
-}
+}
--- a/index.html
+++ b/index.html
@@ -24,7 +24,7 @@
    <style>
        body {
            background-image: url(https://www.nasa.gov/sites/default/files/styles/full_width_feature/public/flame.jpg?itok=pPD--dxy);
-            background-repeat: repeat-y;
+            background-attachment: fixed;
            background-size: cover;
        }
        
@@ -57,7 +57,7 @@
 </head>

 <body>
-    <main style="margin-bottom: -30px;">
+    <main>
        <div id="overlay">
            <div class="center" style="width: 100%; text-align: center;">
                <div class="center" style="height: 100%;
@@ -78,6 +78,10 @@ padding-bottom: 50px;">
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum auctor sapien ac tortor volutpat laoreet. Aenean eu augue ultricies, auctor magna vitae, vulputate enim. Duis quis enim nunc. Phasellus vitae eros metus. Aliquam quis elementum enim. Nulla suscipit sollicitudin sem at dictum. Sed eget imperdiet est, eget dignissim libero.</p>
                        </div>
                        <div class="light">
+                            <h4>Social Media</h4>
+
+                        </div>
+                        <div class="dark">
                            <div class="center">
                                <a href="http://materializecss.com/">Materialize CSS by Google</a>
                                <a href="https://daneden.github.io/animate.css/">Animate.css</a>