<style> .phb#p1:after { display:none; } </style> <!-- The 'img' container loads your photos. You change the address of the 'src' part to match where you're getting the photo from.--> <img src='https://cdn8.picryl.com/photo/1898/12/31/bicycle-from-guide-to-ireland-with-illustrations-fdfe27-1024.jpg' style='position: absolute; width: 1600px' class='cover-image'/> <!-- These 'div' containers are given special classes which style them behind the scenes like "cover-header" --> <div class='cover-diamond'></div> <div class='cover-header'>Basic GM Binder Markdown</div> <div class='cover-splotch'></div> <div class='cover-footer'>A lil' tiny guide for u/Banderwok <br/>Front Page text stuff :)</div> <!-- \pagebreak splits your pages --> \pagebreak <img src='https://live.staticflickr.com/65535/51669772910_40d79e7ac1_o_d.png' style='width: 700px; position: absolute; top: 20px;'></img> <div style='top: 80px; left: 465px;width: 75px; position: absolute;'> Click this!</div> <div style='top: 95px; left: 370px;width: 500px; position: absolute;'> Then copy to your left panel in your document</div> <img src='https://upload.wikimedia.org/wikipedia/commons/thumb/0/05/Red_circle.svg/480px-Red_circle.svg.png' style=' top: 5px; left: 453px;width: 75px; position: absolute;'></img> <!-- this 'margin-top' div pushs your text down by 100px. Try changing the number--> <div style='margin-top: 100px;'></div> <!-- Headings from 1 - 2 --> # 1st Heading ## 2nd Heading ### 3rd Heading #### 4th Heading ##### 5th Heading <!-- </br> is used to create "space" between stuff--> </br> > Fancy Notes > ## You can use headings in here too > ### Like this > ##### \^-\^ > Or just regular text like this <!-- \columnbreak puts text in the second column --> \columnbreak Second page text! \^-\^ Notice in the source the above smiley looks odd? That's because it uses a special character '\^' which the broswer trys to do something else with. To tell the browser to ignore it (and actually display it) use the forward slash ( \\ ). To make text italic surround it as such \<em\>your italic text\<\/em\> = <em>your italic text</em> To make text bold surround it as such \<strong\>your bold text\<\/strong\> = <strong>your bold text</strong> ## Bullet Points can be displayed using the \- (dash key) as such - example 1 - example 2 - example 3