diff --git a/PROJECT/book1.jpg b/PROJECT/book1.jpg new file mode 100644 index 0000000..f80e751 Binary files /dev/null and b/PROJECT/book1.jpg differ diff --git a/PROJECT/book2.jpg b/PROJECT/book2.jpg new file mode 100644 index 0000000..a575f09 Binary files /dev/null and b/PROJECT/book2.jpg differ diff --git a/PROJECT/book3.jpg b/PROJECT/book3.jpg new file mode 100644 index 0000000..a732352 Binary files /dev/null and b/PROJECT/book3.jpg differ diff --git a/PROJECT/book4.jpg b/PROJECT/book4.jpg new file mode 100644 index 0000000..94736d6 Binary files /dev/null and b/PROJECT/book4.jpg differ diff --git a/PROJECT/index.html b/PROJECT/index.html new file mode 100644 index 0000000..5bd69b9 --- /dev/null +++ b/PROJECT/index.html @@ -0,0 +1,201 @@ + + + + + + + + +
+
+ +

|Library

+
+ +
+ Online Library + + +

...

+ Are an avid learner? + ..

Ready-to-Read! + .

Get books on one click + +
+
+
+ +
+
+
+

UOLOADED PDF

+ +

Quick access to library

+

This is a pdf section is just a place holder for people who need some type to visualize what the actual copy might look like if it were real content. If you want to read, I might suggest a good […]

+
+
+

UPLOAD PDF HERE

+ +

You can also help other through your pdfs

+

This is some dummy copy. You’re not really supposed to read this dummy copy, it is just a place holder for people who need some type to visualize what the actual copy might look like if it were real content. If you want to read, I might suggest a good […]

