0% found this document useful (0 votes)
7 views4 pages

Yyyyy 2

The document is an HTML webpage that presents information about the Furry Fandom, a subculture focused on anthropomorphic animals. It includes a slider showcasing images related to the fandom, a description of its community and activities, and emphasizes creativity and inclusion. The page is styled with CSS to create a visually appealing layout and features a navigation section at the top.

Uploaded by

Ruv Art
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
7 views4 pages

Yyyyy 2

The document is an HTML webpage that presents information about the Furry Fandom, a subculture focused on anthropomorphic animals. It includes a slider showcasing images related to the fandom, a description of its community and activities, and emphasizes creativity and inclusion. The page is styled with CSS to create a visually appealing layout and features a navigation section at the top.

Uploaded by

Ruv Art
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 4

<!

DOCTYPE html>
<html>
<style>

body{
background-color: #ff5733;
}

.navegacion {
background-color: #ffffff;
height: 100px;
width: 100%;
}
imgMJ{
width:100px;
height:100px;
}

.titulo{
margin-left:700px;
margin-top:-85px;
color: #ff0000;
front-size:60px;
font-style: oblique;
font-weight: bold;
}

.slider {

position: relative;
width: 800px;
height: 400px;
margin: 100px auto;
overflow: hidden;
border-radius: 20px;
}

.slides {
display: flex;
width: 100%;
height: 100%;
transition: transform 0.5s ease-in-out;
}

.slide {
min-width: 100%;
height: 100%;
}

.slide img {
width: 100%;
height: 100%;
border-radius: 20px;
}

.FR{
margin-left:10px;
margin-top:100px;
color: #ffffff;
text-align:start;
}

.FR{
width:40%;
height:0;
}

.FR{
font-style: oblique;
font-weight: light;
}

.FV{
height:300px;
width:50%;
margin-left:700px;
margin-top:-30px;
border-radius:20%
}

ubicac{
text-align:center;
}

ubicact{
font-size:40px;
}
</style>

<head>
<title>Page Title</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="UTF-8">
</head>

<body>

<section class="navegacion">

