diff --git a/Images/Mov.jpg b/Images/Mov.jpg new file mode 100644 index 0000000..e438bb8 Binary files /dev/null and b/Images/Mov.jpg differ diff --git a/Images/Paw.jpg b/Images/Paw.jpg new file mode 100644 index 0000000..9915557 Binary files /dev/null and b/Images/Paw.jpg differ diff --git a/Images/back.jpg b/Images/back.jpg new file mode 100644 index 0000000..770144a Binary files /dev/null and b/Images/back.jpg differ diff --git a/Images/go.jpg b/Images/go.jpg new file mode 100644 index 0000000..c3d0c95 Binary files /dev/null and b/Images/go.jpg differ diff --git a/Images/gofree.jpg b/Images/gofree.jpg new file mode 100644 index 0000000..25228be Binary files /dev/null and b/Images/gofree.jpg differ diff --git a/Images/lo.jpg b/Images/lo.jpg new file mode 100644 index 0000000..4a6b854 Binary files /dev/null and b/Images/lo.jpg differ diff --git a/Images/mo.jpg b/Images/mo.jpg new file mode 100644 index 0000000..21db5e3 Binary files /dev/null and b/Images/mo.jpg differ diff --git a/Images/rrr.jfif b/Images/rrr.jfif new file mode 100644 index 0000000..6d3e333 Binary files /dev/null and b/Images/rrr.jfif differ diff --git a/Images/ryan.jpg b/Images/ryan.jpg new file mode 100644 index 0000000..d2684a3 Binary files /dev/null and b/Images/ryan.jpg differ diff --git a/Images/ryan1.jpg b/Images/ryan1.jpg new file mode 100644 index 0000000..f5ee676 Binary files /dev/null and b/Images/ryan1.jpg differ diff --git a/Images/seee.jpg b/Images/seee.jpg new file mode 100644 index 0000000..cb85931 Binary files /dev/null and b/Images/seee.jpg differ diff --git a/Images/she.jpg b/Images/she.jpg new file mode 100644 index 0000000..e7ebdd7 Binary files /dev/null and b/Images/she.jpg differ diff --git a/css/gofree.css b/css/gofree.css new file mode 100644 index 0000000..4bc16c0 --- /dev/null +++ b/css/gofree.css @@ -0,0 +1,62 @@ +.movie{ + background-color: var(--dark-color); + +} +.movie .cov { + margin: 30px; + background-repeat: no-repeat; + text-align: center; + border-radius: 20px; + +} +.movie img{ + border-radius: 20px; + width: 600px; +} +:root{ + --dark-color: #0C0F38; + --yellow-color: #ccbf8a; + --purple-color: #8308EB; + --red-color: #fd3030; + + +} +.aboutmovie{ + margin: 50px; + border-radius: 25px; + background-color: var(--dark-color); +} +.aboutmovie .btn{ + background-color: var(--purple-color); + border-color: white; + color: yellow; + font-weight: bold; + border-radius: 25px; + padding: 10px; + +} +.aboutmovie .btn:hover{ + background-color: white; + border-color: var(--purple-color); + color: var(--dark-color); + +} +.aboutmovie p{ + color: white; + font-size: 1.5rem; +} +.aboutmovie #btn2{ + background-color:yellow; + border-color: white; + color: var(--purple-color); + font-weight: bold; + border-radius: 25px; + padding: 10px; + +} +.aboutmovie #btn2:hover{ + background-color: white; + border-color: var(--purple-color); + color: var(--purple-color); + +} \ No newline at end of file diff --git a/css/style.css b/css/style.css new file mode 100644 index 0000000..5070adc --- /dev/null +++ b/css/style.css @@ -0,0 +1,122 @@ +:root{ + --dark-color: #0C0F38; + --yellow-color: #FDD430; + --purple-color: #8308EB; +} +body{ + font-family: 'lato',sans-serif; +} +.navbar-expand-sm{ + background-color: var(--dark-color) !important; +} +.navbar-expand-sm .navbar-brand{ + font-size: 1.6rem; + font-weight: bold; +} +.navbar-expand-sm .navbar-brand:hover{ + color: var(--yellow-color) ; +} +.navbar-expand-sm .navbar-nav .nav-item{ + padding-left: 10px; + padding-right: 10px; +} +.navbar-expand-sm .navbar-nav .nav-item .nav-link{ + font-size: 1.2rem; +} +.navbar-expand-sm .navbar-nav .nav-item .nav-link:hover{ + color: var(--yellow-color) ; +} +.showcase{ + background-color: var(--dark-color) !important; +} +.moviename{ + color: var(--yellow-color) !important; + font-size: 1.5rem; + font-weight: bold; +} +.content .btn-light{ + background-color: var(--yellow-color); + border-color: white; + color: var(--dark-color); + font-weight: bold; + border-radius: 25px; + padding: 10px; + +} +.content .btn-light:hover{ + background-color: white; + border-color: var(--yellow-color); + color: var(--dark-color); + +} +.services .btn-light{ + background-color: var(--yellow-color); + border-color: white; + color: var(--dark-color); + font-weight: bold; + border-radius: 25px; + padding: 10px; + +} +.services .btn-light:hover{ + background-color: white; + border-color: var(--yellow-color); + color: var(--dark-color); + +} + + +.about h2 +.services h2{ + font-size: 2rem; + font-weight: bold; + margin-bottom: 45px; + text-shadow: .5px .5px .5px #000 ; +} +.about p{ + width: 80%; + margin-top: 20px; + text-align: center; + font-size: 1rem; +} +.about .btn-dark{ + background-color: var(--dark-color); + border-color: white; + color: var(--yellow-color); + font-weight: bold; + border-radius: 25px; + padding: 10px; +} +.about .btn-dark:hover{ + background-color: var(--yellow-color) ; + border-color: white; + color: var(--dark-color); + font-weight: bold; + border-radius: 25px; + padding: 10px; +} +.services{ + background-color: var(--dark-color); + color: white; +} +.services h2{ + margin-bottom: 16px; +} +.services .service +{ + padding: 12px; + border: 2px solid white; + margin-top: 10px; + margin-bottom: 10px; + border-radius: 20px; + margin-right: 10px; + margin-left: 10px; + +} +.services p{ + font-size: 0.9rem ; +} +.services img +{ + width: 75%; +} diff --git a/index.html b/index.html new file mode 100644 index 0000000..ef858ea --- /dev/null +++ b/index.html @@ -0,0 +1,123 @@ + + +
+ + + +Some quick example text to build on the card title and
make up the bulk of the card's content.
+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Architecto vitae quaerat aspernatur deserunt repudiandae perferendis optio. Explicabo at distinctio debitis quasi qui, dolorem ab! Porro eum numquam eveniet fugiat blanditiis! +
+ Show More +Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quae eum ullam id debitis cum sequi,
fuga dolorem? Rem temporibus molestias praesentium unde distinctio nihil, sed, delectus quae deserunt adipisci vero?
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Accusamus, iure voluptatum. Minus dolorem rem ea maxime sit officia. Sint impedit perspiciatis odio aut est dolorum veritatis facilis laudantium adipisci possimus.
+ Watch Now + +Lorem ipsum dolor sit amet consectetur adipisicing elit. Odio illum porro minima culpa animi unde ipsum ipsam. Aliquam earum quibusdam corrupti repellat corporis qui eaque eos temporibus, doloribus quidem modi!
+ Watch Now + +Lorem ipsum, dolor sit amet consectetur adipisicing elit. Reiciendis obcaecati unde rerum blanditiis dolorum quasi omnis quisquam sunt iure itaque nostrum atque suscipit, maxime, rem sapiente. Illum quos impedit nobis?
+ Watch Now + +Lorem ipsum dolor sit amet consectetur adipisicing elit. Dicta alias nesciunt ipsam voluptate ea, accusamus, quae consequuntur repudiandae, iure consectetur ducimus sit provident quasi numquam sint necessitatibus. Voluptatem, eligendi quos!
+ Watch Now + +Lorem ipsum dolor sit amet consectetur adipisicing elit. Molestias quos possimus doloribus cumque sed labore quis voluptatem ducimus, voluptatibus fugiat amet modi quasi asperiores quam veniam. Tempora optio aspernatur minima?
+ Watch Now + +Lorem ipsum dolor sit amet consectetur adipisicing elit. Officiis veniam delectus quos repellat totam ipsam dolor, minima molestiae, perspiciatis commodi dolore optio quasi sequi voluptas sed nesciunt, laborum voluptatem voluptatibus.
+ Watch Now + ++ + + +
+ +
+ Sleek, intuitive, and powerful front-end framework for faster and easier web development.
+
+ Explore Bootstrap docs »
+
+
+ Report bug
+ ·
+ Request feature
+ ·
+ Themes
+ ·
+ Blog
+
`s get reset. However, we also reset the\n// bottom margin to use `rem` units instead of `em`.\n\np {\n margin-top: 0;\n margin-bottom: $paragraph-margin-bottom;\n}\n\n\n// Abbreviations\n//\n// 1. Duplicate behavior to the data-bs-* attribute for our tooltip plugin\n// 2. Add the correct text decoration in Chrome, Edge, Opera, and Safari.\n// 3. Add explicit cursor to indicate changed behavior.\n// 4. Prevent the text-decoration to be skipped.\n\nabbr[title],\nabbr[data-bs-original-title] { // 1\n text-decoration: underline dotted; // 2\n cursor: help; // 3\n text-decoration-skip-ink: none; // 4\n}\n\n\n// Address\n\naddress {\n margin-bottom: 1rem;\n font-style: normal;\n line-height: inherit;\n}\n\n\n// Lists\n\nol,\nul {\n padding-left: 2rem;\n}\n\nol,\nul,\ndl {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nol ol,\nul ul,\nol ul,\nul ol {\n margin-bottom: 0;\n}\n\ndt {\n font-weight: $dt-font-weight;\n}\n\n// 1. Undo browser default\n\ndd {\n margin-bottom: .5rem;\n margin-left: 0; // 1\n}\n\n\n// Blockquote\n\nblockquote {\n margin: 0 0 1rem;\n}\n\n\n// Strong\n//\n// Add the correct font weight in Chrome, Edge, and Safari\n\nb,\nstrong {\n font-weight: $font-weight-bolder;\n}\n\n\n// Small\n//\n// Add the correct font size in all browsers\n\nsmall {\n @include font-size($small-font-size);\n}\n\n\n// Mark\n\nmark {\n padding: $mark-padding;\n background-color: $mark-bg;\n}\n\n\n// Sub and Sup\n//\n// Prevent `sub` and `sup` elements from affecting the line height in\n// all browsers.\n\nsub,\nsup {\n position: relative;\n @include font-size($sub-sup-font-size);\n line-height: 0;\n vertical-align: baseline;\n}\n\nsub { bottom: -.25em; }\nsup { top: -.5em; }\n\n\n// Links\n\na {\n color: $link-color;\n text-decoration: $link-decoration;\n\n &:hover {\n color: $link-hover-color;\n text-decoration: $link-hover-decoration;\n }\n}\n\n// And undo these styles for placeholder links/named anchors (without href).\n// It would be more straightforward to just use a[href] in previous block, but that\n// causes specificity issues in many other styles that are too complex to fix.\n// See https://github.com/twbs/bootstrap/issues/19402\n\na:not([href]):not([class]) {\n &,\n &:hover {\n color: inherit;\n text-decoration: none;\n }\n}\n\n\n// Code\n\npre,\ncode,\nkbd,\nsamp {\n font-family: $font-family-code;\n @include font-size(1em); // Correct the odd `em` font sizing in all browsers.\n direction: ltr #{\"/* rtl:ignore */\"};\n unicode-bidi: bidi-override;\n}\n\n// 1. Remove browser default top margin\n// 2. Reset browser default of `1em` to use `rem`s\n// 3. Don't allow content to break outside\n\npre {\n display: block;\n margin-top: 0; // 1\n margin-bottom: 1rem; // 2\n overflow: auto; // 3\n @include font-size($code-font-size);\n color: $pre-color;\n\n // Account for some code outputs that place code tags in pre tags\n code {\n @include font-size(inherit);\n color: inherit;\n word-break: normal;\n }\n}\n\ncode {\n @include font-size($code-font-size);\n color: $code-color;\n word-wrap: break-word;\n\n // Streamline the style when inside anchors to avoid broken underline and more\n a > & {\n color: inherit;\n }\n}\n\nkbd {\n padding: $kbd-padding-y $kbd-padding-x;\n @include font-size($kbd-font-size);\n color: $kbd-color;\n background-color: $kbd-bg;\n @include border-radius($border-radius-sm);\n\n kbd {\n padding: 0;\n @include font-size(1em);\n font-weight: $nested-kbd-font-weight;\n }\n}\n\n\n// Figures\n//\n// Apply a consistent margin strategy (matches our type styles).\n\nfigure {\n margin: 0 0 1rem;\n}\n\n\n// Images and content\n\nimg,\nsvg {\n vertical-align: middle;\n}\n\n\n// Tables\n//\n// Prevent double borders\n\ntable {\n caption-side: bottom;\n border-collapse: collapse;\n}\n\ncaption {\n padding-top: $table-cell-padding-y;\n padding-bottom: $table-cell-padding-y;\n color: $table-caption-color;\n text-align: left;\n}\n\n// 1. Removes font-weight bold by inheriting\n// 2. Matches default `