+
+
+ + +
+
+ + + + + + \ No newline at end of file diff --git a/PROJECT/lib1.jpg b/PROJECT/lib1.jpg new file mode 100644 index 0000000..1fc837b Binary files /dev/null and b/PROJECT/lib1.jpg differ diff --git a/PROJECT/lib2.jpg b/PROJECT/lib2.jpg new file mode 100644 index 0000000..c6957f5 Binary files /dev/null and b/PROJECT/lib2.jpg differ diff --git a/PROJECT/lib3 - Shortcut.lnk b/PROJECT/lib3 - Shortcut.lnk new file mode 100644 index 0000000..f18f8fe Binary files /dev/null and b/PROJECT/lib3 - Shortcut.lnk differ diff --git a/PROJECT/lib3.jpg b/PROJECT/lib3.jpg new file mode 100644 index 0000000..348d5ef Binary files /dev/null and b/PROJECT/lib3.jpg differ diff --git a/PROJECT/logo.jpg b/PROJECT/logo.jpg new file mode 100644 index 0000000..691c9b3 Binary files /dev/null and b/PROJECT/logo.jpg differ diff --git a/PROJECT/pdf1.jpg b/PROJECT/pdf1.jpg new file mode 100644 index 0000000..fee7c35 Binary files /dev/null and b/PROJECT/pdf1.jpg differ diff --git a/PROJECT/pdf2.png b/PROJECT/pdf2.png new file mode 100644 index 0000000..dda91e2 Binary files /dev/null and b/PROJECT/pdf2.png differ diff --git a/PROJECT/pdf3.jpg b/PROJECT/pdf3.jpg new file mode 100644 index 0000000..77658ea Binary files /dev/null and b/PROJECT/pdf3.jpg differ diff --git a/PROJECT/pdf4.jpg b/PROJECT/pdf4.jpg new file mode 100644 index 0000000..a5bdf4b Binary files /dev/null and b/PROJECT/pdf4.jpg differ diff --git a/PROJECT/pdf5.jpg b/PROJECT/pdf5.jpg new file mode 100644 index 0000000..94736d6 Binary files /dev/null and b/PROJECT/pdf5.jpg differ diff --git a/PROJECT/style.css b/PROJECT/style.css new file mode 100644 index 0000000..21ba3a5 --- /dev/null +++ b/PROJECT/style.css @@ -0,0 +1,268 @@ +body{ + padding: 0; + margin: 0; + font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; +} +header{ + background-color: black; + color: white; +} +.website-header{ + padding: 20px; + height: 80px; + display: flex; + flex-wrap: wrap; +} +.website-header img{ + float: left; + width: 50px; + height: 50px; + margin: 0 30px; +} +.website-header h1{ + margin: auto 0; + +} +nav{ + background-color: black; + height: 50px; + margin-bottom: 20px; +} +nav ul{ + margin: 20px 0 0 0; +} +.navbar-nav li{ + list-style: none; + display: inline-block; + padding: 10px 20px; +} +.navbar-nav li a{ + color: #fff; + text-decoration: none; + font-size: 20px; + text-transform: uppercase; + font-weight: 800; +} +.navbar-nav li a:hover{ + color:#e08b6c; +} +.online-library-section{ + padding: 0 30px 0 60px; + display: flex; +} +#btext{ + width: 200px; + font-size: 16px; + text-transform: uppercase; + color:#e08b6c; + font-weight: 600; + margin: auto 0; +} +.online-library{ + padding: 30px; + color: #fff; + text-decoration: none; + font-weight: 800; +} +.online-library:hover,.social-icons i:hover{ + color:#e08b6c; + cursor: pointer; +} +.bntime{ + display: inline-block; + color: rgba(255,255,255,0.5); + padding: 0 10px; + font-size: 12px; +} +#popular-books{ + display: flex; + flex-wrap: wrap; + margin: 30px 5%; +} +#popular-books h2{ + margin: 0; + padding: 5px; + color: #fff; +} +#featured h2{ + background-color: black; +} +#latest h2{ + background-color: darkred; +} +#our-picks h2{ + background-color: darkblue; +} +#featured{ + flex: 2; +} +#latest,#our-picks{ + flex: 1; +} +#popular-books img{ + width: 100%; + filter: brightness(0.7); + transition-duration: 500ms; +} +.carousel, .books-container{ + position: relative; +} +.carousel-text{ + position: absolute; + word-wrap: normal; + bottom: 5px; + z-index: 2; + color: #fff; + font-size: 24px; + font-weight: bolder; + padding: 0 10px; + transition-duration: 500ms; +} +.books-container .carousel-text{ + font-size: 18px; +} +.carousel-date{ + display: block; + text-align: center; + font-size: 14px; + color: rgba(255,255,255,0.7); + font-weight: 300; +} +section{ + cursor: pointer; +} +.books-container:hover > .carousel-text{ + bottom: 10px; +} +.books-container:hover > img{ + filter: brightness(0.4); +} +.more-books{ + background-color: black; + display: flex; + flex-wrap: wrap; + padding: 0 5%; + justify-content: space-between; + color: #fff; +} +.books-section{ + display: flex; + flex-wrap: wrap; + flex-basis: 70%; + justify-content: space-between; +} +.uploaded-pdf h2{ + background-color: #b2175b; +} +.sport h2{ + background-color: #3c1b75; +} +.uploaded-pdf h2, .sport h2{ + margin: 10px 0 0 0; + padding: 0 10px; +} + +.more-books img{ + width: 100%; + height: 250px; +} +.uploaded-pdf,.upload-pdf-here{ + flex-basis: 45%; +} +aside{ + width: 90%; + padding: 10px; + flex-basis: 25%; + border: 1px solid #fff; + border-radius: 5px; + margin: auto 0; +} +p{ + text-align: justify; +} +.recent-books{ + display: flex; +} +.recent-books img{ + width: 70px; + height: 70px; + margin: 10px; +} +.recent-books p{ + font-size: 14px; + font-weight: bold; + margin: auto; +} +.social-links{ + display: flex; + flex-wrap: wrap; + padding: 5%; + justify-content: space-between; +} +.social-links section{ + flex-basis: 30%; +} +.social-icons-footer i{ + font-size: 37px; + padding: 5px; +} +.footer-buttons{ + display: block; + border: 1px solid #2196f3; + color: #2196f3; + font-size: 14px; + font-weight: bolder; + background-color: white; + margin: 20px auto; + padding: 10px 20px; + cursor: pointer; +} +.footer-buttons:hover{ + color: #fff; + border: 1px solid #fff; + background-color: #2196f3; +} +.copyright{ + width: 100%; + background-color: black; + color: #fff; + padding: 5px; + text-align: center; +} +@media only screen and (max-width: 600px) { + .online-books-section{ + padding: 10px; + flex-wrap: wrap; + } + #featured{ + flex: auto; + } + .books-section, aside, .books-section article,.social-links section{ + flex-basis: 100%; + } + aside{ + border-width: 0; + } + .social-links section{ + margin-top: 20px; + } + .website-header img{ + width: 35px; + height: 35px; + padding: 5px; + } + .website-header h1{ + font-size: 15px; + } + .social-icons{ + flex-basis: 100%; + } + .navbar-collapse{ + background-color: black; + z-index: 16; + } + .navbar-toggler-icon{ + background-image: url('https://mdbootstrap.com/img/svg/hamburger6.svg?color=000'); + z-index: 16; + } +} \ No newline at end of file