n0rdye/krasota
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

new

Browse Source
This commit is contained in:
n0rdye 2024-10-15 07:23:11 +00:00
commit 8ef9c234fc
3 changed files with 121 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
README.md Normal file
View File

@ -0,0 +1 @@
# HTML

22
index.html Normal file
View File

@ -0,0 +1,22 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="./style.css">
</head>
<body>
<div class="ramka">
<img src="https://images.squarespace-cdn.com/content/v1/56b10ca7d210b8b461e5ba02/1459772990065-B889J5DTHY0ZHCSWSDZE/jellyfish.gif" class="bow">
<img src="https://media.tenor.com/GGOMYiE9Xt4AAAAi/glitter-blingee.gif" class="cool">
<img src="https://i.pinimg.com/originals/99/fc/bf/99fcbf0b050795110dfeaa5a579abfde.gif" class="cat">
<img src="https://i.pinimg.com/originals/4a/cd/9e/4acd9e30c04147e2efd4279583dc0543.gif" class="pig">
<div class="box"></div>
<div class="box1"></div>
<div class="box2"></div>
<div class="box3"></div>
</body>
</html>

98
style.css Normal file
View File

@ -0,0 +1,98 @@
.box{
border-radius: 15px;
box-shadow: 0px 0px 5px rgb(255, 105, 248);
border-color: rgb(255, 99, 185);
border-style: dotted;
height: 50px;
width: 50px;
top: 430px;
left: 900px;
position: relative;
background-color: rgb(255, 255, 255);
}
.box1{
border-radius: 15px;
box-shadow: 0px 0px 5px rgb(255, 105, 248);
border-color: rgb(255, 99, 185);
border-style: dotted;
height: 50px;
width: 50px;
top: 373px;
left: 1100px;
position: relative;
background-color: rgb(255, 255, 255);
}
.box2{
border-radius: 15px;
box-shadow: 0px 0px 5px rgb(255, 105, 248);
border-color: rgb(255, 99, 185);
border-style: dotted;
height: 50px;
width: 50px;
top: 320px;
left: 700px;
position: relative;
background-color: rgb(255, 255, 255);
}
.box3{
border-radius: 15px;
box-shadow: 0px 0px 5px rgb(255, 105, 248);
border-color: rgb(255, 99, 185);
border-style: dotted;
height: 50px;
width: 50px;
top: 265px;
left: 500px;
position: relative;
background-color: rgb(255, 255, 255);
}
.ramka{
background-size: 100%;
position: fixed;
background-image: URL(https://avatanplus.com/files/resources/original/579f3426e7bde15645e3b825.jpg);
position: absolute;
/* z-index: -10; */
width: 98vw;
border-color: hotpink;
height: 98vh;
border-radius: 15px;
border-width: 5px;
border-style: groove;
}
.cat{
height: 230px;
width: 260px;
top: 690px;
right: 30px;
position: absolute;
}
.bow{
height: 400px;
width: 400px;
top: 10px;
right: 1400px;
position: absolute;
}
.pig{
height: 150px;
width: 200px;
top: 10px;
right: 40px;
position: absolute;
}
.cool{
height: 350px;
width: 550px;
top: 300px;
right: -600px;
position: relative;
}