carpi/LDM-ASIR-11.26.25
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Repo de LDM-ASIR

Browse Source
This commit is contained in:
Lil_Carpi
2025-11-26 20:23:35 +01:00
commit fc2d3c47a5
66 changed files with 3560 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

68
ACT24_sad/actor_sad.html Normal file
View File

@@ -0,0 +1,68 @@
<!DOCTYPE html>
<html lang="ca">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>El cinema - Actor</title>
<link href="css/style.css" rel="stylesheet">
<link rel="icon" type="image/x-icon" href="img/logo.png">
</head>
<body>
<!--
Autor: Sebastian Ariel Duarte
Data d'elaboració: 18/10/2025
Resum: Pàgina Actor del projecte "El cinema". Conté imatge, biografia i llista de pel·lícules destacades.
-->
<header>
<div class="header-container">
<img src="img/logo.png" alt="Logo" class="logo">
<h1>El Cinema</h1>
</div>
<nav class="navbar">
<ul>
<li><a href="inicial_sad.html">Cinema</a></li>
<li><a href="actor_sad.html">Actor</a></li>
<li><a href="pel·li_sad.html">Pel·lícula</a></li>
</ul>
</nav>
</header>
<main>
<section class="content-section">
<h2 class="titulo">Leonardo DiCaprio</h2>
<div class="info">
<img src="img/actor.jpg" alt="Leonardo DiCaprio" class="content-photo">
<div class="content-description">
<p>Leonardo Wilhelm DiCaprio és un actor, productor i activista mediambiental nord-americà.
Reconegut per la seva versatilitat, ha guanyat diversos premis, incloent un Òscar pel seu paper a <em>The Revenant</em>.</p>
<h3>Pel·lícules destacades</h3>
<ul class="content-llista">
<li>Titanic (1997)</li>
<li>Inception (2010)</li>
<li>The Revenant (2015)</li>
<li>Shutter Island (2010)</li>
<li>El llop de Wall Street (2013)</li>
</ul>
<p class="opinio"><strong>Opinió personal:</strong> És un actor molt versàtil i capaç de transmetre emocions reals en cada paper. El considero un dels millors de la seva generació</p>
</div>
</div>
</section>
</main>
<footer>
<p>Fet per <strong>Sebastian Ariel Duarte</strong>.
<a href="https://www.instagram.com/lil_carpi_/" target="_blank">
<img src="img/instagram.svg" alt="Instagram" class="icon">
</a>
<a href="https://www.youtube.com/@CARPI_2.0_03" target="_blank">
<img src="img/yt.svg" alt="YouTube" class="icon">
</a>
<a href="https://lilcarpi.xyz">
<img src="img/lilcarpi.png" alt="Lil_Carpi" class="icon">
</a>
</p>
</footer>
</body>
</html>

172
ACT24_sad/css/style.css Normal file
View File