<div>
<img class="imgMJ"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOEAAADhCAMAAAAJbSJIAAAAeFBMVEX/
//8BAQEAAAD8/
PwFBQX4+PjCwsLp6eni4uI+Pj6+vr7y8vI1NTW0tLSnp6fY2NhKSkrMzMyPj49xcXFiYmJ4eHguLi6WlpaF
hYUcHBxoaGjR0dFAQEBdXV1VVVWcnJwlJSWsrKwiIiJ+fn4REREYGBhQUFCKiorJ9lgWAAAIQklEQVR4nO2
ciXbqOAyGEzmQsIUdytJCC6Xv/
4ZjOZvjWBBaSMwdfWfmzjkXkfEf2ZYt2XgewzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAM
wzBMghBC/XvTTP3TRIuYewnj+aS3WO9umE1ni/
1k+Rk20qbHIbzBHFKGI9UV7cSrzGwZ0lYuMgUIAvAlsvH7iLCKhqhN2qBZMH2d0Si8EQoMfIVUCn2rXV+qA
/Ue1H+V1YuI3GHTIRHoqz4oe2rHtPrM/
JebjV+lo3ZWkDdcNV76p1vxThdAN0Kr4YsI9GZlgT4OSQgNiWFZX2K1foVeKqdRqDReMvH0QSZEzzRSVpWu
7B5SRAyBXwXikt0BLFYAny01+z6GpnOSQRYMNJvQJlCaTVpr9R1UBljWBdea0U8SJUwjHwbkc11ByChnEag
0FlYd61uQsVPOue7zRios4v6IUOiXHO0mwluQCre5zbvdRnbdeautr8eEUOjnsUBQnVTafLTb+DoI21SaOm
ia2nQpgT7sW218LUiFcho5pDYz2s0voNDr0Q5apCYftMJXCIhXxmEvXbdd6cjuj0PhbWmFx0TgYEO7+RXm0
h9aYbpwG5DRMHiBeIjRnHRQuiazr+uQgMgGuITwIjrYSYXYT2mFPrxEzi0gO+EmCfmDM/
kOvlpuez1O1n0DunCYGIgVqfCt3abXZEr6MAsFVEDBXNRLsLJLBJilBidi4e3mikaFuHKOLLbvgYvNH7F5C
mBUzkTVKOw8HaH9mdP5InyYTDRC2ANiACsiI9yqznDXnY7NDFnf7sRtbrCopOPUG+ganaETTae79uKHbIuI
9yqjvdli/8taJ+xLa4CiDNXNqhqFA6UL30sP97rbb/
X0fSzayoVPv0Cl71WFqZRgsaRMMY9WNLNXiSgyig60fKrXT6pS6vGbXTsdNc4zggEmtReDrBnyhU9NiUlVI
m//zvw4QBcXMgbvULg5UHWP5umDpkK96Sif/
JLqU1nBofTtWVliqT6lVn6QlwaUH6t1j6cT3vCSPtvI9sOp9G0h5qVXAHmGAxmb+WKAFhKplm0gQFEKFUn5
M61+glyOlSOdJ06QdgI1jCPtc1y7lxRKvbBsTlrafktaXm5xO1rwEodNXumuJnqll4/Zx5tY/
3u5QTanIeyoTUeNtT2oz7V+KuNZf77abFbLqa2kJNKPh/
O+KP31thJK1KMPlmc8kz0E1tJKPpyE0NdclmlC/
1QPdxgrbQobzlERm1iAFTXloYhxvJwMJ8sYdxDCJhvPDh3BnMOSJwfNzjVjYodERi45vOIh5OPyc2BdppDV
RxyJ1ImO50BmraFHfCM+Q3pAQ8W3b2stVODumNo8Tm3feBpUCc0IbHnDo14aGTIrgMnANjq7ZN2t4cIbqdA
3QnvCtBJbzGVaxpx+cLM+JHtpAIHNWoZwcyEaoLsrEq+k4W6dkHss1EyDLYnM5QsuwqwnL9BU1HwuNDzTXE
t59g2FA7CGcOyoZ3MsXkknNxwtqGxTdRPheRfwCYWqEFOSeKXuRk3Sz2JuX9NgU06lk0FyfRfYQrifdFTjd
Szvm8GehzpxYc/7muWjMWmYiCyPLrJw1fRUKiPzmchsmwqHlLOVbWB0PrtCuXmCr8Z3wHQR7aSPrTXRQ/
PGQ6yPxCUZ8GeWNjyXyh4/V3gobWavdFE/OV6rb/xm5HrXugJ6LliAsfS/
8urqckMhSsQkYtZ6e6ZVuvCnaXkY5qwCAy2jItJjwFcBlcvPFFKH4r5bOJaJ6TTf5kNtp3plXaAr1Hvg0Dh
9mwhs57ibkNNCtQsWR0QFVtFuK/RV3M+zkLFl/ROYeazm+IBKKMjOW3idjpw26DhRdlF2PkF4ne/
Kl3CktiRQiL122D5tbdafBO4/
aiksbypHxil4+eHFmvFoRKEn3vV7B9jUoj+FgX3BbRFYWoIviyfibA2wbbeIeNC2frI1ad4W82zD2/
NoTgD7vOjhYTY8+WaAi5mY/
p83Q7SAAm2W2d6KhGWF+VpPzjkH7YnbyIF7NNFbUgg7rsPCEW9wj0IolmV4FzGcfaknrmbN7nqvEI6n40jP
/86sSc/rKkvXSaLxbuyMPL34m0Iuy0lwgZqfabuaK28bdeH1dK//
EpF4XqhcwnAR0VHnEH4hEGPLvHrDzTlkj73UjYOmQu0UsbOI5DbCb1yoQC86cEqIBtv29geB6PyZ2x0Vt1T
k0cp6Cl2/FxTdFehtItVdTIc76uTuQF/V+OGyQjopX1ufXGy3cjyoHoNzvT3vDZFfrs41KoH/t1GYKGx/
w0TROV/
Lb9+h8OjqOCSSnXcrdPcm6eUhAlHhu5vTKX1v8l6FPrhwwrvKgzqp7+6FZ+qK8y9oodJUh4+H+VA/
9O4Sxwf6sOmifS065I2uXyhsvuJbg87fF92FQnBU4aMEyoDhokJB3+69X+GxbTVW9g/
spW5eWqePFd6rD5o+mV+Tz4f5EMxreo4QPtCHjv4QD/17EfcJDODSthSCf35/KB7kRJd//sO8c/
cr8AC4i9OMp3L66z/
mgxOFBycnUgXeWbKXLSC9wpbh272tPnO7OCO2tgOzgSrxYmF+8TZ7W2R3ZyqGmKpzdGuYktSe7Mfyj6dRXu
kX49HymF0/LCkE9383Qnjdr/RmJWS3K2EzH4WaRUI4mn+nPTbdWeJ7aPas8y/pxD1txJ0/
DmPyPtvucDlrtr1PhwdgRnIELfr82U56k+1sNMb1FzFzqL8ejFPbn1F05SeVXQYbXbPh/
NPlDMMwDMMwDMMwDMMwDMMwDMMwDMMwDMMwDMMwDMMwDMMwDMMwDMP8L/
gPmwNKgWcpGTYAAAAASUVORK5CYII="
</div>
</section>

<section>
<div class="titulo"><h2>Furry</h2></div>
</section>

<section>
<div class="slider">
<div class="slides">
<div class="slide">
<img
src="https://upload.wikimedia.org/wikipedia/commons/thumb/1/1a/Fursuit_group_photo
%2C_FBL_2018.jpg/1200px-Fursuit_group_photo%2C_FBL_2018.jpg" alt="Image 1">
</div>
<div class="slide">
<img src="https://furrycdn.org/img/2020/10/6/36703/full.png"
alt="Image 2">
</div>
<div class="slide">
<img
src="https://i.etsystatic.com/42867967/r/il/7a4e7e/5140570676/il_570xN.5140570676_7
ilu.jpg" alt="Image 3">
</div>
</div>
</div>
<script>
const slides = document.querySelector('.slides');
let index = 0;
function showSlide() {
index++;
if (index >= slides.children.length) {
index = 0;
}
slides.style.transform = `translateX(${-index * 100}%)`;
}
setInterval(showSlide, 4000);
</script>
</section>

<section>
<div>
<h1 class="FR">
El Furry Fandom es una subcultura centrada en el interés por animales
antropomorfos, con características humanas como hablar o expresar emociones. Los
miembros, llamados "furries", crean personajes conocidos como "fursonas" que
reflejan sus identidades o creaciones originales. Esta comunidad promueve la
creatividad y la inclusión a través de arte, literatura, juegos de rol y disfraces.
Se ha popularizado mediante convenciones y plataformas en línea, destacando la
amistad y la expresión personal pese a los estereotipos asociados.
</h1>
</div>
</section>

<section>
<div>
<img class="FV"
src="https://i.redd.it/76akz2g8dee41.png"
</div>
</section>

<div class="ubicac">
<h1 class="ubicact"> UBICACION </h1>
</div>
</section>

</body>

</html>

You might also like