-
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
0 parents
commit 23ea8af
Showing
6 changed files
with
492 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 @@ | ||
| # Rose-Day |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
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,46 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8" /> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | ||
| <title>Document</title> | ||
| <link rel="stylesheet" href="style.css" /> | ||
| <link | ||
| href="https://fonts.googleapis.com/css?family=Indie+Flower" | ||
| rel="stylesheet" | ||
| type="text/css" | ||
| /> | ||
| </head> | ||
| <body> | ||
| <div class="container"> | ||
| <div class="glass"> | ||
| <div class="shine"></div> | ||
| </div> | ||
| <div class="thorns"> | ||
| <div></div> | ||
| <div></div> | ||
| <div></div> | ||
| <div></div> | ||
| </div> | ||
| <div class="leaves"> | ||
| <div></div> | ||
| <div></div> | ||
| <div></div> | ||
| <div></div> | ||
| </div> | ||
| <div class="petals"> | ||
| <div></div> | ||
| <div></div> | ||
| <div></div> | ||
| <div></div> | ||
| <div></div> | ||
| <div></div> | ||
| <div></div> | ||
| </div> | ||
| <div class="text"> | ||
| <h2></h2> Your smile is as beautiful as Rose <br /> | ||
| I have Something For your Smile : <a href="new.html">Click Here</a></h2> | ||
| </div> | ||
| </div> | ||
| </body> | ||
| </html> |
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,114 @@ | ||
| @import url("https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap"); | ||
| * { | ||
| box-sizing: border-box; | ||
| } | ||
|
|
||
| body { | ||
| font-family: "Varela Round", "Quicksand", sans-serif; | ||
| background: url(background.jpg); | ||
| background-size: cover; | ||
| background-repeat: no-repeat; | ||
| background-color: black; | ||
| } | ||
|
|
||
| .postcard { | ||
| width: 800px; | ||
| height: 500px; | ||
| background: rgba(255, 255, 255, 0.101); | ||
|
|
||
| margin: 0 auto; | ||
| border-radius: 2%; | ||
| display: flex; | ||
| justify-content: space-between; | ||
| padding: 3em; | ||
| box-shadow: 0.8em 0.8em 15px rgba(0, 0, 0, 0.3); | ||
| -ms-transform: rotate(2.5deg); /* IE 9 */ | ||
| -webkit-transform: rotate(2.5deg); /* Chrome, Safari, Opera */ | ||
| transform: rotate(2.5deg); | ||
| -moz-transition: all 0.5s ease; | ||
| -webkit-transition: all 0.5s ease; | ||
| -o-transition: all 0.5s ease; | ||
| transition: all 0.5s ease; | ||
| } | ||
|
|
||
| .postcard1 { | ||
| width: 800px; | ||
| height: 500px; | ||
| background: #f594b862; | ||
| position: absolute; | ||
| left: 24%; | ||
| -webkit-filter: blur(2px); | ||
| z-index: -1; | ||
| margin: 0 auto; | ||
| border-radius: 2%; | ||
| display: flex; | ||
| justify-content: space-between; | ||
| padding: 3em; | ||
| box-shadow: 0.8em 0.8em 15px rgba(0, 0, 0, 0.3); | ||
| -ms-transform: rotate(2.5deg); /* IE 9 */ | ||
| -webkit-transform: rotate(2.5deg); /* Chrome, Safari, Opera */ | ||
| transform: rotate(2.5deg); | ||
| -moz-transition: all 0.5s ease; | ||
| -webkit-transition: all 0.5s ease; | ||
| -o-transition: all 0.5s ease; | ||
| transition: all 0.5s ease; | ||
| } | ||
|
|
||
| h1 { | ||
| text-align: center; | ||
| font-size: 4.5em; | ||
| color: #fdfdfd; | ||
| margin-bottom: 5px; | ||
| } | ||
|
|
||
| /*animation*/ | ||
| .postcard:hover, | ||
| .postcard:active, | ||
| .postcard:focus { | ||
| -ms-transform: rotate(0deg); /* IE 9 */ | ||
| -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */ | ||
| transform: rotate(0deg); | ||
| -moz-transition: all 0.5s ease; | ||
| -webkit-transition: all 0.5s ease; | ||
| -o-transition: all 0.5s ease; | ||
| transition: all 0.5s ease; | ||
| } | ||
|
|
||
| .mail_stamp { | ||
| width: 100px; | ||
| float: right; | ||
| } | ||
|
|
||
| .push { | ||
| margin-bottom: 1em; | ||
| margin-top: 0.5em; | ||
| } | ||
|
|
||
| /*footer*/ | ||
| footer { | ||
| margin: 2em auto; | ||
| text-align: center; | ||
| font-family: "Varela Round", "Quicksand", sans-serif; | ||
| color: white; | ||
| } | ||
|
|
||
| footer p { | ||
| font-size: 1em; | ||
| letter-spacing: 1px; | ||
| } | ||
| p span { | ||
| font-size: 30px; | ||
| font-weight: 600; | ||
| text-shadow: 0 0 20px rgb(255, 255, 255); | ||
| color: #800020; | ||
| } | ||
| p { | ||
| font-size: 22px; | ||
| font-family: cursive; | ||
| font-weight: 540; | ||
| } | ||
| .ullu { | ||
| font-size: 25px; | ||
|
|
||
| text-shadow: 0 0 20px rgb(255, 255, 255); | ||
| } |
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,46 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8" /> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | ||
| <title>Rose Day</title> | ||
| <link rel="stylesheet" href="new.css" /> | ||
| </head> | ||
| <body> | ||
| <div class="wrap"> | ||
| <h1>For You 💖</h1> | ||
| <div class="postcard1"></div> | ||
| <div class="postcard"> | ||
| <div class="letter"></div> | ||
| <p> | ||
| <span>My Love,</span> | ||
| <br /> | ||
| On this Rose Day, each petal symbolizes my admiration <br />for you. | ||
| Your presence colors my world with joy and warmth.Like a rose in full | ||
| bloom, your beauty captivates my heart. The red roses reflect the | ||
| passion that burns for you, while the white ones signify the purity of | ||
| our love. In the garden of life, you're my most cherished blossom. | ||
| Thank you for being my source of love and inspiration. Our journey | ||
| together is as sweet as the fragrance of roses. Happy Rose Day, my | ||
| love. Here's to many more petals of shared laughter and enduring love. | ||
| <br /> | ||
| <span class="ullu"> | ||
| Forever Yours, | ||
| <br /> | ||
| Ullu</span | ||
| > | ||
| </p> | ||
| <div class="address"> | ||
| <img | ||
| src="https://i.postimg.cc/9Xq7XyF2/Untold-Coding.png" | ||
| class="mail_stamp" | ||
| /> | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
| <footer> | ||
| <p>crafted by Arya basu.</p> | ||
| </footer> | ||
| </body> | ||
| </html> |
Oops, something went wrong.