Last active
January 25, 2021 19:11
-
-
Save hunterirving/9dac4213c56be940a62633885970958d to your computer and use it in GitHub Desktop.
simple, mobile-compatible blog post starter
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> | |
<meta charset="utf-8"> | |
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"> | |
<link href="https://fonts.googleapis.com/css?family=Lexend+Giga&display=swap" rel="stylesheet"> | |
<link href="https://fonts.googleapis.com/css?family=Montserrat&display=swap" rel="stylesheet"> | |
<style> | |
#blog {padding-bottom:150px;} | |
#inner_div {margin-left:30px; margin-right:30px; margin-top:30px; align:left; z-index:999} | |
h1 {font-family: 'Lexend Giga', sans-serif; font-size: 28px; color: white; margin-bottom:3px;} | |
h3 {font-family: 'Lexend Giga', sans-serif; font-size: 18px; color: white; margin:0px; padding-top:0px; padding-bottom:5px;} | |
p {font-family: 'Montserrat', sans-serif; color: white; font-size: 18px;} | |
img {display:block; margin:auto; max-width:100%; image-rendering: crisp-edges; padding-top:20px; padding-bottom:30px} | |
hr {border: 1px solid white; margin-bottom:20px} | |
a {color: cornflowerblue; font-weight: bold;} | |
</style> | |
</head> | |
<body style="background-color:black; max-width:550px; margin:0 auto; overflow-x:hidden;"> | |
<div id="inner_div" style="padding-top:5px"> | |
<div id="blog"> | |
<h1>ECCE, ROMANI!</h1> | |
<h3>Togam Praetextam</h3> | |
<hr> | |
<p>Corneliae et Flaviae in viam rusticam habitat. Esse quam videri, annuit coeptis.</p> | |
<p>Via Appia, Lucius Hortensius Caninus.</p> | |
<img src = "http://www.hunterirving.com/geocity/eye_of_providence.png"> | |
<p>Scribit in virtuo seclorum. Sugite, quam vitrio sugite et habitatum.</p> | |
</div> | |
<div id="blog"> | |
<h1>IGITE, QUAM VIDEO!</h1> | |
<h3>Togam Rusticam</h3> | |
<hr> | |
<p>E pluribus unum, scriptam robusticam et mundae.</p> | |
<p>Lorem ipsum, qiat dolor, sit amet!</p> | |
</div> | |
</div> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment