-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathreporting.html
130 lines (127 loc) · 7.98 KB
/
reporting.html
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
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
<!DOCTYPE html>
<html lang="en">
<head>
<title>Octigen - Data, AI & Reporting Automation</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description"
content="Octigen GmbH provides expert consulting in data integration,
transformation, AI, and quantitative analysis across Switzerland,
specializing in Financial Services.">
<meta name="keywords"
content="Octigen, Data Consulting, AI Consulting, Data Integration, Data Transformation,
Quantitative Analysis, Financial Services, Reporting Automation, Powerpoint Reporting">
<meta name="author" content="Octigen GmbH">
<meta property="og:title" content="Octigen - Data, AI and Automated Reporting Consulting">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<script src="main.js" defer></script>
<script src="translator.js" defer></script>
<script src="form.js" defer></script>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600&display=swap" rel="stylesheet">
<link rel="stylesheet" href="assets/main.css">
<link rel="stylesheet" href="assets/reporting.css">
<link rel="icon" type="assets/images/png" href="favicon.png">
</head>
<body class="d-flex flex-column vh-100">
<main>
<nav class="navbar navbar-expand-lg position-absolute w-100">
<div class="container d-flex justify-content-between align-items-center">
<!-- Logo -->
<a class="navbar-brand" href="#">
<img src="assets/images/logo_octigen_black.png" alt="Octigen Logo" style="max-width:170px" class="d-inline-block align-top">
</a>
<!-- Right Section (Hamburger + Nav Links + Language Selector) -->
<div class="d-flex align-items-center">
<!-- Hamburger Menu -->
<div class="dropdown dropdown-hamburger-container">
<button class="navbar-toggler me-lg-2" id="hamburgerMenu" type="button">
<span class="navbar-toggler-icon"></span>
</button>
<div class="dropdown-hamburger dropdown-menu dropdown-menu-end" id="menuDropdown">
<a class="dropdown-item mb-2" href="#services">Our Services</a>
<a class="dropdown-item mb-2" href="#who-we-are">Who We Are</a>
<a class="dropdown-item mb-2" href="#contacts">Contact Us</a>
</div>
</div>
<!-- Navigation Links -->
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item ms-4"><a class="nav-link" href="#services" data-translate="common.nav.services">Our Services</a></li>
<li class="nav-item ms-4"><a class="nav-link" href="#who-we-are" data-translate="common.nav.who_we_are">Who We Are</a></li>
<li class="nav-item ms-4"><a class="nav-link nav-highlighted-link" href="#contacts" data-translate="common.nav.contact_us">Contact Us</a></li>
</ul>
</div>
<!-- Language Dropdown -->
<div class="dropdown language-selector ms-2 ms-lg-5">
<button class="dropdown-toggle nav-link" id="langDropdown" data-bs-toggle="dropdown" aria-expanded="false">
<span id="currentLang">EN</span>
</button>
<ul class="lang-dropdown dropdown-menu dropdown-menu-end">
<li><a class="dropdown-item lang-select" href="#" data-lang="de">DE</a></li>
<li><a class="dropdown-item lang-select" href="#" data-lang="fr">FR</a></li>
<li><a class="dropdown-item lang-select" href="#" data-lang="it">IT</a></li>
<li><a class="dropdown-item lang-select" href="#" data-lang="en">EN</a></li>
</ul>
</div>
</div>
</div>
</nav>
<!-- Main Hero -->
<section class="container-fluid main-hero">
<div class="container">
<div class="row text-center">
<div class="col-lg-2"></div>
<div class="col-lg-8">
<h3 class="hero-top-header mb-2" data-translate="">Reporting Services</h3>
<h1 class="display-6 mb-3" data-translate="">Finally client reporting that works wonders.</h1>
<div class="container-fluid hero-text ps-0 pe-lg-5 mb-4">
<p data-translate="homepage.hero.description">Discover a solution that you can leverage from the first day. No need for intensive
trainings, lengthy on-boarding processes, or learning new software. All you need is Microsoft PowerPoint, and we take care of
the rest for you.
</p>
</div>
<a href="#services" class="btn btn-primary" data-translate="">What we can do for you</a>
</div>
<div class="col-lg-2"></div>
</div>
</div>
</section>
<section class="container-fluid p-lg-5 py-5 px-0 features-section" id="features">
<div class="row px-3 px-lg-5 py-0 mb-4">
<div class="col-md-6">
<div class="template-box features-box p-5 m-2 h-100">
<h3 class="features-box-title mb-4" data-translate="">It all starts from a template.</h3>
<p data-translate="">Here at Octigen, we've developed a <i>state of the art</i> templating system that leverages your knowledge of PowerPoint,
and nothing more is actually needed. You can design the perfect client reporting via PowerPoint: choose the fonts, the colors, how the graphs and
the tables should look like. With Octigen, connecting everything to your actual data sources is incredibly simple, fast, and pain free.
</p>
</div>
</div>
<div class="col-md-6">
<div class="service-box m-2 h-100">
</div>
</div>
</div>
<div class="row g-4 g-lg-3 px-3 px-lg-5 py-0 mb-4">
<div class="col-md-6">
<div class="service-box m-2 h-100">
</div>
</div>
<div class="col-md-6">
<div class="template-box features-box p-5 m-2 h-100">
<h3 class="features-box-title mb-4" data-translate="">Incredible flexibility to cover your needs.</h3>
<p data-translate="">Reporting should be smart, easy to navigate, but most importantly correct. Octigen provides flexible solutions for aggregation
of data, showing the right tables depending on different factors (such as scope of report, asset classes, account types etc...). Countless possibilities
come with every new report you will automate through Octigen.
</p>
</div>
</div>
</div>
</main>
<footer class="footer mt-auto text-white text-center pt-5 my-0 px-lg-4 px-3 mx-4 mx-lg-5">
<div class="container footer-container pt-4">
<span class="text-center pt-5 footer-text">© 2025 Octigen GmbH. All rights reserved.</span>
</div>
</footer>
</body>