Skip to content

Commit

Permalink
changes
Browse files Browse the repository at this point in the history
  • Loading branch information
@AnjanaRita
AnjanaRita committed Feb 12, 2024
1 parent 2d4e932 commit 9c74922
Show file tree
Hide file tree
Showing 5 changed files with 87 additions and 152 deletions.
10 changes: 5 additions & 5 deletions identity.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -64,8 +64,8 @@
</div>
</section>

<section class="relative py-10">
<div class="max-w-screen-xl flex flex-col md:flex-row items-center justify-between mx-auto p-4">
<section class="relative xl:pt-10 xl:pb-5">
<div class="max-w-screen-xl flex flex-col md:flex-row items-center justify-between mx-auto p-2 xl:p-4">
<div class="w-full md:w-1/5 mb-4 md:mb-0 "> <!-- 20% width column for small screens, full width for others -->
<a href="https://www.linkedin.com/in/iambharathgs/" target="_blank" rel="noopener noreferrer">
<div class="profile-name-font font-bold">
Expand All @@ -89,8 +89,8 @@
</div>
</section>

<section class="relative py-10">
<div class="max-w-screen-xl flex flex-col md:flex-row items-center justify-between mx-auto p-4">
<section class="relative pt-4 md:pt-0">
<div class="max-w-screen-xl flex flex-col md:flex-row items-center justify-between mx-auto p-2 xl:p-4">
<div class="w-full md:w-1/5 mb-4 md:mb-0 "> <!-- 20% width column for small screens, full width for others -->
<a href="https://www.linkedin.com/in/rita-anjana/" target="_blank" rel="noopener noreferrer">
<div class="profile-name-font font-bold">
Expand All @@ -110,7 +110,7 @@
</div>
</div>
</section>
</div>
</div>



Expand Down
4 changes: 2 additions & 2 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -89,7 +89,7 @@
</div>

<div class="w-10/12 xl:w-4/12 mx-auto space-y-0">
<a href="mailto:[email protected]">
<a href="mailto:[email protected]?subject=Hello%20Maxentlabs">
<p class="button-font">
Get in touch.
</p>
Expand All @@ -100,7 +100,7 @@
<footer class="bg-black py-5 mt-auto">
<div class="max-w-screen-xl rtl:space-x-reverse flex items-center justify-end mx-auto p-4">
<div class="flex space-x-4">
<a href="mailto:[email protected]" target="_blank" rel="noopener noreferrer">
<a href="mailto:[email protected]?subject=Hello%20Maxentlabs" target="_blank" rel="noopener noreferrer">
<i class="fas fa-envelope text-white text-2xl"></i>
</a>
<a href="https://github.com/maxent-ai" target="_blank" rel="noopener noreferrer">
Expand Down
193 changes: 50 additions & 143 deletions process.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@
<title>MAXENT - An AI & Product consulting</title>
</head>

<body class="bg-black flex flex-col md:w-11/12 w-full mx-auto">
<body class="bg-black flex flex-col">
<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">
Expand Down Expand Up @@ -48,179 +48,86 @@
</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">
<div id="mobile-menu" class="lg:hidden hidden flex flex-col space-y-4 my-4 pr-4 items-end absolute top-20 right-0 z-100 bg-black">
<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="/service.html" class="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>
<a href="/process.html" class="navbar-font hover:underline underline-offset">Process</a>
</div>
</nav>
</nav>

<!-- Main Content -->

<div class="main-content">
<section class="relative pt-2 md:pt-10">
<section class="relative pt-2 md:pt-10">
</section>

<section class="relative pt-2 md:pt-2 md:pt-10">
<div class="max-w-screen-xl flex flex-col md:flex-row items-center justify-between mx-auto p-4">
<div class="w-full md:w-1/5 mb-4 md:mb-0 "> <!-- 20% width column for small screens, full width for others -->
<div class="profile-name-font font-bold">
Process
</div>
</div>
<div class="w-full md:w-4/5"> <!-- 50% width column for all screen sizes -->
<!-- 50% width column for all screen sizes -->
<div class="description-font">
At Maxent, we believe products can be magical when done right. It's the seamless fusion of creator talent and passion invested in their craft. Our philosophy revolves around the dynamic interplay of innovation, problem-solving, and technology.
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>
<br>
<div class="description-font">
Collaboration is the heartbeat of our process. We work closely with you, becoming an integral part of your team. Our approach is far from one-size-fits-all; we recognize the individuality of each challenge. Our tried-and-tested process ensures that your vision seamlessly transforms into reality.
</div>
</div>
</div>
</section>

