From a95406fdbe26a378c7e7581293cecbabfba6ce8e Mon Sep 17 00:00:00 2001 From: Rasmus Luha Date: Sat, 17 Sep 2022 01:25:22 +0300 Subject: init commit --- static/css/style.css | 76 +++++++++++++++++++++++++++++++++++++++++++++++++++ static/img/bg.jpg | Bin 0 -> 616316 bytes 2 files changed, 76 insertions(+) create mode 100644 static/css/style.css create mode 100644 static/img/bg.jpg (limited to 'static') diff --git a/static/css/style.css b/static/css/style.css new file mode 100644 index 0000000..5108be4 --- /dev/null +++ b/static/css/style.css @@ -0,0 +1,76 @@ +body{ + max-width: 900px; + margin: auto; + background-color: #E1D9D1; +} +nav { + margin-top: 10px; + text-align: center; +} + +nav a { + padding: 15px; + font-size: 22px; + font-weight: bold; + text-decoration: none; + color: #71BC68; +} + +footer{ + text-align: center; +} + +/* Header */ +.main-image { + margin-top: 25px; + position: relative; + background: url(/img/bg.jpg) no-repeat center; + background-size: cover; + height: 250px; +} + +.img-container { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + text-align: center; + color: #fff; + font-weight: 700; + text-transform: uppercase; +} + +.img-container h1 { + margin: 0; + font-size: 66px; +} + +.img-container h1 span { + border: 6px solid white; + padding: 6px 14px; + display: inline-block; +} + +/* container styles*/ + +.container{ + text-align: center; +} + +.index-content{ + height: 500px; + display: flex; +} + +.right{ + height: 500px; + width: 60%; + background: blue; +} + +.left{ + height: 500px; + width: 40%; + background: green; +} + diff --git a/static/img/bg.jpg b/static/img/bg.jpg new file mode 100644 index 0000000..1353852 Binary files /dev/null and b/static/img/bg.jpg differ -- cgit v1.2.3