Skip to content

Commit

Permalink
agregados containers y sombras
Browse files Browse the repository at this point in the history
  • Loading branch information
@marianodevel
marianodevel committed Dec 16, 2024
1 parent a3881a2 commit dc9afea
Show file tree
Hide file tree
Showing 2 changed files with 66 additions and 53 deletions.
106 changes: 55 additions & 51 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,9 +5,9 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Briamonte y Bustos</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Afacad:ital,wght@0,400..700;1,400..700&family=Alatsi&display=swap" rel="stylesheet">
<link rel="stylesheet" href="static/css/styles.css">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Afacad:ital,wght@0,400..700;1,400..700&family=Alatsi&display=swap" rel="stylesheet">
<link rel="stylesheet" href="static/css/styles.css">
</head>
<body>
<section id="inicio">
Expand All @@ -18,13 +18,13 @@
<a href="#contacto">Contacto</a>
</nav>
<div class="content">
<div class="text-content">
<h2>Inicio</h2>
<br>
<h2>Briamonte y Bustos</h2>
<br>
<h3>Abogados</h3>
</div>
<div class="text-content">
<h2>Inicio</h2>
<br>
<h2>Briamonte y Bustos</h2>
<br>
<h3>Abogados</h3>
</div>
</div>
<footer>
<div class="CTA">
Expand All @@ -40,27 +40,29 @@ <h3>Abogados</h3>
<a href="#contacto">Contacto</a>
</nav>
<div class="content">
<div class="text-content">
<h2>Nuestro Estudio</h2>
<p>Nos distinguen 15 años de experiencia en el ejercicio de la abogacía y una sólida y permanente formación profesional.</p>
<br>
<p>Creemos que la resolución rápida y eficiente de los conflictos legales es fundamental para el desarrollo de los proyectos de nuestros clientes.</p>
<br>
<p>Nos mantenemos en contacto permanente con nuestros representados brindándoles asesoramiento adecuado y oportuno en los momentos de mayor necesidad.</p>
<br>
<p>Nuestro compromiso es su tranquilidad</p>
</div>
<div class="container" id="nuestro_estudio">
<div class="text-content">
<h2>Nuestro Estudio</h2>
<p>Nos distinguen 15 años de experiencia en el ejercicio de la abogacía y una sólida y permanente formación profesional.</p>
<br>
<p>Creemos que la resolución rápida y eficiente de los conflictos legales es fundamental para el desarrollo de los proyectos de nuestros clientes.</p>
<br>
<p>Nos mantenemos en contacto permanente con nuestros representados brindándoles asesoramiento adecuado y oportuno en los momentos de mayor necesidad.</p>
<br>
<p>Nuestro compromiso es su tranquilidad</p>
</div>
</div>
</div>
<footer>
<div class="barra">
<img src="static/images/barra.png">
</div>
<div class="CTA">
<button>ASESORAMIENTO</button>
</div>
<div class="barra">
<img src="static/images/barra.png">
</div>
<div class="barra">
<img src="static/images/barra.png">
</div>
<div class="CTA">
<button>ASESORAMIENTO</button>
</div>
<div class="barra">
<img src="static/images/barra.png">
</div>
</footer>
</section>
<section id="servicios_legales">
Expand All @@ -71,20 +73,20 @@ <h2>Nuestro Estudio</h2>
<a href="#contacto">Contacto</a>
</nav>
<div class="content">
<div class="text-content">
<h2>Servicios Legales</h2>
</div>
<div class="text-content">
<h2>Servicios Legales</h2>
</div>
</div>
<footer>
<div class="barra">
<img src="static/images/barra.png">
</div>
<div class="CTA">
<button>ASESORAMIENTO</button>
</div>
<div class="barra">
<img src="static/images/barra.png">
</div>
<div class="barra">
<img src="static/images/barra.png">
</div>
<div class="CTA">
<button>ASESORAMIENTO</button>
</div>
<div class="barra">
<img src="static/images/barra.png">
</div>
</footer>
</section>
<section id="contacto">
Expand All @@ -95,19 +97,21 @@ <h2>Servicios Legales</h2>
<a href="#contacto">Contacto</a>
</nav>
<div class="content">
<div class="container">
<h2>Contacto</h2>
</div>
</div>
<footer>
<div class="barra">
<img src="static/images/barra.png">
</div>
<div class="CTA">
<button>ASESORAMIENTO</button>
</div>
<div class="barra">
<img src="static/images/barra.png">
</div>
<div class="CTA">
<div class="barra">
<img src="static/images/barra.png">
</div>
<div class="CTA">
<button>ASESORAMIENTO</button>
</div>
<div class="barra">
<img src="static/images/barra.png">
</div>
<div class="CTA">
</footer>
</section>
<script>
Expand Down
13 changes: 11 additions & 2 deletions static/css/styles.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -19,15 +19,18 @@ html {
overflow-y: scroll;
}

h2 {
body {
font-family: "Alatsi", sans-serif;
}

h2 {
font-family: "Afacad", sans-serif;
}

section {
height: 100vh;
display: flex;
flex-direction: column;
font-family: "Afacad", sans-serif;
scroll-snap-align: start;
scroll-snap-stop: always;
color: var(--DORADO);
Expand Down Expand Up @@ -66,6 +69,12 @@ footer {
flex-direction: row;
}

.container {
background-color: var(--CAMEL);
filter: drop-shadow(5px 5px 5px var(--DORADO));
border-radius: 5%;
margin: clamp(1rem, 3vw, 3rem);
}

.content {
flex: 1;
Expand Down

0 comments on commit dc9afea

Please sign in to comment.