From bdb0be223f29c71b5d6389482e2ecbe178872709 Mon Sep 17 00:00:00 2001
From: Cholpon <127111343+cholpoun@users.noreply.github.com>
Date: Tue, 17 Sep 2024 20:22:05 +0200
Subject: [PATCH 01/21] added HTML and CSS content
---
index.html | 63 +++++++++++++++++++++++++++++++++-
style.css | 99 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
2 files changed, 161 insertions(+), 1 deletion(-)
diff --git a/index.html b/index.html
index cf5c31a..55ff76d 100644
--- a/index.html
+++ b/index.html
@@ -1,13 +1,74 @@
+
+
+
Project Library
+
- Project Library
+
+
+
+ Movie Library
+
+
+
+
+
+
Filter by Genre
+
+
+
+
+
+
+
+
+
+
+
+
Sort by Runtime
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/style.css b/style.css
index e69de29..152c5ae 100644
--- a/style.css
+++ b/style.css
@@ -0,0 +1,99 @@
+* {
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+}
+
+body {
+ font-family: 'Arial', sans-serif;
+ background-color: #f8f9fc;
+}
+
+.movie-library {
+ padding: 20px;
+ text-align: center;
+}
+
+h1 {
+ font-size: 2.5rem;
+ color: #2036eb;
+ margin-bottom: 30px;
+}
+
+.controls {
+ display: flex;
+ justify-content: space-around;
+ margin-bottom: 20px;
+}
+
+.filter,
+.sort {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+}
+
+h3 {
+ margin-bottom: 10px;
+ color: #333;
+}
+
+.filter-btn,
+.sort-btn {
+ background-color: #e4f4e8;
+ border: none;
+ border-radius: 20px;
+ padding: 8px 15px;
+ margin: 5px;
+ cursor: pointer;
+ font-weight: bold;
+}
+
+.filter-btn.active,
+.sort-btn.active {
+ background-color: #d2f3c9;
+}
+
+.movie-grid {
+ display: grid;
+ grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
+ gap: 20px;
+ justify-items: center;
+}
+
+.movie-card {
+ background-color: white;
+ border: 1px solid #ddd;
+ border-radius: 15px;
+ width: 250px;
+ padding: 20px;
+ text-align: left;
+ box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+ transition: transform 0.2s;
+}
+
+.movie-card:hover {
+ transform: translateY(-5px);
+}
+
+.movie-card img {
+ width: 100%;
+ border-radius: 10px;
+ margin-bottom: 15px;
+}
+
+h2 {
+ font-size: 1.2rem;
+ margin-bottom: 10px;
+ color: #333;
+}
+
+p {
+ margin: 5px 0;
+}
+
+h4 {
+ margin-top: 10px;
+ font-size: 1rem;
+ color: #444;
+}
\ No newline at end of file
From 0c3fdec77bf0ebe9d330be8546fad1c2ccd5c5ac Mon Sep 17 00:00:00 2001
From: Cholpon <127111343+cholpoun@users.noreply.github.com>
Date: Tue, 17 Sep 2024 20:33:39 +0200
Subject: [PATCH 02/21] updated
---
index.html | 40 +++++++++++++++++++++++++++++-----------
1 file changed, 29 insertions(+), 11 deletions(-)
diff --git a/index.html b/index.html
index 55ff76d..0b02930 100644
--- a/index.html
+++ b/index.html
@@ -10,10 +10,12 @@
Project Library
-
-
-
+
+
+
+
+
Movie Library
@@ -45,30 +47,46 @@ Sort by Runtime
-
+

+
Fast & Furious
+
Genre: Action
+
Runtime: 120 minutes
+
Description
+
High-octane car chases and explosions in this action-packed blockbuster.
-
+

+
The Hangover
+
Genre: Comedy
+
Runtime: 95 minutes
+
Description
+
A hilarious story of three friends who lose their friend during a wild night out in Vegas.
-
+

+
The Godfather
+
Genre: Drama
+
Runtime: 140 minutes
+
Description
+
An epic tale of a Mafia family's rise to power and struggles to maintain it.
-
+

+
Interstellar
+
Genre: Sci-Fi
+
Runtime: 130 minutes
+
Description
+
A group of explorers travels through a wormhole in space in an attempt to ensure humanity's survival.
-
-
-
-