diff --git a/public/index.html b/public/index.html index 5f6409c..595d70e 100644 --- a/public/index.html +++ b/public/index.html @@ -12,58 +12,58 @@
-
-

Nebulosus

-
-
-
-
-

What does Nebulosus offer?

- Nebulosus offers a variety of services: -
    -
  1. Server Hosting
  2. -
  3. Website / Application Development
  4. -
  5. Technical Support
  6. -
- - -
-
-

About Nebulosus

-

- Nebulosus is simplicity, redundancy, reliability and friendliness.
- Software should be intuitive, aware of it's environment. That's what Nebulosus strives for. -
- If you want simple, intuitive and reliable software, you're in the right spot. -

-
+
+ +
+

Nebulosus

+ Focused on innovation. +
- +
+
+

What does Nebulosus offer?

+ Nebulosus offers a variety of services: +
    +
  1. Website / Application Development
  2. +
  3. Server Hosting
  4. +
  5. Technical Support
  6. +
+ + +
+
+

About Nebulosus

+

+ Nebulosus is simplicity, redundancy, reliability and friendliness.
+ Software should be intuitive, aware of it's environment. That's what Nebulosus strives for. +
+ If you want to develop an app with intuitive design and a redundant infrastructure, please reach out!
+ If you're looking for a company site, let's discuss it! +

More information about Nebulosus

+ E-mail: info@nebulosus.nl Chamber of Commerce number: 93409583 - E-mail: info@nebulosus.nl
+ + + \ No newline at end of file diff --git a/public/res/style.css b/public/res/style.css index 9724b99..c0b6e97 100644 --- a/public/res/style.css +++ b/public/res/style.css @@ -20,8 +20,9 @@ header { top: 0%; width: 100vw; height: fit-content; - background-color: var(--theme-color, gray); - color: #fff; + background-color: #fff; + border-bottom: 4px solid var(--theme-color); + color: #000; box-shadow: 0 0 20px var(--theme-color-lowlight); } @@ -40,7 +41,6 @@ header div.logo span { main { display: flex; flex-direction: column; - gap: 1em; width: 100vw; } @@ -57,17 +57,19 @@ main section { section#intro { display: flex; flex-direction: column; - justify-content: center; - align-items: center; margin: 0; width: 100vw; - background-color: var(--theme-color); + background: linear-gradient(120deg, var(--theme-color-highlight-2), var(--theme-color) 60%); color: #fff; font-size: 2em; border-bottom: 3px solid gray; + + h1 { + margin: 0; + } } div section { @@ -150,15 +152,16 @@ button { transition: background-color .2s ease-in-out; } -div.columns { +.columns { display: flex; + align-items: center; @media (max-width: 600px) { flex-direction: column; } } -div.rows { +.rows { display: flex; flex-direction: column; }