diff --git a/public/index.html b/public/index.html index 064cfb8..1e64889 100644 --- a/public/index.html +++ b/public/index.html @@ -1,6 +1,5 @@ - @@ -11,11 +10,9 @@ - - -
+
+

Nebulosus

+

Welcome to Nebulosus, your one-stop solution for reliable server hosting, website development, and technical support services. We are committed to providing intuitive and efficient solutions tailored to your needs.

What does Nebulosus offer?

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

Nebulosus offers a variety of services to meet your needs:

+
    +
  • Server Hosting
    • +
  • Website Development
    • +
  • Application Development
    • +
  • Technical Support
    • +
+

Whether you're a small business looking to establish an online presence or a large corporation in need of advanced technical solutions, Nebulosus has you covered.

+
-

About Nebulosus

+

About Nebulosus and how we are

- 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. + About Nebulosus:
+ Nebulosus is committed to providing simplicity, redundancy, reliability, and friendliness in all our services. We believe that software should be intuitive and adaptable to its environment. Our team of experts is dedicated to delivering high-quality solutions that meet the unique needs of each client. +
+
+ How are we:
+ Nebulosus is committed to providing simplicity, redundancy, reliability, and friendliness in all our services. We believe that software should be intuitive and adaptable to its environment. Our team of experts is dedicated to delivering high-quality solutions that meet the unique needs of each client.

+

More information about Nebulosus

@@ -72,20 +76,49 @@
-
- + + diff --git a/public/res/pricing/index.html b/public/res/pricing/index.html index 6c8c72e..cb5576c 100644 --- a/public/res/pricing/index.html +++ b/public/res/pricing/index.html @@ -1,6 +1,5 @@ - @@ -10,9 +9,8 @@ - -
+
+

Pricing Plans

@@ -88,5 +86,4 @@
- diff --git a/public/res/style/style.css b/public/res/style/style.css index 3498fdd..973ec3a 100644 --- a/public/res/style/style.css +++ b/public/res/style/style.css @@ -22,6 +22,10 @@ body { text-decoration: none; } +nav a { + font-size: 20px; +} + header { position: sticky; top: 0%; @@ -76,6 +80,11 @@ section#intro { border-bottom: 3px solid gray; } +section#intro p { + max-width: 65%; + text-align: center; + font-size: 18px; +} div section { width: fit-content; @@ -182,8 +191,7 @@ div.rows { justify-content: space-between; background-color: var(--theme-color); color: #fff; - padding: 0.5rem 2rem; - box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); + /* padding: 0.5rem 2rem; */ } .top-bar .logo { @@ -297,7 +305,7 @@ div.rows { flex: 1; margin: 0.5rem; max-width: 325px; - min-width: 250px; /* Add a minimum width */ + min-width: 250px; } .pricing-plan h2 { @@ -336,6 +344,55 @@ div.rows { @media (max-width: 600px) { .pricing-plan { - max-width: calc(50% - 1rem); /* Adjusting max-width for smaller screens */ + max-width: calc(50% - 1rem); } +} + +/* ---------- Footer Styles ---------- */ +.footer { + margin-top: 50px; + background-color: #333; + color: #fff; + padding-top: 20px; +} + +.footer-content { + display: flex; + justify-content: space-around; + align-items: flex-start; + max-width: 1200px; + margin: 0 auto; +} + +.footer-section { + padding: 0 20px; +} + +.footer-section h3 { + margin-bottom: 10px; +} + +.footer-section ul { + padding: 0; + margin: 0; +} + +.footer-section ul li { + list-style-type: none; + margin-bottom: 5px; +} + +.footer-section ul li a { + color: #fff; + text-decoration: none; + transition: color 0.3s; +} + +.footer-section ul li a:hover { + color: #ffcc00; +} +.footer-bottom { + background-color: #222; + padding: 10px 0; + text-align: center; } \ No newline at end of file