Skip to content

Instantly share code, notes, and snippets.

@brennanbrown
Created May 19, 2020 21:23
Show Gist options
  • Save brennanbrown/f21384e91e6d17a42d39484806215d01 to your computer and use it in GitHub Desktop.
Save brennanbrown/f21384e91e6d17a42d39484806215d01 to your computer and use it in GitHub Desktop.
<!DOCTYPE html>
<html>
<head></head>
<body id='htmlBody' class='body' style='background-color: teal; color: white;
border: 5px solid yellow; border-radius: 20px'>
<div id='hello' myName='Chris'>
<div style='text-align: center; background-color: grey; width:10%'>
Hello World!
</div>
<br/>
<br/>
<div style='height: 355px; background-color: darkblue;'>
It's a lovely day
</div>
<br/>
<input type='radio'/>
<br/>
<textarea rows='15' style="width:200px; background-color: #f7f7ff"></textarea>
</div>
<img src='data:image/jpeg;base64,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'
alt='Picture of a duck' style='height: 500px; width:100px'/>
<br/>
<a href="https://www.evolveu.ca/" style='background-color: hotpink'>About Us</a>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment