-
Notifications
You must be signed in to change notification settings - Fork 0
/
service.html
143 lines (123 loc) · 7.1 KB
/
service.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
<!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 -->
<div class="main-content mx-4 md:mx-0">
<section class="relative">
<div class="max-w-screen-xl flex items-center justify-between mx-auto p-4">
<p class="identity-font break-words w-full md:w-4/6 xl:w-1/2">We collaborate closely with you to plan, build, and test,
working as an integral part of your team. Our tried-and-tested process ensures that your vision comes to life seamlessly.
</p>
</div>
</section>
<section class="relative py-5">
<div class="max-w-screen-xl flex flex-col md:flex-row items-start justify-between mx-auto p-4 md:space-x-14">
<!-- left column -->
<div class="w-full md:w-2/4">
<div class="flex flex-col justify-between mx-auto">
<div class="identity-font font-bold text-left" style="width: 100%;">Product Strategy & Growth</div>
</div> <!-- 50% width column for all screen sizes -->
<div class="flex items-center justify-between mx-auto py-5">
<div class="description-font" style="width: 100%;">Developing a winning product takes much more than just having a great idea.
Crafting an effective product strategy that aligns to your business goals is essential to navigate the winding road from concept to launch and beyond.
</div>
</div>
<p class="service-tag mb-4">Key Services</p>
<p class="service-tag flex-auto space-x-2 md:pb-5" style="width: 100%;">
<span>Product Strategy</span><span>|</span>
<span>UX Optimization</span><span>|</span>
<span>Product Led Growth </span><span>|</span>
<span>Lifecycle Communication Design</span>
</p>
<p class="service-tag">
Read More.
</p>
</div>
<!-- right column -->
<div class="w-full md:w-2/4 py-2 md:py-0">
<div class="flex flex-col justify-between mx-auto">
<div class="identity-font font-bold text-left" style="width: 100%;">Ai Development</div>
</div> <!-- 50% width column for all screen sizes -->
<div class="flex items-center justify-between mx-auto py-5">
<div class="description-font" style="width: 100%;">
Whether you are looking to optimize workflows or enhance customer interactions, we are committed to helping you unlock the potential of AI within your organization. We devise tailored AI strategies by comprehending your business objectives, analyzing your data and implementing custom AI solutions to address your business challenges.
</div>
</div>
<p class="service-tag mb-4">Key Services</p>
<p class="service-tag flex-auto space-x-2 pb-5" style="width: 100%;">
<span>Use Case Discovery</span><span>|</span>
<span>Data Preparation</span><span>|</span>
<span>Model Development </span><span>|</span>
<span>AI Integration</span><span>|</span>
<span>Generative Ai Solutions</span><span>|</span>
<span>Ai Strategy</span>
</p>
<p class="service-tag">
Read More.
</p>
</div>
</div>
</section>
</div>
<script>
// 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>