diff --git a/images/Facebook.png b/images/Facebook.png deleted file mode 100644 index f2de81c..0000000 Binary files a/images/Facebook.png and /dev/null differ diff --git a/images/LinkedIn.png b/images/LinkedIn.png deleted file mode 100644 index d7f273e..0000000 Binary files a/images/LinkedIn.png and /dev/null differ diff --git a/images/Twitter.png b/images/Twitter.png deleted file mode 100644 index 0cb9126..0000000 Binary files a/images/Twitter.png and /dev/null differ diff --git a/index.css b/index.css index 9e7f344..8dbac6a 100644 --- a/index.css +++ b/index.css @@ -8,18 +8,22 @@ body { html { height: 100%; } + .jumbotron-style { background-color: #1b3764; } + .bg-light { background-color: none !important; } -.social-link-style { - height: 2.2rem; - width: 2.2rem; +/* Styling for navbar social-media icons starts */ +.nav-link i { + margin-top: 0.5rem; + font-size: 2rem; } +/* Styling for navbar social-media icons ends */ button.btn.btn-warning.px-4 { border-radius: 0; } @@ -84,6 +88,7 @@ button.navbar-toggler.navbar-hamburger-style { .vertical-line { border-right: 1px solid #ffca42; } + .neglect-css p { margin: 0; padding: 0; @@ -92,6 +97,7 @@ button.navbar-toggler.navbar-hamburger-style { button.btn.btn-outline-warning.get-book-now-style.btn-lg { border-radius: 0px; } + .col-md-5.card { margin-right: 2rem; } @@ -108,3 +114,51 @@ p.footer-text-style { font-weight: 500; align-self: end; } + +.fixed-nav { + background-color: #1b3764; + position: fixed; + max-width: 100vw !important; + --bs-gutter-x: 14rem; +} +.my-5 { + margin-top: 0rem !important; + margin-bottom: 0vh !important; +} +.h-50 { + height: 110% !important; +} +.container-fullscreen { + height: 100vh; + align-items: center; + margin-top: 100vh; +} +.forefrontpage-img { + display: flex; + align-items: center; +} +@media(max-width:992px) { + .fixed-nav { + --bs-gutter-x: 1rem !important; + } + + .my-5 { + margin-top: 0rem !important; + margin-bottom: 2vh !important; + } + + .forefrontpage-img { + display: grid !important; + } + + .h-50 { + height: 75vh !important; + } + +} +@media(max-width:767px) { + .my-5 { + margin-top: 0rem !important; + margin-bottom: 80vh !important; + } +} \ No newline at end of file diff --git a/index.html b/index.html index 2fde475..d77fae1 100644 --- a/index.html +++ b/index.html @@ -1,353 +1,282 @@ - - - - - Pages -A Book Purchasing Website - - - - - - - - - - -
-
-
-
- -
-
-
-
-
-

- -Welcome to Pages -

-

- Books are uniquely portable magic -

-

- There are many variations of passages of Lorem Ipsum - available, but the majority have suffered alteration in some - form. -

-
- -

- Read Free Demo -

-
-
-
-
- -
+ + + + + + Pages -A Book Purchasing Website + + + + + + + + + + + + + +
+
+
+
+
+
-
+
-
-
-

Author's Book Include

-
-
-
-
-
- -
-
-

Atomic One’s

-

- Many variations of passages of Lorem Ipsum willing araise - alteration in some form. +

+
+
+
+

+ -Welcome to Pages

-

- Lorem ipsum dolor sit amet consectetur adipisicing elit. - Soluta corporis totam ad, cupiditate natus iure maxime sequi? - Aliquid, quisquam quos! +

+ Books are uniquely portable magic

-
-
-
-
-
-
- -
-
-

The Dark Light

-

- Many variations of passages of Lorem Ipsum willing araise - alteration in some form. -

-

- Lorem ipsum dolor sit amet consectetur adipisicing elit. - Soluta corporis totam ad, cupiditate natus iure maxime sequi? - Aliquid, quisquam quos! +

+ There are many variations of passages of Lorem Ipsum + available, but the majority have suffered alteration in some + form.

+
+ +

+ Read Free Demo +

+
+
+ +
+
-
- -
-
-
-
- +
+
+
+

Author's Book Include

+
+
+
+
+
+ +
+
+

Atomic One’s

+

+ Many variations of passages of Lorem Ipsum willing araise + alteration in some form. +

+

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. + Soluta corporis totam ad, cupiditate natus iure maxime sequi? + Aliquid, quisquam quos! +

+
-
-
-

- About Author +

+
+
+
+ +
+
+

The Dark Light

+

+ Many variations of passages of Lorem Ipsum willing araise + alteration in some form.

Lorem ipsum dolor sit amet consectetur adipisicing elit. - Eligendi accusantium assumenda ab. Libero soluta esse cupiditate - dolor, dolorum assumenda ullam eaque illo iste, nulla architecto - optio, ducimus eligendi impedit sed! + Soluta corporis totam ad, cupiditate natus iure maxime sequi? + Aliquid, quisquam quos!

-
-
-

02

-

Books Published

-
-
-

4.5

-

User Reviews

-
-
-

04

-

Best Seller Award

-
-
-
-
- -
-
-

- John Abraham , Ph.d -

-

- Mail : johnabraham@gmail.com -

-

- Phone : (+2) 123 545 9000 -

-
-
-
+ + -
-
-
-
-

Get Book Copy Today

-

- This the first true value generator on the Internet. It uses - alphas dictionary of over 200 Latin words. +

+
+
+
+ +
+
+
+

+ About Author

- -
-
- +

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. + Eligendi accusantium assumenda ab. Libero soluta esse cupiditate + dolor, dolorum assumenda ullam eaque illo iste, nulla architecto + optio, ducimus eligendi impedit sed! +

+
+
+

02

+

Books Published

+
+
+

4.5

+

User Reviews

+
+
+

04

+

Best Seller Award

+
+
+
+
+ +
+
+

+ John Abraham , Ph.d +

+

+ Mail : johnabraham@gmail.com +

+

+ Phone : (+2) 123 545 9000 +

+
+
-
+
+
-
-
-
-

The Chapter Includes

-
-
-

- Chapter-01 Get Started Intro -

-

- Lorem ipsum dolor sit amet consectetur adipisicing elit. Soluta - corporis totam ad, cupiditate natus iure maxime sequi? Aliquid, - quisquam quos! -

-
+
+
+
+
+

Get Book Copy Today

+

+ This the first true value generator on the Internet. It uses + alphas dictionary of over 200 Latin words. +

+ +
+
+ +
+
+
+
+ +
+
+
+

The Chapter Includes

+
+
+

+ Chapter-01 Get Started Intro +

+

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Soluta + corporis totam ad, cupiditate natus iure maxime sequi? Aliquid, + quisquam quos! +

-
-
-

- Chapter-01 Get Started Intro -

-

- Lorem ipsum dolor sit amet consectetur adipisicing elit. Soluta - corporis totam ad, cupiditate natus iure maxime sequi? Aliquid, - quisquam quos! -

-
+
+
+
+

+ Chapter-01 Get Started Intro +

+

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Soluta + corporis totam ad, cupiditate natus iure maxime sequi? Aliquid, + quisquam quos! +

-
-
-

- Chapter-01 Get Started Intro -

-

- Lorem ipsum dolor sit amet consectetur adipisicing elit. Soluta - corporis totam ad, cupiditate natus iure maxime sequi? Aliquid, - quisquam quos! -

-
+
+
+
+

+ Chapter-01 Get Started Intro +

+

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Soluta + corporis totam ad, cupiditate natus iure maxime sequi? Aliquid, + quisquam quos! +

-
-
-

- Chapter-01 Get Started Intro -

-

- Lorem ipsum dolor sit amet consectetur adipisicing elit. Soluta - corporis totam ad, cupiditate natus iure maxime sequi? Aliquid, - quisquam quos! -

-
+
+
+
+

+ Chapter-01 Get Started Intro +

+

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Soluta + corporis totam ad, cupiditate natus iure maxime sequi? Aliquid, + quisquam quos! +

-
+
+