Skip to content

Commit

Permalink
ipad / iphone responsive website.
Browse files Browse the repository at this point in the history
  • Loading branch information
@AnjanaRita
AnjanaRita committed Jan 31, 2024
1 parent 9547ef5 commit 2d4e932
Show file tree
Hide file tree
Showing 4 changed files with 72 additions and 49 deletions.
12 changes: 7 additions & 5 deletions identity.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">
<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">
Expand Down Expand Up @@ -48,18 +48,19 @@
</div>
</div>

<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">
<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 hover:underline underline-offset">Services</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-offset">Process</a>
<a href="/process.html" class="navbar-font hover:underline underline-offsetne">Process</a>
</div>
</nav>

<!-- Main Content -->
<div class="main-content">
<section class="relative">
<div class="max-w-screen-xl flex items-center justify-between mx-auto p-4">
<p class="identity-font break-words">Maxent is new, but our team isn’t. Here’s some of our past work.</p>
<p class="identity-font break-words w-full md:w-4/6 xl:w-1/2">Maxent is new, but our team isn’t. Here’s some of our past work.</p>
</div>
</section>

Expand Down Expand Up @@ -109,6 +110,7 @@
</div>
</div>
</section>
</div>



Expand Down
17 changes: 9 additions & 8 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">
<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">
Expand Down Expand Up @@ -48,17 +48,18 @@
</div>
</div>

<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">

<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 hover:underline underline-offset">Services</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-offset">Process</a>
<a href="/process.html" class="navbar-font hover:underline underline-offsetne">Process</a>
</div>
</nav>

</nav>
<!-- Main Content -->

<section class="relative pt-2 md:pt-10">
<div class="main-content">
<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">
Expand Down Expand Up @@ -217,7 +218,7 @@ <h2 id="accordion-collapse-heading-5" class="w-full md:w-4/6">
</div>
</div>
</section>

</div>



Expand Down
24 changes: 14 additions & 10 deletions service.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">
<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">
Expand All @@ -25,7 +25,7 @@
<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:bg-transparent md:text-blue-700 md:p-0" aria-current="page">
<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>
Expand All @@ -48,24 +48,27 @@
</div>
</div>

<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">
<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 hover:underline underline-offset">Services</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-offset">Process</a>
<a href="/process.html" class="navbar-font hover:underline underline-offsetne">Process</a>
</div>
</nav>
</nav>

<!-- Main Content -->
<div class="main-content">
<section class="relative">
<div class="max-w-screen-xl flex items-center justify-between mx-auto p-4">
<p class="identity-font break-words" style="width: 50%;">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>
<p class="identity-font 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 space-x-10 md:space-x-14">
<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">
Expand All @@ -79,7 +82,7 @@
</div>

<p class="service-tag mb-4">Key Services</p>
<p class="service-tag flex-auto space-x-2 pb-5" style="width: 100%;">
<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>
Expand Down Expand Up @@ -122,6 +125,7 @@

</div>
</section>
</div>



Expand Down
68 changes: 42 additions & 26 deletions style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13,6 +13,7 @@
text-decoration-thickness: 2px;
}


.link-font{
font-family: 'Roboto', sans-serif;
font-size: 48px;
Expand Down Expand Up @@ -113,7 +114,6 @@
text-justify: inter-word;
text-align:justify;
/* For medium screens and larger */
width: 40%;
}

.profile-name-font{
Expand Down Expand Up @@ -168,35 +168,51 @@
}

@media (max-width: 1024px) and (min-width: 640px) {
/* Small screen font size adjustment */
.title-font {
font-size: 100px;
}

.subtitle-font {
font-size: 40px;
}

.header-font {
font-size: 80px;
/* Small screen font size adjustment */
.link-font {
font-size: 28px;
}

.bottom-font{
font-size: 20px;
}

.title-font{
font-size: 80px;
}
.description-font{
font-size: 20px;
}

.subtitle-font{
font-size: 20px;
}

.header-font{
font-size: 80px;
}
.subheader-font{
font-size: 32px;
}

.button-font{
font-size: 30px;
}

.identity-font {
width: 100%;
}

.subheader-font {
font-size: 40px;
.profile-name-font{
font-size: 20px;
}

.button-font {
font-size: 40px;
.process-name-font{
font-size: 20px;
}

.identity-font {
width: 100%;
}

.process-name-font{
font-size: 20px;
}
}

}

/* Small screens */
@media (max-width: 640px) {
Expand All @@ -206,14 +222,14 @@
}

.bottom-font{
font-size: 18px;
font-size: 20px;
}

.title-font{
font-size: 80px;
}
.description-font{
font-size: 12px;
font-size: 20px;
}

.subtitle-font{
Expand Down

0 comments on commit 2d4e932

Please sign in to comment.