A Pen by Kutay Kağan Özen on CodePen.
Created
January 9, 2021 10:14
-
-
Save Iseluin/35aa937200985424cb66b9d8e4e3906e to your computer and use it in GitHub Desktop.
Fork Me! FCC: Test Suite Template
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
<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script> | |
<body id="main"> | |
<header id="title"> | |
<h1>Reticulated Python</h1> | |
</header> | |
<div id="img-div"> | |
<img id="image" src="https://www.reptilekingdoms.com/wp-content/uploads/2019/07/reticulated-python.jpg" | |
alt="A Chilling Reticulated Python"> | |
<p id="img-caption">A Reticulated Python Getting Cozy</p> | |
</div> | |
<hr> | |
<div id="tribute-info"> | |
<p>The reticulated python (Malayopython reticulatus) is a species of snake in the family Pythonidae. The species is native to South Asia and Southeast Asia. It is the world's longest snake and listed as least concern on the IUCN Red List because of its wide distribution. In several range countries, it is hunted for its skin, for use in traditional medicine, and for sale as a pet.</p> | |
<p> You can read more about these fascinating creatures on their <a id="tribute-link" href="https://en.wikipedia.org/wiki/Reticulated_python" target ="_blank">Wikipedia Entry</a> .</p> | |
</div> | |
</body> |
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
body { | |
background: #bebfb2; | |
} | |
#title { | |
text-align: center; | |
font-family: monospace; | |
} | |
#image { | |
height: auto; | |
max-width: 100%; | |
display: block; | |
margin: auto; | |
border: 2px solid black; | |
} | |
#img-caption { | |
text-align: center; | |
font-family: monospace; | |
} | |
#tribute-info { | |
text-align: center; | |
font-family: monospace; | |
border: 2px solid black; | |
border-radius: 15px; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment