diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000..e1b2f06 Binary files /dev/null and b/.DS_Store differ diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 0000000..f673a71 --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "liveServer.settings.port": 5502 +} \ No newline at end of file diff --git a/css/main.css b/css/main.css new file mode 100644 index 0000000..c04faba --- /dev/null +++ b/css/main.css @@ -0,0 +1,100 @@ +body { + display: flex; + align-self: center; + justify-content: center; + background-color: lightgrey; + overflow: hidden; +} +.card { + width: 600px; + height: 300px; + border: outset; + border-radius: 6px; + background-color: white; + position: absolute; + top: 28%; + + +} +.main { + display: flex; +} +.card img { + width: 200px; + height: 200px; +} +.title { + width: 400px; + height: 200px; + margin: 0px; + border-bottom: 1px solid lightgrey; +} +.title h1 { + margin-left: 60px; + font-size: 40px; + font-family: Arial, Helvetica, sans-serif; + color: rgb(43, 41, 41); + font-weight: 100; +} +.title h2 { + margin-left: 60px; + font-size: 20px; + font-family: Verdana, Geneva, Tahoma, sans-serif; + color: rgb(119, 113, 113); + font-weight: 100; +} +.rate { + /* width: 100%; */ + display: flex; + align-items: center; + justify-content: space-between; + +} +.rateAlbum { + display: flex; + margin: 0px 32px; + padding-top: 35px; + align-items: center; + font-size: 25px; + font-family: Arial, Helvetica, sans-serif; + font-weight: 100; + color: rgb(119, 113, 113); + +} + +form { + width: 250px; + margin: 0; + height: 50px; + } + + form p { + text-align: center; + } + + form label { + font-size: 37px; + letter-spacing: 20px; + } + + input[type="radio"] { + display: none; + } + + label { + color: rgb(83, 80, 80); + } + + .clasification { + direction: rtl; + unicode-bidi: bidi-override; + } + + label:hover, + label:hover ~ label { + color: orange; + } + + input[type="radio"]:checked ~ label { + color: orange; + } \ No newline at end of file diff --git a/images/image.png b/images/image.png new file mode 100644 index 0000000..27d2131 Binary files /dev/null and b/images/image.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..c8f72ec --- /dev/null +++ b/index.html @@ -0,0 +1,38 @@ + + + + + + Rozes + + + +
+
+ +
+

Rozes

+

Under the grave

+

(2016)

+
+
+
+

Rate this album

+
+

+ +

+
+
+
+ + \ No newline at end of file