Created
July 17, 2019 16:12
-
-
Save TFlexSoom/a7341a0ee58cbc6c9bae4f7a1cf631fe to your computer and use it in GitHub Desktop.
Kitty Website Example
This file contains hidden or 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> | |
| <head> | |
| <title>Kitty Time!</title> | |
| <link href="style.css" rel="stylesheet" type="text/css"> | |
| </head> | |
| <body> | |
| <div id="background"> | |
| <div class="row"> | |
| <img class="kitty" src="http://4.bp.blogspot.com/-_vTDmo_fSTw/T3YTV0AfGiI/AAAAAAAAAX4/Zjh2HaoU5Zo/s1600/beautiful+kitten.jpg"> | |
| <img class="kitty" src="https://www.rspcasa.org.au/wp-content/uploads/2019/01/Adopt-a-cat-or-kitten-from-RSPCA.jpg"> | |
| <img class="kitty" src="https://www.hillspet.com/content/dam/cp-sites/hills/hills-pet/en_us/exported/cat-care/images/cat-sleeping-in-yellow-cat-bed-SW.jpg"> | |
| </div> | |
| <div class="row"> | |
| <p> | |
| I really like cute cats. | |
| </p> | |
| <ul> | |
| <li> | |
| My sister's name is Kathryn. This is short for kat. | |
| </li> | |
| <li> | |
| Cats have little follicles on their tongues. | |
| </li> | |
| <li> | |
| Cats were mummified in Ancient Egypt. | |
| </li> | |
| </ul> | |
| <p> | |
| I think the cats above are cute. | |
| </p> | |
| </div> | |
| <div class="row"> | |
| <img class="tiger" src="http://2.bp.blogspot.com/-ZiTPmQdGGEk/UAWvOAcpH5I/AAAAAAAAGN4/7WmqV2WVuks/s1600/HDhut.blogspot.com+%2827%29.jpg"> | |
| <img class="tiger" src="http://2.bp.blogspot.com/-ebAbUcKQ_ZM/TsdA4434FeI/AAAAAAAABjE/6dGLVQ3d_2I/s1600/tiger-wallpapers-desktop-HD-photo-images-19.jpg"> | |
| <img class="tiger" src="https://www.globalgiving.org/pfil/19243/pict_original.jpg"> | |
| </div> | |
| </div> | |
| </body> |
This file contains hidden or 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
| /* | |
| Tristan Hilbert | |
| 7/17/2019 | |
| Stylesheet for kitty website | |
| */ | |
| body { | |
| background-color: #6886a1; | |
| width: 100%; | |
| height: 100%; | |
| border: 0px solid #000000; | |
| } | |
| #background { | |
| padding: 50px 100px; | |
| border: 5px solid #00000000; | |
| } | |
| .row { | |
| display: flex; | |
| flex-direction: row; | |
| align-items: center; | |
| justify-content: space-between; | |
| } | |
| .kitty { | |
| width: 200px; | |
| } | |
| .tiger { | |
| width: 200px; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment