gerrit/web-yj.kwul
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Hintergrundgrafik und Schriftart hinzugefügt.

Browse Source
This commit is contained in:
Gerrit Linnemann 2018-07-07 10:51:17 +02:00
parent 23bcf80564
commit 5cbbe9422c
4 changed files with 49 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
css/style.css
View File

@ -1,4 +1,22 @@
@import url('https://fonts.googleapis.com/css?family=Quicksand');
body, body,
html { 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;
}

26
css/style.less
View File

@ -1,3 +1,25 @@
@import url('https://fonts.googleapis.com/css?family=Quicksand');
body, html { 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;
}

BIN
img/background.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.7 MiB

8
index.html
View File

@ -7,11 +7,17 @@
<!-- Bootstrap CSS --> <!-- Bootstrap CSS -->
<link rel="stylesheet" href="css/thirdparty/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous"> <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> <title>Wrangler YJ</title>
</head> </head>
<body> <body>
<h1>Wrangler YJ</h1> <div class="bg container">
<h2 class="text-center">Wrangler YJ</h2>
</div>
<!-- Optional JavaScript --> <!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS --> <!-- jQuery first, then Popper.js, then Bootstrap JS -->