From 9a61c45b7d62a3dedd1b0ec2e6a1440a2da6b8eb Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Elias=20M=C3=BCller?= Date: Wed, 15 Dec 2021 12:47:50 +0100 Subject: [PATCH] first layout --- html/landingpage.html | 50 +++++++++++++++++++++++++++++++++++++++++++ sass/index.css | 28 ++++++++++++++++++++++++ sass/index.css.map | 7 ++++++ sass/index.sass | 33 ++++++++++++++++++++++++++++ 4 files changed, 118 insertions(+) create mode 100644 html/landingpage.html create mode 100644 sass/index.css create mode 100644 sass/index.css.map create mode 100644 sass/index.sass diff --git a/html/landingpage.html b/html/landingpage.html new file mode 100644 index 0000000..322750c --- /dev/null +++ b/html/landingpage.html @@ -0,0 +1,50 @@ + + + + + The Advertisement + + + +
+ +
+
+
+
    +
  1. Category1
    2. +
  2. Category2
    3. +
  3. Category3
    4. +
  4. Category4
    5. +
+
+
+ +
+
+

The World is Burning

+
+
+

SomeText

+
+
+ + +
+
+

The World is Burning

+
+
+

SomeText

+
+
+ +
+
+ + diff --git a/sass/index.css b/sass/index.css new file mode 100644 index 0000000..59bfa8c --- /dev/null +++ b/sass/index.css @@ -0,0 +1,28 @@ +body { + margin: 0; + padding: 0; + display: flex; + flex-direction: column; } + +.header { + background-color: #EAE2B7; + width: 100%; + height: 100px; + display: flex; + align-items: center; + justify-content: flex-end; } + +ul { + display: flex; + flex-direction: row; + font-size: 20px; + list-style: none; } + ul li { + padding-right: 30px; } + +ol { + display: flex; + flex-direction: column; + list-style: georgian; } + +/*# sourceMappingURL=index.css.map */ diff --git a/sass/index.css.map b/sass/index.css.map new file mode 100644 index 0000000..1fd8388 --- /dev/null +++ b/sass/index.css.map @@ -0,0 +1,7 @@ +{ +"version": 3, +"mappings": "AAMA,IAAI;EACF,MAAM,EAAE,CAAC;EACT,OAAO,EAAE,CAAC;EACV,OAAO,EAAE,IAAI;EACb,cAAc,EAAE,MAAM;;AAExB,OAAO;EACL,gBAAgB,EAbC,OAAO;EAcxB,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,KAAK;EACb,OAAO,EAAE,IAAI;EACb,WAAW,EAAE,MAAM;EACnB,eAAe,EAAE,QAAQ;;AAE3B,EAAE;EACA,OAAO,EAAE,IAAI;EACb,cAAc,EAAE,GAAG;EACnB,SAAS,EAAE,IAAI;EACf,UAAU,EAAE,IAAI;EAEhB,KAAE;IACA,aAAa,EAAE,IAAI;;AAEvB,EAAE;EACA,OAAO,EAAE,IAAI;EACb,cAAc,EAAE,MAAM;EACtB,UAAU,EAAE,QAAQ", +"sources": ["index.sass"], +"names": [], +"file": "index.css" +} diff --git a/sass/index.sass b/sass/index.sass new file mode 100644 index 0000000..bd2a60a --- /dev/null +++ b/sass/index.sass @@ -0,0 +1,33 @@ +$background-color: #EAE2B7 +$text-color: #003049 +$secondary-text-color: #F77F00 +$primary-color: #D62828 +$secondary-color: #F77F00 + +body + margin: 0 + padding: 0 + display: flex + flex-direction: column + +.header + background-color: $background-color + width: 100% + height: 100px + display: flex + align-items: center + justify-content: flex-end + +ul + display: flex + flex-direction: row + font-size: 20px + list-style: none + + li + padding-right: 30px + +ol + display: flex + flex-direction: column + list-style: georgian