Hintergrundgrafik und Schriftart hinzugefügt.

2018-07-07 10:51:17 +02:00
parent 23bcf80564
commit 5cbbe9422c
4 changed files with 49 additions and 3 deletions
@@ -1,4 +1,22 @@
+@import url('https://fonts.googleapis.com/css?family=Quicksand');
 body,
 html {
  height: 100%;
 }
+body {
+  color: #fff;
+  font-family: 'Quicksand', sans-serif;
+}
+.bg {
+  /* The image used */
+
+  background-image: url("../img/background.jpg");
+  /* Full height */
+
+  height: 100%;
+  /* Center and scale the image nicely */
+
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: cover;
+}
@@ -1,3 +1,25 @@
+@import url('https://fonts.googleapis.com/css?family=Quicksand');
+
+
 body, html {
-    height: 100%;
+  height: 100%;
 }
+
+body {
+  color: #fff;
+  font-family: 'Quicksand', sans-serif;
+}
+
+.bg { 
+  /* The image used */
+  background-image: url("../img/background.jpg");
+  
+  /* Full height */
+  height: 100%; 
+  
+  /* Center and scale the image nicely */
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: cover;
+}
+
@@ -7,11 +7,17 @@

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="css/thirdparty/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
+    <link rel="stylesheet" href="css/style.css">

    <title>Wrangler YJ</title>
  </head>
  <body>
-    <h1>Wrangler YJ</h1>
+    <div class="bg container">
+      <h2 class="text-center">Wrangler YJ</h2>
+      
+      
+    </div>
+    

    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->