@@ -0,0 +1,172 @@
body
{
background-color: #54FF9F;
font-family: 'Segoe UI', sans-serif;
margin: 0;
}
.header-container
{
display:flex;
align-items:center;
justify-content: center;
gap: 1em;
margin-top: 5em;
}
.logo
{
width: 50px;
height: 40px;
border-radius:100%;
}
.descripcio
{
padding: 1em 2em;
color: #224A34;
font-size: 1.1em;
line-height: 1.5em;
}
.opinio
{
margin-top: 1em;
background-color: #8FFFC1;
border-left: 5px solid #3CB97A;
padding: 1em;
border-radius: 10px;
font-style: italic;
}
footer
{
text-align: center;
padding: 1em;
margin-top: 3em;
color: #224A34;
}
footer .icon
{
width: 24px;
vertical-align: middle;
margin-left: 0.5em;
}
.navbar
{
background-color: #5BE8A7;
color: #224A34;
padding: 1em 5em;
position:fixed;
top: 1em;
left: 50%;
transform: translateX(-50%);
width: clamp(300px, 70%, 900px);
z-index: 100;
border-radius:50px;
border: 3px solid #3CB97A;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}
.navbar ul
{
margin: 0;
padding: 0;
display: flex;
justify-content: space-around;
align-items:center;
flex-wrap: wrap;
}
.navbar li
{
list-style: none;
}
.navbar a {
position:relative;
color: #224A34;
text-decoration: none;
font-weight: bold;
display: inline-block;
transition: transform 0.3s ease, color 0.3s ease;
}
.navbar a::after
{
content: "";
position: absolute;
bottom: -5px;
left:0;
width:0;
height:2px;
background-color: #0F6B3D;
transition: width 0.3s ease;
}
.navbar a:hover
{
transform: translateY(-3px);
color: #0F6B3D;
}
.navbar a:hover::after
{
width: 100%
}
.titulo
{
margin: 0.5em auto 2em auto;
max-width: 900px;
border: 3px solid #3CB97A;
border-radius: 50px;
background-color: #5BE8A7;
color: #224A34;
padding: 1em 3em;
text-align: center;
}
.content
{
border: 3px solid #3CB97A;
border-radius: 50px;
max-width: 900px;
margin:0 auto;
background-color: #54FFC8;
overflow: hidden;
}
.content img
{
width: 100%;
border-radius: 50px;
display:block;
}
.content-section
{
margin: 2em auto;
max-width: 900px;
border: 3px solid #3CB97A;
border-radius: 50px;
background-color: #54FFc8;
padding: 2em;
}
.info
{
display: flex;
align-items: flex-start;
gap: 2em;
flex-wrap: wrap;
}
.content-photo
{
width: 250px;
border-radius: 30px;
border: 3px solid #3CB97A;
}
.content-description
{
flex: 1;
color: #224A34;
font-size: 1.1em;
line-height: 1.5em;
}
.content-description h3
{
margin-top: 1em;
color: #0F6B3D;
}
.content-llista
{
padding-left:1.5em;
margin-top:0.5em;
list-style-type: "🎬 ";
}

BIN
ACT24_sad/img/actor.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.9 MiB

BIN
ACT24_sad/img/cinema.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 58 KiB

1
ACT24_sad/img/instagram.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 8.7 KiB

BIN
ACT24_sad/img/lilcarpi.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 25 KiB

BIN
ACT24_sad/img/logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 28 KiB

BIN
ACT24_sad/img/pelicula.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 174 KiB

8
ACT24_sad/img/yt.svg Normal file
View File

@@ -0,0 +1,8 @@
<svg xmlns="http://www.w3.org/2000/svg" class="external-icon" viewBox="0 0 28.57 20" focusable="false" style="pointer-events: none; display: block; width: 100%; height: 100%;">
<svg viewBox="0 0 28.57 20" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg">
<g>
<path d="M27.9727 3.12324C27.6435 1.89323 26.6768 0.926623 25.4468 0.597366C23.2197 2.24288e-07 14.285 0 14.285 0C14.285 0 5.35042 2.24288e-07 3.12323 0.597366C1.89323 0.926623 0.926623 1.89323 0.597366 3.12324C2.24288e-07 5.35042 0 10 0 10C0 10 2.24288e-07 14.6496 0.597366 16.8768C0.926623 18.1068 1.89323 19.0734 3.12323 19.4026C5.35042 20 14.285 20 14.285 20C14.285 20 23.2197 20 25.4468 19.4026C26.6768 19.0734 27.6435 18.1068 27.9727 16.8768C28.5701 14.6496 28.5701 10 28.5701 10C28.5701 10 28.5677 5.35042 27.9727 3.12324Z" fill="#FF0000"/>
<path d="M11.4253 14.2854L18.8477 10.0004L11.4253 5.71533V14.2854Z" fill="white"/>
</g>
</svg>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 955 B

59
ACT24_sad/inicial_sad.html Normal file
View File

@@ -0,0 +1,59 @@
<!DOCTYPE html>
<html lang="ca">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>El cinema - Inicial</title>
<link href="css/style.css" rel="stylesheet">
<link rel="icon" type="image/x-icon" href="img/logo.png">
</head>
<body>
<!--
Autor: Sebastian Ariel Duarte
Data d'elaboració: 18/10/2025
Resum: Pàgina Actor del projecte "El cinema". Conté imatge, biografia i llista de pel·lícules destacades.
-->
<header>
<div class="header-container">
<img src="img/logo.png" alt="Logo" class="logo">
<h1>El Cinema</h1>
</div>
<nav class="navbar">
<ul>
<li><a href="inicial_sad.html">Cinema</a></li>
<li><a href="actor_sad.html">Actor</a></li>
<li><a href="pel·li_sad.html">Pel·lícula</a></li>
</ul>
</nav>
</header>
<main>
<h2 class="titulo">Descobreix el món del cinema</h2>
<div class="content">
<a href="https://ca.wikipedia.org/wiki/Cinema" target="_blank">
<img src="img/cinema.jpg" alt="Cinema">
</a>
<p class="descripcio">
El cinema és una forma d'art i entreteniment que combina imatges en moviment i so per explicar històries.
Des dels seus inicis a finals del segle XIX, ha evolucionat fins a convertir-se en una de les indústries culturals més influents del món.
</p>
</div>
</main>
<footer>
<p>Fet per <strong>Sebastian Ariel Duarte</strong>.
<a href="https://www.instagram.com/lil_carpi_/" target="_blank">
<img src="img/instagram.svg" alt="Instagram" class="icon">
</a>
<a href="https://www.youtube.com/@CARPI_2.0_03" target="_blank">
<img src="img/yt.svg" alt="YouTube" class="icon">
</a>
<a href="https://lilcarpi.xyz">
<img src="img/lilcarpi.png" alt="Lil_Carpi" class="icon">
</a>
</p>
</footer>
</body>
</html>

68
ACT24_sad/pel·li_sad.html Normal file
View File

@@ -0,0 +1,68 @@
<!DOCTYPE html>
<html lang="ca">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>El cinema - Pel·lícula</title>
<link href="css/style.css" rel="stylesheet">
<link rel="icon" type="image/x-icon" href="img/logo.png">
</head>
<body>
<!--
Autor: Sebastian Ariel Duarte
Data d'elaboració: 18/10/2025
Resum: Pàgina Actor del projecte "El cinema". Conté imatge, biografia i llista de pel·lícules destacades.
-->
<header>
<div class="header-container">
<img src="img/logo.png" alt="Logo" class="logo">
<h1>El Cinema</h1>
</div>
<nav class="navbar">
<ul>
<li><a href="inicial_sad.html">Cinema</a></li>
<li><a href="actor_sad.html">Actor</a></li>
<li><a href="pel·li_sad.html">Pel·lícula</a></li>
</ul>
</nav>
</header>
<main>
<section class="content-section">
<h2 class="titulo">Inception</h2>
<div class="info">
<img src="img/pelicula.jpg" alt="Inception" class="content-photo">
<div class="content-description">
<p>
"Inception" és una pel·lícula de ciència-ficció dirigida per Christopher Nolan que explora el món dels somnis i la manipulació de la realitat a través de la ment humana.
</p>
<h3>Actors principals</h3>
<ul class="content-llista">
<li>Leonardo DiCaprio</li>
<li>Joseph Gordon-Levitt</li>
<li>Marion Cotillard</li>
<li>Tom Hardy</li>
</ul>
<p class="opinio"><strong>Opinió personal:</strong> Absolut cinema. Una obra mestra que combina acció, filosofia i emoció. La seva banda sonora (composada per Hans Zimmer) i la narrativa la fan una de les millors pel·lìcules que he vist.</p>
</div>
</div>
</section>
</main>
<footer>
<p>Fet per <strong>Sebastian Ariel Duarte</strong>.
<a href="https://www.instagram.com/lil_carpi_/" target="_blank">
<img src="img/instagram.svg" alt="Instagram" class="icon">
</a>
<a href="https://www.youtube.com/@CARPI_2.0_03" target="_blank">
<img src="img/yt.svg" alt="YouTube" class="icon">
</a>
<a href="https://lilcarpi.xyz">
<img src="img/lilcarpi.png" alt="Lil_Carpi" class="icon">
</a>
</p>
</footer>
</body>
</html>