Created
March 19, 2020 00:16
-
-
Save hrhasnai/b668f3d5036eb378826ca434c31a0771 to your computer and use it in GitHub Desktop.
CARROT CAKE // source https://jsbin.com/cahequb
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
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width"> | |
| <title>CARROT CAKE</title> | |
| <style id="jsbin-css"> | |
| /*I'm use styling property that we haven't covered yet like "margin" "padding" "background image" "font style" etc */ | |
| /*I'm use different website for styling property */ | |
| /*URL "https://www.tutorialrepublic.com/css-reference/css3-properties.php" */ | |
| /*URL "https://www.w3schools.com/css/default.asp" */ | |
| /* here i'm style body color margin & padding */ | |
| body{ | |
| background-image:url("https://images.unsplash.com/photo-1572968908024-cfce5c1f572d?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1502&q=80"); | |
| background-size:cover; | |
| margin-top:0px; | |
| margin-left:10px; | |
| margin-right:10px; | |
| margin-bottom:0px; | |
| padding:30px; | |
| } /*END body style*/ | |
| /*here i'm style paragraph*/ | |
| p{ | |
| font-size:30px; | |
| font-style:oblique; | |
| } | |
| /*END*/ | |
| /*here i'm style h1 tag*/ | |
| h1{ | |
| background-color:#529FE8; | |
| text-align: center; | |
| font-weight: bold; | |
| font-style: oblique; | |
| font-size:50px; | |
| text-decoration: underline; | |
| padding:100px; | |
| } | |
| /*END*/ | |
| /*here i'm style unordered list*/ | |
| ul{ | |
| background-size:cover; | |
| font-size:30px; | |
| font-style:italic; | |
| font-weight: bold; | |
| } | |
| /*END*/ | |
| h2{ | |
| text-align: left; | |
| background-color:#900C3F; | |
| font-size:30px; | |
| text-align: center; | |
| padding:30px; | |
| </style> | |
| </head> | |
| <body> | |
| <h1>THE BEST CARROT CAKE RECIPE!</h1> | |
| <!--explains what the food is, and why you like it so much.--> | |
| <p>This is my favorite recipe for homemade carrot cake! This cake is so easy to make, perfectly moist, and topped with an easy homemade cream cheese frosting.</p> | |
| <p>I feel like carrot cake is a dessert most people tend to only make around Easter. But honestly, carrot cake is such an incredible dessert and I think it should be enjoyed all year long. Especially when it comes to this carrot cake recipe. | |
| <p>I know it can be a bold statement to call a recipe the best, but I truly mean it with this one. Not only is this carrot cake easy to make, but it’s so incredibly moist and full of flavor that it’s almost impossible to stop at one piece.</p> | |
| <p>___________________________________________________________________</p | |
| <!--Add a few images of finished versions--> | |
| <ul> | |
| <li><em>Finished versions Carrot cake Photo</em></li> | |
| <img src="https://i1.wp.com/www.livewellbakeoften.com/wp-content/uploads/2017/04/Carrot-Cake-with-Cream-Cheese-Frosting-2.jpg?w=1360&ssl=1" width="500" height="500" alt="CARROT CAKR final photo"/><br> | |
| <li><em>Finished versions Carrot cake Photo</em></li> | |
| <img src=" https://i0.wp.com/www.livewellbakeoften.com/wp-content/uploads/2017/04/Carrot-Cake-with-Cream-Cheese-Frosting-4-1.jpg?w=1360&ssl=1" width="500" height="500" alt="CARROT CAKR final photo" /> | |
| </ul> | |
| <br> | |
| <p>___________________________________________________________________</p | |
| <!-- Add emojis to your second list (the ordered list), so that at least 5 of the lines end with an emoji character--> | |
| <ol> | |
| <strong><em>The five ordered list of emojis</em></strong> | |
| <li><p role="image" aria-label="Moon cake">🥮</p></li> | |
| <li><p role="image" aria-label="brithday cake">🎂</p></li> | |
| <li><p role="image" aria-label="face-tongue">😋</p></li> | |
| <li><p role="image" aria-label="super">👌</p></li> | |
| <li><p role="image" aria-label="very good with hand">👏</p></li> | |
| </ol> | |
| <p>___________________________________________________________________</p | |
| <!--Add another paragraph that describes what the dish should look, smell, and taste like when it's all done.--> | |
| <p><h3><em>Honestly, carrot cake is such an incredible dessert its very sweet smell and it’s so incredibly moist and full of flavor that it’s almost impossible to stop at one piece.I think it should be enjoyed all year long.It's look is very smoothie</em></h3> </p> | |
| <ol> | |
| <li><a href="http://www.google.com">Go to Google</a></li> | |
| <li><a href="mailto:hasnainhasnai911@gmail.com">Owner Mail Address</a></li> | |
| <li><a href="mailto:owlpower00@gmail.com">Manager Email</a></li> | |
| <li><a href="http:www.microsoft.com">Go to Microsoft</a></li> | |
| </ol> | |
| <!--The list compare the recipes with my recipe--> | |
| <ul> | |
| <p>___________________________________________________________________</p> | |
| <li> <p><h2><em>Assignment No 03 Abouts links</em></h2></p></li> | |
| <li><p><h2>My recipe link is given below:</h2></p></li> | |
| <a href="https://thinkific-import.s3.amazonaws.com/116598/RRf9XPHQeGRZV3zlp9yP_homework%2520assignment.html">click here</a> | |
| <li> <p><h2><em>There are Five Different other Carrot Cake Recipes Links in Below:</em></h2></p></li> | |
| <li>If you don't like my Recipe check other <strong>Incredible Carrot Cake Recipes</strong> The links of other recipes in given below: </li> | |
| </ul> | |
| <ol> | |
| <li><a href="https://www.allrecipes.com/recipe/7402/carrot-cake-iii/">Carrot cake recipe By: allrecipes.com</a></li> | |
| <li><a href="https://sallysbakingaddiction.com/my-favorite-carrot-cake-recipe/">Carrot cake recipe By: Sallysbakingaddiction.com</a></li> | |
| <li><a href="https://www.inspiredtaste.net/25753/carrot-cake-recipe/">Carrot cake recipe By: inspiredtaste.net</a></li> | |
| <li><a href="https://www.foodnetwork.com/recipes/carrot-cake-recipe-recipe-2011777">Carrot cake recipe By:foodnetwork.com</a></li> | |
| <li><a href="https://www.bbcgoodfood.com/recipes/yummy-scrummy-carrot-cake-recipe">Carrot cake recipe By:bbcgoodfood.com</a></li> | |
| </ol> | |
| <script id="jsbin-source-html" type="text/html"> | |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width"> | |
| <title>CARROT CAKE</title> | |
| </head> | |
| <body> | |
| <h1>THE BEST CARROT CAKE RECIPE!</h1> | |
| <\!--explains what the food is, and why you like it so much.--> | |
| <p>This is my favorite recipe for homemade carrot cake! This cake is so easy to make, perfectly moist, and topped with an easy homemade cream cheese frosting.</p> | |
| <p>I feel like carrot cake is a dessert most people tend to only make around Easter. But honestly, carrot cake is such an incredible dessert and I think it should be enjoyed all year long. Especially when it comes to this carrot cake recipe. | |
| <p>I know it can be a bold statement to call a recipe the best, but I truly mean it with this one. Not only is this carrot cake easy to make, but it’s so incredibly moist and full of flavor that it’s almost impossible to stop at one piece.</p> | |
| <p>___________________________________________________________________</p | |
| <\!--Add a few images of finished versions--> | |
| <ul> | |
| <li><em>Finished versions Carrot cake Photo</em></li> | |
| <img src="https://i1.wp.com/www.livewellbakeoften.com/wp-content/uploads/2017/04/Carrot-Cake-with-Cream-Cheese-Frosting-2.jpg?w=1360&ssl=1" width="500" height="500" alt="CARROT CAKR final photo"/><br> | |
| <li><em>Finished versions Carrot cake Photo</em></li> | |
| <img src=" https://i0.wp.com/www.livewellbakeoften.com/wp-content/uploads/2017/04/Carrot-Cake-with-Cream-Cheese-Frosting-4-1.jpg?w=1360&ssl=1" width="500" height="500" alt="CARROT CAKR final photo" /> | |
| </ul> | |
| <br> | |
| <p>___________________________________________________________________</p | |
| <\!-- Add emojis to your second list (the ordered list), so that at least 5 of the lines end with an emoji character--> | |
| <ol> | |
| <strong><em>The five ordered list of emojis</em></strong> | |
| <li><p role="image" aria-label="Moon cake">🥮</p></li> | |
| <li><p role="image" aria-label="brithday cake">🎂</p></li> | |
| <li><p role="image" aria-label="face-tongue">😋</p></li> | |
| <li><p role="image" aria-label="super">👌</p></li> | |
| <li><p role="image" aria-label="very good with hand">👏</p></li> | |
| </ol> | |
| <p>___________________________________________________________________</p | |
| <\!--Add another paragraph that describes what the dish should look, smell, and taste like when it's all done.--> | |
| <p><h3><em>Honestly, carrot cake is such an incredible dessert its very sweet smell and it’s so incredibly moist and full of flavor that it’s almost impossible to stop at one piece.I think it should be enjoyed all year long.It's look is very smoothie</em></h3> </p> | |
| <ol> | |
| <li><a href="http://www.google.com">Go to Google</a></li> | |
| <li><a href="mailto:hasnainhasnai911@gmail.com">Owner Mail Address</a></li> | |
| <li><a href="mailto:owlpower00@gmail.com">Manager Email</a></li> | |
| <li><a href="http:www.microsoft.com">Go to Microsoft</a></li> | |
| </ol> | |
| <\!--The list compare the recipes with my recipe--> | |
| <ul> | |
| <p>___________________________________________________________________</p> | |
| <li> <p><h2><em>Assignment No 03 Abouts links</em></h2></p></li> | |
| <li><p><h2>My recipe link is given below:</h2></p></li> | |
| <a href="https://thinkific-import.s3.amazonaws.com/116598/RRf9XPHQeGRZV3zlp9yP_homework%2520assignment.html">click here</a> | |
| <li> <p><h2><em>There are Five Different other Carrot Cake Recipes Links in Below:</em></h2></p></li> | |
| <li>If you don't like my Recipe check other <strong>Incredible Carrot Cake Recipes</strong> The links of other recipes in given below: </li> | |
| </ul> | |
| <ol> | |
| <li><a href="https://www.allrecipes.com/recipe/7402/carrot-cake-iii/">Carrot cake recipe By: allrecipes.com</a></li> | |
| <li><a href="https://sallysbakingaddiction.com/my-favorite-carrot-cake-recipe/">Carrot cake recipe By: Sallysbakingaddiction.com</a></li> | |
| <li><a href="https://www.inspiredtaste.net/25753/carrot-cake-recipe/">Carrot cake recipe By: inspiredtaste.net</a></li> | |
| <li><a href="https://www.foodnetwork.com/recipes/carrot-cake-recipe-recipe-2011777">Carrot cake recipe By:foodnetwork.com</a></li> | |
| <li><a href="https://www.bbcgoodfood.com/recipes/yummy-scrummy-carrot-cake-recipe">Carrot cake recipe By:bbcgoodfood.com</a></li> | |
| </ol> | |
| </body> | |
| </html></script> | |
| <script id="jsbin-source-css" type="text/css">/*I'm use styling property that we haven't covered yet like "margin" "padding" "background image" "font style" etc */ | |
| /*I'm use different website for styling property */ | |
| /*URL "https://www.tutorialrepublic.com/css-reference/css3-properties.php" */ | |
| /*URL "https://www.w3schools.com/css/default.asp" */ | |
| /* here i'm style body color margin & padding */ | |
| body{ | |
| background-image:url("https://images.unsplash.com/photo-1572968908024-cfce5c1f572d?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1502&q=80"); | |
| background-size:cover; | |
| margin-top:0px; | |
| margin-left:10px; | |
| margin-right:10px; | |
| margin-bottom:0px; | |
| padding:30px; | |
| } /*END body style*/ | |
| /*here i'm style paragraph*/ | |
| p{ | |
| font-size:30px; | |
| font-style:oblique; | |
| } | |
| /*END*/ | |
| /*here i'm style h1 tag*/ | |
| h1{ | |
| background-color:#529FE8; | |
| text-align: center; | |
| font-weight: bold; | |
| font-style: oblique; | |
| font-size:50px; | |
| text-decoration: underline; | |
| padding:100px; | |
| } | |
| /*END*/ | |
| /*here i'm style unordered list*/ | |
| ul{ | |
| background-size:cover; | |
| font-size:30px; | |
| font-style:italic; | |
| font-weight: bold; | |
| } | |
| /*END*/ | |
| h2{ | |
| text-align: left; | |
| background-color:#900C3F; | |
| font-size:30px; | |
| text-align: center; | |
| padding:30px; | |
| </script> | |
| </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
| /*I'm use styling property that we haven't covered yet like "margin" "padding" "background image" "font style" etc */ | |
| /*I'm use different website for styling property */ | |
| /*URL "https://www.tutorialrepublic.com/css-reference/css3-properties.php" */ | |
| /*URL "https://www.w3schools.com/css/default.asp" */ | |
| /* here i'm style body color margin & padding */ | |
| body{ | |
| background-image:url("https://images.unsplash.com/photo-1572968908024-cfce5c1f572d?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1502&q=80"); | |
| background-size:cover; | |
| margin-top:0px; | |
| margin-left:10px; | |
| margin-right:10px; | |
| margin-bottom:0px; | |
| padding:30px; | |
| } /*END body style*/ | |
| /*here i'm style paragraph*/ | |
| p{ | |
| font-size:30px; | |
| font-style:oblique; | |
| } | |
| /*END*/ | |
| /*here i'm style h1 tag*/ | |
| h1{ | |
| background-color:#529FE8; | |
| text-align: center; | |
| font-weight: bold; | |
| font-style: oblique; | |
| font-size:50px; | |
| text-decoration: underline; | |
| padding:100px; | |
| } | |
| /*END*/ | |
| /*here i'm style unordered list*/ | |
| ul{ | |
| background-size:cover; | |
| font-size:30px; | |
| font-style:italic; | |
| font-weight: bold; | |
| } | |
| /*END*/ | |
| h2{ | |
| text-align: left; | |
| background-color:#900C3F; | |
| font-size:30px; | |
| text-align: center; | |
| padding:30px; |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment