-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Kumar Abhishek
committed
Dec 26, 2023
0 parents
commit ab5f11d
Showing
15 changed files
with
260 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,2 @@ | ||
| # Auto detect text files and perform LF normalization | ||
| * text=auto |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,2 @@ | ||
| # Melodies-of-india | ||
|
|
Binary file not shown.
Binary file not shown.
Empty file.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file not shown.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,80 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>Melodies Of India</title> | ||
| <link rel="icon" type="image/x-icon" href="favicon.jpg"> | ||
|
|
||
| <link rel="stylesheet" href="style.css"> | ||
| </head> | ||
| <body> | ||
| <div class="container"> | ||
| <div class="column"><img src="image.webp" class="image1"> | ||
| <h1>Journey with the Ganga,<br> | ||
| discovering 11 cultural <br> | ||
| stories from its source to <br> | ||
| sangam.</h1> | ||
| <button>Pre Order</button> | ||
| </div> | ||
| <div class="column"> <img src="_images_book.webp" class="image2"> | ||
| </div> | ||
| </div> | ||
| <h2>The "Melodies of India" project is an expedition that aims to capture the heart and spirit<br> | ||
| of India, transcending its deep-rooted cultures into a visually captivating series of <br> | ||
| photographs, each narrating a unique facet of our incredible nation. These photographs <br> | ||
| will serve as visual testimonies, encapsulating the diversity, traditions & vibrant tapestry<br> | ||
| of culture alongside the banks of river Ganga</h2> | ||
| <h3>Why Pre-Order </h3> | ||
| <h4>Early Access:</h4> | ||
| <h5>Pre-ordering this book grants readers early access to the content before the official<br> | ||
| release date.</h5> | ||
|
|
||
| <h4>Limited Editions and Bonuses:</h4> | ||
| <h5>Secure your copy at a special discounted price by pre-ordering this book now! Prices are <br> | ||
| set to increase after the official release. Additionally, take advantage of the exclusive<br> | ||
| offer for pre-orders and receive a signed copy from the author. Act early to enjoy both <br> | ||
| savings and a personalized touch to your collection.</h5> | ||
|
|
||
| <h4>Support for Authors:</h4> | ||
| <h5>Pre-ordering is a way for readers to show their support for an author before the book<br> | ||
| is even released.</h5> | ||
|
|
||
| <h4>Expected Delivery:</h4> | ||
| <h5>45days after we find all 11 photographs :)</h5> | ||
|
|
||
| <div2 class="aligned"> | ||
| <img src="image.jpg" | ||
| width="50" alt=""> | ||
|
|
||
| <span>Monkey Magic</span> | ||
| </div2> | ||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
| <div > | ||
| <a href="/privacypolicy.html">Privacy Policy</a> | ||
| <a href="/termandondition.html">Terms and Conditions</a> | ||
| <a href="/returnandrefundpolicy.html">Return And Refund Policy</a> | ||
| <a href="/shippingpolicy.html">Shipping Policy</a> | ||
| <a href="/contact.html">Contact</a> | ||
|
|
||
| </div> | ||
|
|
||
|
|
||
| <div class="footer"> | ||
| <p> | ||
| <span style="color:#FEF9C3">Expected Delivery:</span><span>45days after we find all 11 photographs :)</span> | ||
| <button1>Pre Order</button1> | ||
| </p> | ||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
| </body> | ||
| </html> |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Empty file.
Empty file.
Empty file.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,171 @@ | ||
| body{ | ||
| background-image:url(bg.webp); | ||
| background-repeat: no-repeat; | ||
| background-size: cover; | ||
| .image1{ | ||
| width: 450px; | ||
| align-items: center; | ||
| } | ||
| .image2{ | ||
| width: 800px; | ||
| } | ||
| h1{ | ||
| color: aliceblue; | ||
| align-items: center; | ||
| text-align: center; | ||
| } | ||
| } | ||
| .container { | ||
| margin-top: 70px; | ||
| width: 100%; | ||
| max-width: 2000px; | ||
| overflow: hidden; | ||
| } | ||
|
|
||
| .column { | ||
| width: 40%; | ||
| float: left; | ||
| padding: 1px; | ||
| box-sizing: border-box; | ||
| } | ||
| button{ | ||
| background-color:#AD2B45; | ||
| color: white; | ||
| align-items: center; | ||
| appearance: none; | ||
| background-size: calc(100% + 20px) calc(100% + 20px); | ||
| border-radius: 100px; | ||
| border-width: 0; | ||
| box-shadow: none; | ||
| box-sizing: border-box; | ||
| cursor: pointer; | ||
| display: inline-flex; | ||
| font-family: CircularStd,sans-serif; | ||
| font-size: 3rem; | ||
| height: auto; | ||
| justify-content: center; | ||
| line-height: 1.5; | ||
| padding: 6px 20px; | ||
| position: relative; | ||
| text-align: center; | ||
| text-decoration: none; | ||
| transition: background-color .2s,background-position .2s; | ||
| user-select: none; | ||
| -webkit-user-select: none; | ||
| touch-action: manipulation; | ||
| vertical-align: top; | ||
| white-space: nowrap; | ||
| margin-top: 70px; | ||
| } | ||
| h2{ | ||
| text-align: center; | ||
| color: white; | ||
| margin-top: 70px; | ||
| } | ||
| h3{ | ||
| text-align: center; | ||
| color: white; | ||
| margin-top: 70px; | ||
| font-size: 5rem; | ||
|
|
||
| } | ||
| h4{ | ||
| text-align: center; | ||
| color: #CCA274; | ||
| font-size: 2rem; | ||
| margin-top: -20px; | ||
|
|
||
| } | ||
| h5{ | ||
| text-align: center; | ||
| color: #ffffff; | ||
| font-size: 1.5rem; | ||
| margin-top: -20px; | ||
| } | ||
| h6{ | ||
| text-align: center; | ||
| color: #CCA274; | ||
| font-size: 2rem; | ||
| margin-top: -20px; | ||
|
|
||
| } | ||
| div{ | ||
|
|
||
| text-align: center; | ||
| padding-top: 30px; | ||
|
|
||
|
|
||
| } | ||
| a{ | ||
| text-decoration: none; | ||
| color: #ffffff; | ||
| padding-left: 10px; | ||
|
|
||
|
|
||
| } | ||
|
|
||
| .aligned { | ||
| display: flex; | ||
| align-items: center; | ||
| text-align: center; | ||
| color: #FEF9C3; | ||
| margin-left: 600px; | ||
| img{ | ||
| border-radius: 50%; | ||
| width: 70px; } | ||
|
|
||
| } | ||
|
|
||
| span { | ||
| padding: 10px; | ||
| font-size: 2rem; | ||
|
|
||
| } | ||
|
|
||
|
|
||
|
|
||
| .footer { | ||
| background-color: #2B121C; | ||
| color: white; | ||
| text-align: center; | ||
| position: sticky; | ||
| bottom: 0; | ||
| font-size: 1.5rem; | ||
| height: 100px; | ||
|
|
||
| button1{ | ||
| background-color:#AD2B45; | ||
| color: white; | ||
| align-items: center; | ||
| appearance: none; | ||
| background-size: calc(100% + 20px) calc(100% + 20px); | ||
| border-radius: 100px; | ||
| border-width: 0; | ||
| box-shadow: none; | ||
| box-sizing: border-box; | ||
| cursor: pointer; | ||
| display: inline-flex; | ||
| font-family: CircularStd,sans-serif; | ||
| font-size: 1.5rem; | ||
| height: auto; | ||
| justify-content: center; | ||
| padding: 6px 20px; | ||
| position: relative; | ||
| text-align: center; | ||
| text-decoration: none; | ||
| transition: background-color .2s,background-position .2s; | ||
| user-select: none; | ||
| -webkit-user-select: none; | ||
| touch-action: manipulation; | ||
| vertical-align: top; | ||
| white-space: nowrap; | ||
| } | ||
|
|
||
| p{ | ||
| font-size: 1.5rem; | ||
| text-align: center; | ||
| box-sizing: border-box; | ||
| cursor: pointer; | ||
| display: inline-flex; | ||
| } | ||
| } |
Empty file.