usite-sas-bic/prosapp_landing_page
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

espaciado entre secciones

Browse Source
This commit is contained in:
Felipe
2023-08-08 11:15:46 -05:00
parent 859b042695
commit 498691ba84
1 changed files with 8 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+8 -10
View File
@@ -76,12 +76,11 @@
</div>
</div>
</div>
</section>
</section>
<section id="usuarios" class="h-screen grid md:content-center">
<section id="usuarios" class="md:h-screen grid md:content-center">
<div class="flex flex-col md:flex-row justify-between w-full max-w-7xl mx-auto ">
<div class="md:pr-8 align-middle my-auto flex justify-center">
<div class="md:pr-8 align-middle my-16 md:my-auto flex justify-center">
<div class="rounded-full bg-gray-300 w-2/3 xl:w-full overflow-hidden max-w-lg hover:scale-105 transition-all">
<img src="./img/p2.png" alt="Imagen" class="w-full h-full object-cover"/>
</div>
@@ -122,7 +121,7 @@
</div>
</section>
<section id="profesionales" class=" h-screen flex flex-col flex-col-reverse md:flex-row justify-center w-full max-w-7xl mx-auto ">
<section id="profesionales" class="md:h-screen flex flex-col flex-col-reverse md:flex-row justify-center w-full max-w-7xl mx-auto ">
<div class="md:flex px-6 md:px-0 flex-col justify-start md:justify-center md:col-span-2 lg:col-span-3 mx-4 md:mx-8 my-auto">
<h2 class="text-gray-600 font-semibold lg:text-3xl mb-4 transition-all">ProsApp para profesionales de la salud</h2>
<h2 class="text-xl md:text-4xl xl:text-6xl mb-4 transition-all">Expande tu alcance profesional</h2>
@@ -155,16 +154,16 @@
</li>
</ul>
</div>
<div class="flex items-center justify-center md:pr-8 align-middle my-auto">
<div class="flex items-center justify-center md:pr-8 align-middle my-16 md:my-auto">
<div class="rounded-full bg-gray-300 w-2/3 xl:w-full overflow-hidden max-w-2xl hover:scale-105 transition-all">
<img src="./img/p4.png" alt="Imagen" class="w-full h-full object-cover"/>
</div>
</div>
</section>
<section class="h-screen grid md:content-center overflow-auto mb-6 md:mb-0">
<section class="md:h-screen grid md:content-center overflow-auto mb-6 md:mb-0">
<div class="md:flex justify-between w-full max-w-7xl mx-auto my-auto">
<div class="flex items-center justify-center md:pr-8">
<div class="flex items-center justify-center my-16 md:my-auto md:pr-8">
<div class="rounded-2xl w-2/3 xl:w-full mb-6 md:mb-0 overflow-hidden hover:scale-105 transition-all">
<img src="./img/p3.png" alt="Imagen" class="w-full h-full object-cover "/>
</div>
@@ -196,7 +195,7 @@
</div>
</section>
<section class="grid md:content-center">
<section class="grid mt-16 md:mt-0 md:content-center">
<div class="grid grid-cols-1 mx-4 md:mx-0">
<div class="md:pr-8 text-center">
<h3 class="text-gray-600 font-semibold text-2xl lg:text-3xl mb-4 transition-all mb-16">
@@ -361,7 +360,6 @@
</div>
</div>
</section>
<footer class="fixed bottom-10 right-10">
<svg class="w-20 lg:w-24 block drop-shadow-lg cursor-pointer" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" x="0" y="0" viewBox="0 0 176 176" style="enable-background:new 0 0 512 512" xml:space="preserve">