-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathprocess.html
167 lines (149 loc) · 8.89 KB
/
process.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
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
<link rel="stylesheet" href="style.css">
<title>MAXENT - An AI & Product consulting</title>
</head>
<body class="bg-black flex flex-col md:w-11/12 w-full mx-auto">
<nav class="bg-black border-gray-200 py-5">
<div class="max-w-screen-xl flex flex-wrap items-center justify-between mx-auto p-4">
<a href="/index.html" class="flex items-center space-x-3 rtl:space-x-reverse">
<img src="assets/Vector.svg" class="h-5" alt="Flowbite Logo" />
<span class="self-center font-bold navbar-font">Maxent</span>
</a>
<button data-collapse-toggle="navbar-default" type="button" id="burger-menu"
class="inline-flex items-center p-2 w-10 h-10 justify-center text-white rounded-lg md:hidden focus:outline-none"
aria-controls="navbar-default" aria-expanded="false">
<svg class="w-5 h-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 17 14">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 1h15M1 7h15M1 13h15"/>
</svg>
</button>
<div class="hidden w-full md:block md:w-auto" id="navbar-default">
<ul class="flex flex-col p-4 md:p-0 mt-4 border border-gray-100 rounded-lg md:flex-row md:space-x-8 rtl:space-x-reverse md:mt-0 md:border-0">
<li>
<a href="/identity.html" class="block py-2 px-3 navbar-font hover:underline underline-offset rounded md:text-blue-700 md:p-0" aria-current="page">
Identity
</a>
</li>
<li>
<a href="/service.html" class="block py-2 px-3 navbar-font hover:underline underline-offset rounded md:bg-transparent md:text-blue-700 md:p-0">
Services
</a>
</li>
<!-- <li>
<a href="#" class="block py-2 px-3 navbar-font hover:underline underline-offset rounded md:bg-transparent md:text-blue-700 md:p-0">
Work
</a>
</li> -->
<li>
<a href="/process.html" class="block py-2 px-3 navbar-font hover:underline underline-offset rounded md:bg-transparent md:text-blue-700 md:p-0">
Process
</a>
</li>
</ul>
</div>
</div>
<div id="mobile-menu" class="lg:hidden hidden flex flex-col space-y-4 my-4 p-4 items-end absolute top-20 right-0 z-50 bg-gray-500 rounded-xl">
<a href="/identity.html" class="navbar-font hover:underline underline-offset">Identity</a>
<a href="/service.html" class="navbar-font navbar-font hover:underline underline-offset">Services</a>
<!-- <a href="#" class="navbar-font hover:underline underline-offset">Work</a> -->
<a href="/process.html" class="navbar-font hover:underline underline-offsetne">Process</a>
</div>
</nav>
<!-- Main Content -->
<section class="relative pt-2 md:pt-2 md:pt-10 mx-4 md:mx-0">
<div class="max-w-screen-xl flex flex-col md:flex-row items-center justify-between mx-auto p-4">
<!-- 50% width column for all screen sizes -->
<div class="description-font">
At Maxent, we believe in the transformative power of well-executed products. Our process is driven by collaboration, tailored to the unique challenges of each project. Here's how we work:
</div>
</div>
</section>
<section class="relative pt-2 md:pt-2 md:pt-5 mx-4 md:mx-0">
<div class="max-w-screen-xl flex flex-col md:flex-row items-center justify-between mx-auto p-4">
<!-- 50% width column for all screen sizes -->
<div class="description-font">
<Span class="font-bold">Discover: </Span> Our journey starts with a call to delve into your business problem. Depending on complexity, we may follow up with clarifications via email, a second technical call, or a customized offer.
</div>
</div>
</section>
<section class="relative pt-2 md:pt-2 md:pt-10 mx-4 md:mx-0">
<div class="max-w-screen-xl flex flex-col md:flex-row items-center justify-between mx-auto p-4">
<!-- 50% width column for all screen sizes -->
<div class="description-font">
<Span class="font-bold">Build: </Span>
Inspired by Agile workflows and Design Thinking, our building phase involves:
<ol class="list-decimal description-font md:pt-5 pl-10 font-bold">
<li><div class="font-normal"><span class="font-bold">Problem exploration: </span>
Understanding the core problem and identifying sub-problems for a holistic view. </div>
</li>
<li><div class="font-normal"><span class="font-bold">Unlocking opportunities: </span>
Ranking problems by impact, formulating hypotheses, and lean prototyping. </div>
</li>
<li><div class="font-normal"><span class="font-bold">Lean prototyping: </span>
Transforming hypotheses into tangible prototypes, refining them iteratively based on feedback. </div>
</li>
<li><div class="font-normal"><span class="font-bold">Solution validation: </span>
Compiling findings, analyzing data to validate hypotheses, and guiding strategic decision-making. </div>
</li>
<li><div class="font-normal"><span class="font-bold">Evolutionary implementation: </span>
Developing tailored solutions aligned with validated insights, iterating to adapt to evolving needs.</div>
</li>
</ol>
</div>
</div>
</section>
<section class="relative pt-2 md:pt-2 md:pt-5 mx-4 md:mx-0" >
<div class="max-w-screen-xl flex flex-col md:flex-row items-center justify-between mx-auto p-4">
<!-- 50% width column for all screen sizes -->
<div class="description-font">
<Span class="font-bold">Integrate: </Span>
We ensure seamless integration into your ecosystems with checkpoints. Our commitment extends to post-implementation support, empowering you to take ownership. Comprehensive training programs and documentation facilitate self-sufficiency for long-term success.
</div>
</div>
</section>
<section class="relative pt-2 md:pt-2 md:pt-10 mx-4 md:mx-0">
<div class="w-10/12 xl:w-4/12 mx-auto space-y-0">
<a href="mailto:info@maxentlabs.com?subject=Hello%20Maxentlabs">
<p class="button-font">
Get in touch.
</p>
</a>
</div>
</section>
<script>
document.querySelectorAll('[data-accordion-target]').forEach(button => {
button.addEventListener('click', () => {
const targetId = button.getAttribute('data-accordion-target');
const targetElement = document.querySelector(targetId);
// Close all other accordion items
document.querySelectorAll('[data-accordion-target]').forEach(otherButton => {
const otherTargetId = otherButton.getAttribute('data-accordion-target');
const otherTargetElement = document.querySelector(otherTargetId);
if (otherTargetElement !== targetElement) {
otherTargetElement.classList.add('hidden');
otherButton.setAttribute('aria-expanded', 'false');
}
});
// Toggle the clicked accordion item
if (targetElement.classList.contains('hidden')) {
targetElement.classList.remove('hidden');
button.setAttribute('aria-expanded', 'true');
} else {
targetElement.classList.add('hidden');
button.setAttribute('aria-expanded', 'false');
}
});
});
// Toggle hamburger menu and mobile menu
const burgerMenu = document.getElementById('burger-menu');
const mobileMenu = document.getElementById('mobile-menu');
burgerMenu.addEventListener('click', function () {
mobileMenu.classList.toggle('hidden');
});
</script>
</body>
</html>