diff --git a/_dev/elegance.css b/_dev/elegance.css index 7470324..97f8b55 100644 --- a/_dev/elegance.css +++ b/_dev/elegance.css @@ -41,10 +41,6 @@ input[type="radio"],input[type="checkbox"] { } .image{ - width:400px; - height:250px; - color:#efefef; - font-size:8rem; &.right{ float:right; margin-left:30px; @@ -68,4 +64,4 @@ input[type="radio"],input[type="checkbox"] { &:after { clear: both; } -} \ No newline at end of file +} diff --git a/assets/css/theme.css b/assets/css/theme.css index a8949ce..1adff75 100755 --- a/assets/css/theme.css +++ b/assets/css/theme.css @@ -1131,6 +1131,10 @@ select { width: max-content; } +.w-48 { + width: 12rem; +} + .max-w-6xl { max-width: 72rem; } @@ -2177,6 +2181,10 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { margin-top: 12rem; } + .lg\:mt-28 { + margin-top: 7rem; + } + .lg\:flex { display: flex; } @@ -2209,12 +2217,12 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { width: 60%; } - .lg\:w-\[30\%\] { - width: 30%; + .lg\:w-\[40\%\] { + width: 40%; } - .lg\:w-\[70\%\] { - width: 70%; + .lg\:w-\[60\%\] { + width: 60%; } .lg\:w-full { @@ -2294,4 +2302,12 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { .\32xl\:mt-64 { margin-top: 16rem; } + + .\32xl\:mt-48 { + margin-top: 12rem; + } + + .\32xl\:mt-36 { + margin-top: 9rem; + } } \ No newline at end of file diff --git a/templates/layouts/layout-both-columns.tpl b/templates/layouts/layout-both-columns.tpl index 4e86353..078c16a 100644 --- a/templates/layouts/layout-both-columns.tpl +++ b/templates/layouts/layout-both-columns.tpl @@ -121,14 +121,14 @@ <div class="flex lg:flex-row flex-col bg-[#000E2A] mt-16"> - <div class="lg:w-[70%] object-fit"> + <div class="lg:w-[60%] object-fit"> <img class="" src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/20-06-23%20Brooks%20Bingham%20Summer_1142-min.jpg"/> </div> - <div class="lg:w-[30%] bg-[#000E2A] p-4"> - <p class="text-2xl font-bold text-gray-50 2xl:mt-64 lg:mt-48 mt-8 mb-6">Business suits for men</p> + <div class="lg:w-[40%] bg-[#000E2A] p-4"> + <p class="text-2xl font-bold text-gray-50 2xl:mt-48 lg:mt-32 mt-8 mb-8">Business suits for men</p> <p class="text-lg front-semibold text-gray-50">Tailored business Suits designed for you to make a powerful impression and radiate confidence.</p> <a href="https://brooksbingham.com/module/thob/configurator?id_product=75"> - <button class="font-semibold bg-slate-200 w-28 2xl:mt-64 mt-12 bottom-0 text-lg">Explore more<button> + <button class="font-semibold bg-slate-200 2xl:mt-48 mt-40 text-lg uppercase py-2 flex-1 text-center border border-blue-950 hover:text-blue-900 hover:border-blue-900 w-48">Explore more<button> </a> </div> </div> @@ -182,7 +182,7 @@ <svg xmlns="http://www.w3.org/2000/svg" class="icon stroke-gray-600 stroke-[3px] icon-tabler icon-tabler-chevron-right" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 6l6 6l-6 6" /></svg> </a> - <div class="border border-sky-950 w-full flex lg:flex-row p-8 flex-col"> + <div class="border-[0.5px] border-sky-950 w-full flex lg:flex-row p-8 flex-col"> <div > <h1 class="text-2xl p-4 font-bold">Who Are We?</h1> <p class="text-lg p-4 font-medium"><b>BrooksBingham</b> is your destination for custom-tailored menswear, where authenticity is woven into every stitch. Experience our cutting-edge fitting technology for a flawless fit tailored to your measurements in minutes.Our perfect fit guarantee ensures that every piece you order is tailored to your exact specifications, delivering a perfect fit every time.</p>