web/public/index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Nebulosus</title>
    <link rel="icon" href="./res/media/favicon.ico" type="image/x-icon">

    <link rel="stylesheet" href="./res/style/style.css">
    <script src="./res/script/cases.js" defer></script>
    <script src="./res/script/anchors.js" defer></script>
    <script src="./res/script/navbar.js" defer></script>
</head>
<body>
    <header class="top-bar">
        <div class="logo">
            <a href="./">
                <span class="mono">[N]</span>
            </a>
        </div>
    
        <nav>
            <div class="hamburger-menu" onclick="toggleMenu()">
                <div class="bar"></div>
                <div class="bar"></div>
                <div class="bar"></div>
            </div>
            <ul>
                <li><a href="#intro"onclick="hideMenu()">Home</a></li>
                <li><a href="./res/pricing/" onclick="hideMenu()">Pricing</a></li>
                <li><a href="#about" onclick="hideMenu()">About</a></li>
                <li><a href="#contact" onclick="hideMenu()">Contact</a></li>
            </ul>
        </nav>
    </header>
    

    <main>
        <section id="intro">
            <h1>Nebulosus</h1>
            <p>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.</p>
        </section>
        <div class="columns">
            <div>
                <section id="offer">
                    <h2>What does Nebulosus offer?</h2>
                    <p>Nebulosus offers a variety of services to meet your needs:</p>
                    <ul>
                        <li>Server Hosting</li>
                        <li>Website Development</li>
                        <li>Application Development</li>
                        <li>Technical Support</li>
                    </ul>
                    <p>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.</p>
                    <button id="cases-button" hidden>Cases</button>
                    <div id="cases" hidden></div>
                </section>
                <br>
                <section id="about">
                    <h2>About Nebulosus and how we are</h2>
                    <p>
                        <b>About Nebulosus:</b><br>
                        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.
                        <br>
                        <br>
                        <b>How are we:</b><br>
                        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.
                    </p>
                </section>
                <br>
                <section id="more-info">
                    <h2>More information about Nebulosus</h2>
                    <div class="rows">
                        <span>Chamber of Commerce number: <strong>93409583</strong></span>
                        <span>E-mail: <strong>info@nebulosus.nl</strong></span>
                    </div>
                </section>
            </div>
            <section id="other-projects">
                <h2>Other Projects</h2>
                <p>Explore some of our recent projects:</p>
                <div class="project">
                    <h3>Project 1</h3>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                </div>
                <div class="project">
                    <h3>Project 2</h3>
                    <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
                </div>
                <div class="project">
                    <h3>Project 3</h3>
                    <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
                </div>
            </section>
        </div>
    </main>

    <footer class="footer">
        <div class="footer-content">
            <div class="footer-section">
                <h3>Contact Us</h3>
                <p>Email: info@nebulosus.nl</p>
                <p>Phone: +1234567890</p>
            </div>
            <div class="footer-section">
                <h3>Follow Us</h3>
                <ul>
                    <li><a href="#">Facebook</a></li>
                    <li><a href="#">Twitter</a></li>
                    <li><a href="#">Instagram</a></li>
                </ul>
            </div>
            <div class="footer-section">
                <h3>Address</h3>
                <p>123 Street Name</p>
                <p>City, Country</p>
            </div>
        </div>
        <div class="footer-bottom">
            <p>&copy; 2024 Nebulosus. All rights reserved.</p>
        </div>
    </footer>
</body>
</html>
nebulosus website upgrade 2024-04-09 15:29:00 +02:00			`<!DOCTYPE html>`
init: initial site 2024-03-29 16:17:59 +01:00			`<html lang="en">`
			`<head>`
			`<meta charset="UTF-8">`
			`<meta name="viewport" content="width=device-width, initial-scale=1.0">`
			`<title>Nebulosus</title>`
nebulosus website upgrade 2024-04-09 15:29:00 +02:00			`<link rel="icon" href="./res/media/favicon.ico" type="image/x-icon">`

			`<link rel="stylesheet" href="./res/style/style.css">`
			`<script src="./res/script/cases.js" defer></script>`
			`<script src="./res/script/anchors.js" defer></script>`
			`<script src="./res/script/navbar.js" defer></script>`
init: initial site 2024-03-29 16:17:59 +01:00			`</head>`
			`<body>`
added some more things 2024-04-09 16:19:28 +02:00			`<header class="top-bar">`
init: initial site 2024-03-29 16:17:59 +01:00			`<div class="logo">`
nebulosus website upgrade 2024-04-09 15:29:00 +02:00			`<a href="./">`
			`<span class="mono">[N]</span>`
			`</a>`