<section class="relative pt-2 md:pt-2 md:pt-10">
<section class="relative pt-2 md:pt-2 md:pt-5">
<div class="max-w-screen-xl flex flex-col md:flex-row items-center justify-between mx-auto p-4">
<div class="w-full md:w-1/5 mb-4 md:mb-0 "> <!-- 20% width column for small screens, full width for others -->
<div class="profile-name-font font-bold">
I: Initiation
</div>
</div>
<div class="w-full md:w-4/5"> <!-- 50% width column for all screen sizes -->
<!-- 50% width column for all screen sizes -->
<div class="description-font">
Our journey with you kicks off with a call.
This initial interaction serves as a dive into your business problem.
Depending on the complexity, we follow up with clarifications via email, a second technical call, or perhaps an offer tailored to your needs.
<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>
</div>
</section>

<section class="relative pt-2 md:pt-10">
<section class="relative pt-2 md:pt-2 md:pt-10">
<div class="max-w-screen-xl flex flex-col md:flex-row items-center justify-between mx-auto p-4">
<div class="w-full md:w-1/5 mb-4 md:mb-0 "> <!-- 20% width column for small screens, full width for others -->
<div class="profile-name-font font-bold">
</div>
</div>
<div class="w-full md:w-4/5">
<div id="accordion-collapse" data-accordion="collapse" class="flex flex-col items-center justify-between mx-auto">
<h2 id="accordion-collapse-heading-1" class="w-full md:w-4/6">
<button type="button" class="flex items-center justify-between p-5 process-name-font font-bold rtl:text-right text-white gap-3 w-full" data-accordion-target="#accordion-collapse-body-1" aria-expanded="true" aria-controls="accordion-collapse-body-1">
<span>Problem Exploration</span>
<svg data-accordion-icon class="w-3 h-3 rotate-180 shrink-0 text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 10 6">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5 5 1 1 5"/>
</svg>
</button>
</h2>
<div id="accordion-collapse-body-1" class="w-full md:w-4/6" aria-labelledby="accordion-collapse-heading-1">
<div class="p-5">
<p class="mb-2 description-font">We Understand the fundamental problem we aim to solve & identify a comprehensive set of sub-problems, ensuring a holistic view.</p>
</div>
</div>
<h2 id="accordion-collapse-heading-2" class="w-full md:w-4/6">
<button type="button" class="flex items-center justify-between p-5 process-name-font font-bold rtl:text-right text-white gap-3 w-full" data-accordion-target="#accordion-collapse-body-2" aria-expanded="false" aria-controls="accordion-collapse-body-2">
<span>Unlocking Opportunities</span>
<svg data-accordion-icon class="w-3 h-3 rotate-180 shrink-0 text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 10 6">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5 5 1 1 5"/>
</svg>
</button>
</h2>
<div id="accordion-collapse-body-2" class="hidden w-full md:w-4/6" aria-labelledby="accordion-collapse-heading-2">
<div class="p-5">
<p class="mb-2 description-font">We Rank the problems based on their potential impact and the effort required & Formulate hypotheses for each problem, setting the stage for discovery.</p>

</div>
</div>
<h2 id="accordion-collapse-heading-3" class="w-full md:w-4/6">
<button type="button" class="flex items-center justify-between p-5 process-name-font font-bold rtl:text-right text-white gap-3 w-full" data-accordion-target="#accordion-collapse-body-3" aria-expanded="false" aria-controls="accordion-collapse-body-3">
<span>Lean Prototyping</span>
<svg data-accordion-icon class="w-3 h-3 rotate-180 shrink-0 text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 10 6">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5 5 1 1 5"/>
</svg>
</button>
</h2>
<div id="accordion-collapse-body-3" class="hidden w-full md:w-4/6" aria-labelledby="accordion-collapse-heading-3">
<div class="p-5">
<p class="mb-2 description-font">
We Transform hypotheses into tangible prototypes for real-world testing and we iteratively refine prototypes based on feedback and data driven insights.
</p>
</div>
</div>
<!-- 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>

<h2 id="accordion-collapse-heading-4" class="w-full md:w-4/6">
<button type="button" class="flex items-center justify-between p-5 process-name-font font-bold rtl:text-right text-white gap-3 w-full" data-accordion-target="#accordion-collapse-body-4" aria-expanded="false" aria-controls="accordion-collapse-body-4">
<span>Solution Validation</span>
<svg data-accordion-icon class="w-3 h-3 rotate-180 shrink-0 text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 10 6">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5 5 1 1 5"/>
</svg>
</button>
</h2>
<div id="accordion-collapse-body-4" class="hidden w-full md:w-4/6" aria-labelledby="accordion-collapse-heading-4">
<div class="p-5">
<p class="mb-2 description-font">
We Compile findings from prototype testing in a compelling narrative & analyze data to validate hypotheses and guide strategic decision-making.
</p>
</div>
</div>
<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>

