cloudmagnet/about.html at main · KyndraSys/cloudmagnet · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>About CloudMagnet</title>
    <style>
        body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            margin: 0;
            padding: 0;
            background-color: #ffffff; /* White background */
            color: #000000; /* Black text color */
        }
        .container {
            max-width: 1200px;
            margin: 20px auto;
            padding: 20px;
            border: 1px solid #dddddd;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            background-color: #ffffff; /* White background for content */
        }
        .header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 10px 20px;
            background-color: #f4f4f4;
            border-bottom: 2px solid #187c64;
        }
        .logo-title {
            display: flex;
            align-items: center;
        }
        .logo-title img {
            width: 20px; /* Adjust the width as needed */
            height: auto;
            margin-right: 10px;
        }
        .logo-title .separator {
            margin: 0 10px;
            color: #000000;
            font-weight: bold;
        }
        .logo-title span {
            font-size: 18px;
            font-weight: bold;
        }
        .navigation {
            display: flex;
            gap: 15px;
        }
        .navigation a {
            text-decoration: none;
            color: #0078d4; /* Link color */
        }
        .content {
            font-size: 18px;
            line-height: 1.6;
        }
        .content h2 {
            font-size: 20px; /* Reduce font size to 20px */
        }
        .content p {
            font-size: 16px; /* Set the font size for the paragraphs */
        }
        .footer {
            margin-top: 20px;
            text-align: center;
            color: #6c757d; /* Footer text color */
        }
    </style>
</head>
<body>
    <div class="header">
        <div class="logo-title">
            <img src="cloudmagnet.png" alt="CloudMagnet Logo">
            <span class="separator">|</span>
            <span>CloudMagnet</span>
        </div>
        <div class="navigation">
            <a href="index.html">Home</a>
            <a href="about.html">About</a>
            <a href="contacts.html">Contacts</a>
        </div>
    </div>
    <div class="container">
        <div class="content">
            <h2>About CloudMagnet</h2>
            <p>
                CloudMagnet is a leading provider of cutting-edge data visualization and business intelligence solutions. Our mission is to empower businesses of all sizes to harness the power of their data through intuitive and powerful tools.
            </p>
            <p>
                Founded in 2024, CloudMagnet has grown to become a trusted name in the industry, offering a comprehensive suite of services that cater to the diverse needs of modern enterprises. From real-time data analytics to customizable reporting, our platform provides everything you need to make data-driven decisions with confidence.
            </p>
            <p>
                At CloudMagnet, we believe that data is the key to unlocking potential and driving innovation. Our team of experts is dedicated to providing unparalleled support and guidance to help you get the most out of your data.
            </p>
            <p>
                Join us on our journey to transform the world of data analytics and discover how CloudMagnet can help you achieve your business goals.
            </p>
        </div>
    </div>
    <div class="footer">© 2024 CloudMagnet. All rights reserved.</div>
</body>
</html>