Skip to content

Instantly share code, notes, and snippets.

@eternal44

eternal44/main.html

Created May 15, 2019 05:09
Show Gist options
  • Save eternal44/755c1024c5e264a7006353108dd891d0 to your computer and use it in GitHub Desktop.
Save eternal44/755c1024c5e264a7006353108dd891d0 to your computer and use it in GitHub Desktop.
Download ZIP
practicing html
Raw
main.html
<!DOCTYPE html>
<html>
<head>
<style>
.flex-container{
display:flex;
align-items: center;
font-family: arial;
}
#rcornersicon {
border-radius: 20px 20px 20px 20px;
width: 30px;
height:30px;
}
#joinbutton{
background-color: #38A1F3;
border: 0;
color:white;
font-family: verdana;
font-weight: bolder;
font-size: 80%;
border-radius: 5px 5px 5px 5px;
height: 35px;
width: 80px;
}
#buttondivision{
display: inline-flex;
position:relative;
right: -650px;
top: -55px;
}
.uvbox{
float:left;
background-color: #d3d3d2;
height: 725px;
position: relative;
top: 0px;
border-radius: 10px 0px 0px 10px;
}
.biggerfont{
font-family: arial;
}
</style>
<title>My First Web Page!</title>
</head>
<body>
<span class="uvbox"><b>17.8k</b></span>
<div class="flex-container">
<div>
<img id="rcornersicon" src="https://a.thumbs.redditmedia.com/kIpBoUR8zJLMQlF8azhN-kSBsjVUidHjvZNLuHDONm8.png">
</div>
<div>
<b>r/funny</b> -Posted by u/BlakeTheMadd 3 hours ago
</div>
</div>
<h2 id="buttondivision">
<button onclick="window.location.href='https://www.reddit.com';" id="joinbutton">+JOIN</button>
</h2>
<h1 style="font-family: helvetica;font-weight: lighter;"> My Mom deserves......</h1>
<!-- up to here -->
<p> <img style="position: relative; left: 125px" src="https://i.redd.it/t3d5wq3ax1y21.jpg"></img></p>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment