From 7bba0ae5f2f90224531a7de932fc0aba9a75d01e Mon Sep 17 00:00:00 2001 From: sanjayp-khandan-M Date: Sun, 17 Mar 2024 12:22:10 +0530 Subject: [PATCH] praveenrajv --- index.html | 201 ++++++++++++++++++++++++++++++++++++++++++++++++++++ stylee.css | 203 +++++++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 404 insertions(+) create mode 100644 index.html create mode 100644 stylee.css diff --git a/index.html b/index.html new file mode 100644 index 0000000..ba66ced --- /dev/null +++ b/index.html @@ -0,0 +1,201 @@ + + + + + + + + Document + + + +
+
+

UNLOCK FULL EPISODES

+
+
+ +
+ +
+

Them Sovient boys

+

Teen Titans Go!

+
+
+
+
+
+
+ +
+ +
+

WELCOME TO CREEK STREET

+

Craig of the Creek

+
+
+
+ +
+ +
+ +
+

WELCOME TO CREEK STREET

+

Craig of the Creek

+
+
+
+
+ +
+
+

MOBILE APP

+
+
+

UNLOCKED

+
+
+
+ +
+ +
+ + + + + + + \ No newline at end of file diff --git a/stylee.css b/stylee.css new file mode 100644 index 0000000..a00ba03 --- /dev/null +++ b/stylee.css @@ -0,0 +1,203 @@ +@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@200;300;400;500;700;800;900&family=Poppins:ital,wght@0,100;1,300&display=swap'); +*{ + margin: 0; + padding: 0; + color: white; + font-family: 'Outfit', sans-serif; + font-family: 'Poppins', sans-serif; +} +nav{ + height: 40px; +} +nav ul{ + margin-left: 100px; + color: black; + float: left; +} +nav li{ + display: inline-block; + margin-left: 80px; + color: black; + font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; + margin: 0 8px; + line-height: 30px; + padding: 2px; + border-right: 2px solid grey; + /* border-left: 2px solid lightgray; */ +} +.fa-solid{ + color: black; + margin-left: 30px; +} +.search{ + width: 110px; + /* height: 30px; */ + color: black; + /* margin-top: 4px; */ + margin-right: 50px; + padding: 2px 10px; + font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; + float: right; + border: 2px solid lightgray; + border-radius: 5px; +} +.hero{ + margin-top: 0; + background-color: #2A338E; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; +} +.black{ + margin: 40px; + width: 600px; + height: 50px; + background-color: black; +} +#unlock{ + margin-right: 750px; + margin-bottom: 20px; +} +.boxes{ + display: flex; + flex-direction: row; +} +.box-main { + padding: 2px; + width: 460px; + height: 430px; + margin: 1px; + color: antiquewhite; + background-color: black; + position: relative; + } + .box-main img{ + width: 100%; + height: 70%; + } + .down{ + margin-top: 2%; + display: flex; + flex-direction: row; + } + .down img{ + height: 20%; + width: 20%; + margin-right: 10px; + } + .box-side{ + width: 360px; + height: 335px; + margin: 1px; + padding: 3px; + /* font-size: 7px; */ + background-color: black; + } + .box-side img{ + width: 100%; + height: 60%; + } + .down img{ + height: 20%; + width: 20%; + margin-right:2%; + } + .side-boxes{ + display: flex; + flex-direction: column; + } + .side-up{ + display: flex; + flex-direction: row; + } + .side-down{ + display: flex; + flex-direction: row; + /* align-items: flex-end; */ + } + .side{ + display: flex; + margin: 1px; + width: 360px; + height: 85px; + padding: 3px; + text-align: center; + justify-content: center; + align-items: center; + background-color: black; + } + button{ + background-color: #FFB2CD; + width: 250px; + height: 30px; + border: none; + border-radius: 20px; + margin: 40px; + } + .fa-mobile-screen-button{ + color: white; + size:10px; + /* height: 100px; */ + } + .fa-circle-play{ + color: white; + } + footer{ + display: flex; + font-family: 'Times New Roman', Times, serif; + font-weight: bold; + +} +#item{ + margin-top: 30px; + display: flex; + flex-direction: column; + padding-bottom: 50px; + margin-left: 40px; + border-right: 2px solid rgb(137, 134, 134); + margin-bottom: 100px; + padding-left: 87.5px; + min-width: 180px; + height: Hug(296px); + top: -10px; + color: white; + + + + +} +a{ + text-decoration: none; + color: white; +} +h6{ + margin-bottom: 10px; +} +span{ + color: rgb(54, 201, 238); +} +#p2{ + color: grey; + font-size: 0.9em; +} +#list{ + display: flex; + position: relative; + min-height: 470px; + background-color: black; + +}#content{ + margin-top: 110px; + display: flex; + flex-direction: column; + max-width: 1050px; + max-height: 386px; + left: 304px; + padding-right: 250px; + padding-left: 90px; + color: white; + font-size: 0.7em; + +} +