init: initial site 2024-03-29 16:17:59 +01:00			`</div>`
nebulosus website upgrade 2024-04-09 15:29:00 +02:00
			`<nav>`
			`<div class="hamburger-menu" onclick="toggleMenu()">`
			`<div class="bar"></div>`
			`<div class="bar"></div>`
			`<div class="bar"></div>`
			`</div>`
			`<ul>`
			`<li><a href="#intro"onclick="hideMenu()">Home</a></li>`
			`<li><a href="./res/pricing/" onclick="hideMenu()">Pricing</a></li>`
			`<li><a href="#about" onclick="hideMenu()">About</a></li>`
			`<li><a href="#contact" onclick="hideMenu()">Contact</a></li>`
			`</ul>`
			`</nav>`
added some more things 2024-04-09 16:19:28 +02:00			`</header>`
nebulosus website upgrade 2024-04-09 15:29:00 +02:00

init: initial site 2024-03-29 16:17:59 +01:00			`<main>`
			`<section id="intro">`
			`<h1>Nebulosus</h1>`
added some more things 2024-04-09 16:19:28 +02:00			`<p>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.</p>`
init: initial site 2024-03-29 16:17:59 +01:00			`</section>`
			`<div class="columns">`
			`<div>`
			`<section id="offer">`
fix: grammar and things 2024-03-29 17:54:45 +01:00			`<h2>What does Nebulosus offer?</h2>`
added some more things 2024-04-09 16:19:28 +02:00			`<p>Nebulosus offers a variety of services to meet your needs:</p>`
			`<ul>`
			`<li>Server Hosting</li>`
			`<li>Website Development</li>`
			`<li>Application Development</li>`
			`<li>Technical Support</li>`
			`</ul>`
			`<p>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.</p>`
init: initial site 2024-03-29 16:17:59 +01:00			`<button id="cases-button" hidden>Cases</button>`
			`<div id="cases" hidden></div>`
			`</section>`
added some more things 2024-04-09 16:19:28 +02:00			`<br>`
init: initial site 2024-03-29 16:17:59 +01:00			`<section id="about">`
added some more things 2024-04-09 16:19:28 +02:00			`<h2>About Nebulosus and how we are</h2>`
init: initial site 2024-03-29 16:17:59 +01:00			`<p>`
added some more things 2024-04-09 16:19:28 +02:00			`<b>About Nebulosus:</b><br>`
			`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.`
			`<br>`
			`<br>`
			`<b>How are we:</b><br>`
			`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.`
init: initial site 2024-03-29 16:17:59 +01:00			`</p>`
			`</section>`
added some more things 2024-04-09 16:19:28 +02:00			`<br>`
nebulosus website upgrade 2024-04-09 15:29:00 +02:00			`<section id="more-info">`
			`<h2>More information about Nebulosus</h2>`
			`<div class="rows">`
			`<span>Chamber of Commerce number: <strong>93409583</strong></span>`
			`<span>E-mail: <strong>info@nebulosus.nl</strong></span>`
			`</div>`
			`</section>`
init: initial site 2024-03-29 16:17:59 +01:00			`</div>`
added some more things 2024-04-09 16:19:28 +02:00			`<section id="other-projects">`
			`<h2>Other Projects</h2>`
			`<p>Explore some of our recent projects:</p>`
			`<div class="project">`
			`<h3>Project 1</h3>`
			`<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>`
			`</div>`
			`<div class="project">`
			`<h3>Project 2</h3>`
			`<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>`
			`</div>`
			`<div class="project">`
			`<h3>Project 3</h3>`
			`<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>`
			`</div>`
init: initial site 2024-03-29 16:17:59 +01:00			`</section>`
			`</div>`
			`</main>`

added some more things 2024-04-09 16:19:28 +02:00			`<footer class="footer">`
			`<div class="footer-content">`
			`<div class="footer-section">`
			`<h3>Contact Us</h3>`
			`<p>Email: info@nebulosus.nl</p>`
			`<p>Phone: +1234567890</p>`
			`</div>`
			`<div class="footer-section">`
			`<h3>Follow Us</h3>`
			`<ul>`
			`<li><a href="#">Facebook</a></li>`
			`<li><a href="#">Twitter</a></li>`
			`<li><a href="#">Instagram</a></li>`
			`</ul>`
			`</div>`
			`<div class="footer-section">`
			`<h3>Address</h3>`
			`<p>123 Street Name</p>`
			`<p>City, Country</p>`
			`</div>`
			`</div>`
			`<div class="footer-bottom">`
			`<p>© 2024 Nebulosus. All rights reserved.</p>`
			`</div>`
			`</footer>`
			`</body>`
nebulosus website upgrade 2024-04-09 15:29:00 +02:00			`</html>`