commit 8ef9c234fcf5cb690626da742e404d6dfe23295d Author: n0rdye Date: Tue Oct 15 07:23:11 2024 +0000 new diff --git a/README.md b/README.md new file mode 100644 index 0000000..291ef49 --- /dev/null +++ b/README.md @@ -0,0 +1 @@ +# HTML \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..149d129 --- /dev/null +++ b/index.html @@ -0,0 +1,22 @@ + + + + + + Document + + + +
+ + + + + +
+
+
+
+ + + \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..2d3cc4e --- /dev/null +++ b/style.css @@ -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; +} \ No newline at end of file