<h2 id="accordion-collapse-heading-5" class="w-full md:w-4/6">
<button type="button" class="flex items-center justify-between p-5 process-name-font font-bold rtl:text-right text-white gap-3 w-full" data-accordion-target="#accordion-collapse-body-5" aria-expanded="false" aria-controls="accordion-collapse-body-5">
<span>Evolutionary Implementation</span>
<svg data-accordion-icon class="w-3 h-3 rotate-180 shrink-0 text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 10 6">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5 5 1 1 5"/>
</svg>
</button>
</h2>
<div id="accordion-collapse-body-5" class="hidden w-full md:w-4/6" aria-labelledby="accordion-collapse-heading-5">
<div class="p-5">
<p class="mb-2 description-font">
We Develop tailored solutions aligned with validated insights & implement solutions iteratively, ensuring adaptability to evolving needs.
</p>
</div>
<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>
</div>
</div>
</section>



<section class="relative pt-2 md:pt-10">
<section class="relative pt-2 md:pt-2 md:pt-5">
<div class="max-w-screen-xl flex flex-col md:flex-row items-center justify-between mx-auto p-4">
<div class="w-full md:w-1/5 mb-4 md:mb-0 "> <!-- 20% width column for small screens, full width for others -->
<div class="profile-name-font font-bold">
II: Crafting
</div>
</div>
<div class="w-full md:w-4/5"> <!-- 50% width column for all screen sizes -->
<!-- 50% width column for all screen sizes -->
<div class="description-font">
In this phase, inspired by Agile workflows and Design Thinking,
we embark on a journey that encapsulates the iterative essence of product or AI solution development.
the crafting phase involves the following steps:
</div>
<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>
</div>
</section>

<section class="relative pt-2 md:pt-10">
<div class="max-w-screen-xl flex flex-col md:flex-row items-center justify-between mx-auto p-4">
<div class="w-full md:w-1/5 mb-4 md:mb-0 "> <!-- 20% width column for small screens, full width for others -->
<div class="profile-name-font font-bold">
III: Closing
</div>
</div>
<div class="w-full md:w-4/5"> <!-- 50% width column for all screen sizes -->
<div class="description-font md:mb-8 lg:mb-12">
We will ensure seamless integration with your ecosystems by incorporating checkpoints.
Our commitment extends to establishing a post-implementation support plan with a focus on long-term success.
Initiatives will be implemented to empower you, enabling you to take ownership of solutions post-implementation.
Additionally, comprehensive training programs and documentation will be provided to facilitate self-sufficiency.
</div>
</div>
<section class="relative pt-2 md:pt-2 md:pt-10">
<div class="w-10/12 xl:w-4/12 mx-auto space-y-0">
<a href="mailto:[email protected]?subject=Hello%20Maxentlabs">
<p class="button-font">
Get in touch.
</p>
</a>
</div>
</section>
</div>



<script>
document.querySelectorAll('[data-accordion-target]').forEach(button => {
Expand Down
2 changes: 1 addition & 1 deletion service.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -96,7 +96,7 @@
</div>

<!-- right column -->
<div class="w-full md:w-2/4">
<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 -->
Expand Down
30 changes: 29 additions & 1 deletion style.css
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,8 @@

button:active, button:focus {
outline: none;
background: none;
}

.navbar-font{
font-family: 'Roboto', sans-serif;
font-size: 20px;
Expand Down Expand Up @@ -126,6 +130,28 @@
/* For medium screens and larger */
}

.profile-name-font::after {
content: '➔';
display: inline-block;
margin-left: 10px;
transform: rotate(-45deg);
transition: transform 0.3s ease-in-out;
}

.profile-name-font:hover::after {
transform: rotate(-45deg) translate(5px);
animation: diagonal 1s ease-in-out infinite;
}

@keyframes diagonal {
0%, 100% {
transform: rotate(-45deg) translate(0, 0);
}
50% {
transform: rotate(-45deg) translate(5px);
}
}

.process-name-font{
font-family: 'Roboto', sans-serif;
font-size: 32px;
Expand Down Expand Up @@ -202,6 +228,7 @@

.identity-font {
width: 100%;
font-size: 28px;
}

.profile-name-font{
Expand Down Expand Up @@ -249,6 +276,7 @@

.identity-font {
width: 100%;
font-size: 28px;
}
.process-name-font{
font-size: 20px;
Expand Down

0 comments on commit 9c74922

Please sign in to comment.