Created
August 2, 2017 03:37
-
-
Save farishkash/1cf610bdbf6eefb8e533c5b81fc21070 to your computer and use it in GitHub Desktop.
Solution
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> | |
| <title>Dasmoto's Arts & Crafts</title> | |
| <link href="./resources/css/style.css" type="text/css" rel="stylesheet"> | |
| </head> | |
| <body> | |
| <h1>Dasmoto's Arts & Crafts</h1> | |
| <!-- Brushes Section --> | |
| <div class="item"> | |
| <h2 id="brush">Brushes</h2> | |
| <img src="https://s3.amazonaws.com/codecademy-content/courses/freelance-1/unit-2/hacksaw.jpeg"/> | |
| <h3>Hacksaw Brushes</h3> | |
| <p>Made of the highest quality oak, Hacksaw brushes are known for their weight and ability to hold paint in large amounts. Available in different sizes. <span class="price">Starting at $3.00 / brush.</span></p> | |
| </div> | |
| <!-- Frames Section --> | |
| <div class="item"> | |
| <h2 id="frame">Frames</h2> | |
| <img src="https://s3.amazonaws.com/codecademy-content/courses/freelance-1/unit-2/frames.jpeg"/> | |
| <h3>Art Frames (assorted)</h3> | |
| <p>Assorted frames made of different material, including MDF, birchwood, and PDE. Select frames can be sanded and painted according to your needs. <span class="price">Starting at $2.00 / frame.</span></p> | |
| </div> | |
| <!-- Paint Section --> | |
| <div class="item"> | |
| <h2 id="paint">Paint</h2> | |
| <img src="https://s3.amazonaws.com/codecademy-content/courses/freelance-1/unit-2/finnish.jpeg"/> | |
| <h3>Clean Finnish Paint</h3> | |
| <p>Imported paint from Finland. Over 256 colors available in-store, varying in quantity (1 oz. to 8 oz.). Clean Finnish paint microbinds to canvas, increasing the finish and longevity of any artwork. <span class="price">Starting at $5.00 / tube.</span> | |
| </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
| h1, | |
| h2, | |
| h3, | |
| p { | |
| font-family: "Helvetica", sans-serif; | |
| } | |
| h1 { | |
| background-image: url("https://s3.amazonaws.com/codecademy-content/courses/freelance-1/unit-2/pattern.jpeg"); | |
| text-align: center; | |
| font-size: 100px; | |
| color: khaki; | |
| } | |
| .item h2 { | |
| font-size: 32px; | |
| color: white; | |
| } | |
| .price { | |
| font-weight: bold; | |
| color: blue; | |
| } | |
| #brush { | |
| background-color: mediumspringgreen; | |
| } | |
| #frame { | |
| background-color: lightcoral; | |
| } | |
| #paint { | |
| background-color: skyblue; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment