Hiya! These layouts are already made and available for anyone to use! Each layout is available in 5 font options for your convenience and use royalty free images.
Large Width
These layouts look best in a large width presentation.
1. Rain quote
Trebuchet MS
Impact
Times New Roman
Comic Sans MS
Georgia
<
>
<table style="height: 854px;" border="0" width="700"><tbody><tr><td><div style="background: url('https://i.imgur.com/otLxPUK.png'); width: 700px; height: 854px;"><div style="width: 596px; height: 26px; font-family: 'trebuchet ms'; font-size: 20px; overflow: auto; float: left; margin-top: 202px; margin-left: 52px;"><center><span style="color: #ffffff;"> Label 1. This is a label box. It spans the entire box.</span></center></div><div style="width: 596px; height: 146px; font-family: 'trebuchet ms'; font-size: 18px; overflow: auto; float: left; margin-top: 0px; margin-left: 52px;">If there is enough text in this box, it will scroll<br /><br /><br />Don’t mind me… just trying to get this box to scroll<br /><br /><br />Is it scrolling yet? Idk…<br /><br /><br />This is really boring to type, tbh… that’s why I copy and pasted this for every scroll box</div><div style="width: 272px; height: 27px; font-family: 'trebuchet ms'; font-size: 20px; overflow: auto; float: left; margin-top: 2px; margin-left: 52px;"><center><span style="color: #ffffff;"> Label 2</span></center></div><div style="width: 272px; height: 27px; font-family: 'trebuchet ms'; font-size: 20px; overflow: auto; float: left; margin-top: 2px; margin-left: 52px;"><center><span style="color: #ffffff;"> Label 3</span></center></div><div style="width: 272px; height: 195px; font-family: 'trebuchet ms'; font-size: 15px; overflow: auto; float: left; margin-top: 0px; margin-left: 52px;">If there is enough text in this box, it will scroll<br /><br /><br />Don’t mind me… just trying to get this box to scroll<br /><br /><br />Is it scrolling yet? Idk…<br /><br /><br />This is really boring to type, tbh… that’s why I copy and pasted this for every scroll box</div><div style="width: 272px; height: 195px; font-family: 'trebuchet ms'; font-size: 15px; overflow: auto; float: left; margin-top: 0px; margin-left: 52px;">If there is enough text in this box, it will scroll<br /><br /><br />Don’t mind me… just trying to get this box to scroll<br /><br /><br />Is it scrolling yet? Idk…<br /><br /><br />This is really boring to type, tbh… that’s why I copy and pasted this for every scroll box</div><div style="width: 272px; height: 27px; font-family: 'trebuchet ms'; font-size: 20px; overflow: auto; float: left; margin-top: 3px; margin-left: 52px;"><center><span style="color: #ffffff;"> Label 4</span></center></div><div style="width: 272px; height: 27px; font-family: 'trebuchet ms'; font-size: 20px; overflow: auto; float: left; margin-top: 3px; margin-left: 52px;"><center><span style="color: #ffffff;"> Label 5</span></center></div><div style="width: 272px; height: 195px; font-family: 'trebuchet ms'; font-size: 15px; overflow: auto; float: left; margin-top: 0px; margin-left: 52px;">If there is enough text in this box, it will scroll<br /><br /><br />Don’t mind me… just trying to get this box to scroll<br /><br /><br />Is it scrolling yet? Idk…<br /><br /><br />This is really boring to type, tbh… that’s why I copy and pasted this for every scroll box</div><div style="width: 272px; height: 195px; font-family: 'trebuchet ms'; font-size: 15px; overflow: auto; float: left; margin-top: 0px; margin-left: 52px;">If there is enough text in this box, it will scroll<br /><br /><br />Don’t mind me… just trying to get this box to scroll<br /><br /><br />Is it scrolling yet? Idk…<br /><br /><br />This is really boring to type, tbh… that’s why I copy and pasted this for every scroll box</div></div></td></tr></tbody></table>
<table style="height: 854px;" border="0" width="700"><tbody><tr><td><div style="background: url('https://i.imgur.com/otLxPUK.png'); width: 700px; height: 854px;"><div style="width: 596px; height: 26px; font-family: 'impact'; font-size: 20px; overflow: auto; float: left; margin-top: 202px; margin-left: 52px;"><center><span style="color: #ffffff;"> Label 1. This is a label box. It spans the entire box.</span></center></div><div style="width: 596px; height: 146px; font-family: 'impact'; font-size: 15px; overflow: auto; float: left; margin-top: 0px; margin-left: 52px;">If there is enough text in this box, it will scroll<br /><br /><br />Don’t mind me… just trying to get this box to scroll<br /><br /><br />Is it scrolling yet? Idk…<br /><br /><br />This is really boring to type, tbh… that’s why I copy and pasted this for every scroll box</div><div style="width: 272px; height: 27px; font-family: 'impact'; font-size: 20px; overflow: auto; float: left; margin-top: 2px; margin-left: 52px;"><center><span style="color: #ffffff;"> Label 2</span></center></div><div style="width: 272px; height: 27px; font-family: 'impact'; font-size: 20px; overflow: auto; float: left; margin-top: 2px; margin-left: 52px;"><center><span style="color: #ffffff;"> Label 3</span></center></div><div style="width: 272px; height: 195px; font-family: 'impact'; font-size: 15px; overflow: auto; float: left; margin-top: 0px; margin-left: 52px;">If there is enough text in this box, it will scroll<br /><br /><br />Don’t mind me… just trying to get this box to scroll<br /><br /><br />Is it scrolling yet? Idk…<br /><br /><br />This is really boring to type, tbh… that’s why I copy and pasted this for every scroll box</div><div style="width: 272px; height: 195px; font-family: 'impact'; font-size: 15px; overflow: auto; float: left; margin-top: 0px; margin-left: 52px;">If there is enough text in this box, it will scroll<br /><br /><br />Don’t mind me… just trying to get this box to scroll<br /><br /><br />Is it scrolling yet? Idk…<br /><br /><br />This is really boring to type, tbh… that’s why I copy and pasted this for every scroll box</div><div style="width: 272px; height: 27px; font-family: 'impact'; font-size: 20px; overflow: auto; float: left; margin-top: 3px; margin-left: 52px;"><center><span style="color: #ffffff;"> Label 4</span></center></div><div style="width: 272px; height: 27px; font-family: 'impact'; font-size: 20px; overflow: auto; float: left; margin-top: 3px; margin-left: 52px;"><center><span style="color: #ffffff;"> Label 5</span></center></div><div style="width: 272px; height: 195px; font-family: 'impact'; font-size: 15px; overflow: auto; float: left; margin-top: 0px; margin-left: 52px;">If there is enough text in this box, it will scroll<br /><br /><br />Don’t mind me… just trying to get this box to scroll<br /><br /><br />Is it scrolling yet? Idk…<br /><br /><br />This is really boring to type, tbh… that’s why I copy and pasted this for every scroll box</div><div style="width: 272px; height: 195px; font-family: 'impact'; font-size: 15px; overflow: auto; float: left; margin-top: 0px; margin-left: 52px;">If there is enough text in this box, it will scroll<br /><br /><br />Don’t mind me… just trying to get this box to scroll<br /><br /><br />Is it scrolling yet? Idk…<br /><br /><br />This is really boring to type, tbh… that’s why I copy and pasted this for every scroll box</div></div></td></tr></tbody></table>
<table style="height: 854px;" border="0" width="700"><tbody><tr><td><div style="background: url('https://i.imgur.com/otLxPUK.png'); width: 700px; height: 854px;"><div style="width: 596px; height: 26px; font-family: 'times new roman'; font-size: 20px; overflow: auto; float: left; margin-top: 202px; margin-left: 52px;"><center><span style="color: #ffffff;"> Label 1. This is a label box. It spans the entire box.</span></center></div><div style="width: 596px; height: 146px; font-family: 'times new roman'; font-size: 15px; overflow: auto; float: left; margin-top: 0px; margin-left: 52px;">If there is enough text in this box, it will scroll<br /><br /><br />Don’t mind me… just trying to get this box to scroll<br /><br /><br />Is it scrolling yet? Idk…<br /><br /><br />This is really boring to type, tbh… that’s why I copy and pasted this for every scroll box</div><div style="width: 272px; height: 27px; font-family: 'times new roman'; font-size: 20px; overflow: auto; float: left; margin-top: 2px; margin-left: 52px;"><center><span style="color: #ffffff;"> Label 2</span></center></div><div style="width: 272px; height: 27px; font-family: 'times new roman'; font-size: 20px; overflow: auto; float: left; margin-top: 2px; margin-left: 52px;"><center><span style="color: #ffffff;"> Label 3</span></center></div><div style="width: 272px; height: 195px; font-family: 'times new roman'; font-size: 15px; overflow: auto; float: left; margin-top: 0px; margin-left: 52px;">If there is enough text in this box, it will scroll<br /><br /><br />Don’t mind me… just trying to get this box to scroll<br /><br /><br />Is it scrolling yet? Idk…<br /><br /><br />This is really boring to type, tbh… that’s why I copy and pasted this for every scroll box</div><div style="width: 272px; height: 195px; font-family: 'times new roman'; font-size: 15px; overflow: auto; float: left; margin-top: 0px; margin-left: 52px;">If there is enough text in this box, it will scroll<br /><br /><br />Don’t mind me… just trying to get this box to scroll<br /><br /><br />Is it scrolling yet? Idk…<br /><br /><br />This is really boring to type, tbh… that’s why I copy and pasted this for every scroll box</div><div style="width: 272px; height: 27px; font-family: 'times new roman'; font-size: 20px; overflow: auto; float: left; margin-top: 3px; margin-left: 52px;"><center><span style="color: #ffffff;"> Label 4</span></center></div><div style="width: 272px; height: 27px; font-family: 'times new roman'; font-size: 20px; overflow: auto; float: left; margin-top: 3px; margin-left: 52px;"><center><span style="color: #ffffff;"> Label 5</span></center></div><div style="width: 272px; height: 195px; font-family: 'times new roman'; font-size: 15px; overflow: auto; float: left; margin-top: 0px; margin-left: 52px;">If there is enough text in this box, it will scroll<br /><br /><br />Don’t mind me… just trying to get this box to scroll<br /><br /><br />Is it scrolling yet? Idk…<br /><br /><br />This is really boring to type, tbh… that’s why I copy and pasted this for every scroll box</div><div style="width: 272px; height: 195px; font-family: 'times new roman'; font-size: 15px; overflow: auto; float: left; margin-top: 0px; margin-left: 52px;">If there is enough text in this box, it will scroll<br /><br /><br />Don’t mind me… just trying to get this box to scroll<br /><br /><br />Is it scrolling yet? Idk…<br /><br /><br />This is really boring to type, tbh… that’s why I copy and pasted this for every scroll box</div></div></td></tr></tbody></table>
<table style="height: 854px;" border="0" width="700"><tbody><tr><td><div style="background: url('https://i.imgur.com/otLxPUK.png'); width: 700px; height: 854px;"><div style="width: 596px; height: 26px; font-family: 'comic sans ms'; font-size: 20px; overflow: auto; float: left; margin-top: 202px; margin-left: 52px;"><center><span style="color: #ffffff;"> Label 1. This is a label box. It spans the entire box.</span></center></div><div style="width: 596px; height: 146px; font-family: 'comic sans ms'; font-size: 15px; overflow: auto; float: left; margin-top: 0px; margin-left: 52px;">If there is enough text in this box, it will scroll<br /><br /><br />Don’t mind me… just trying to get this box to scroll<br /><br /><br />Is it scrolling yet? Idk…<br /><br /><br />This is really boring to type, tbh… that’s why I copy and pasted this for every scroll box</div><div style="width: 272px; height: 27px; font-family: 'comic sans ms'; font-size: 20px; overflow: auto; float: left; margin-top: 2px; margin-left: 52px;"><center><span style="color: #ffffff;"> Label 2</span></center></div><div style="width: 272px; height: 27px; font-family: 'comic sans ms'; font-size: 20px; overflow: auto; float: left; margin-top: 2px; margin-left: 52px;"><center><span style="color: #ffffff;"> Label 3</span></center></div><div style="width: 272px; height: 195px; font-family: 'comic sans ms'; font-size: 15px; overflow: auto; float: left; margin-top: 0px; margin-left: 52px;">If there is enough text in this box, it will scroll<br /><br /><br />Don’t mind me… just trying to get this box to scroll<br /><br /><br />Is it scrolling yet? Idk…<br /><br /><br />This is really boring to type, tbh… that’s why I copy and pasted this for every scroll box</div><div style="width: 272px; height: 195px; font-family: 'comic sans ms'; font-size: 15px; overflow: auto; float: left; margin-top: 0px; margin-left: 52px;">If there is enough text in this box, it will scroll<br /><br /><br />Don’t mind me… just trying to get this box to scroll<br /><br /><br />Is it scrolling yet? Idk…<br /><br /><br />This is really boring to type, tbh… that’s why I copy and pasted this for every scroll box</div><div style="width: 272px; height: 27px; font-family: 'comic sans ms'; font-size: 20px; overflow: auto; float: left; margin-top: 3px; margin-left: 52px;"><center><span style="color: #ffffff;"> Label 4</span></center></div><div style="width: 272px; height: 27px; font-family: 'comic sans ms'; font-size: 20px; overflow: auto; float: left; margin-top: 3px; margin-left: 52px;"><center><span style="color: #ffffff;"> Label 5</span></center></div><div style="width: 272px; height: 195px; font-family: 'comic sans ms'; font-size: 15px; overflow: auto; float: left; margin-top: 0px; margin-left: 52px;">If there is enough text in this box, it will scroll<br /><br /><br />Don’t mind me… just trying to get this box to scroll<br /><br /><br />Is it scrolling yet? Idk…<br /><br /><br />This is really boring to type, tbh… that’s why I copy and pasted this for every scroll box</div><div style="width: 272px; height: 195px; font-family: 'comic sans ms'; font-size: 15px; overflow: auto; float: left; margin-top: 0px; margin-left: 52px;">If there is enough text in this box, it will scroll<br /><br /><br />Don’t mind me… just trying to get this box to scroll<br /><br /><br />Is it scrolling yet? Idk…<br /><br /><br />This is really boring to type, tbh… that’s why I copy and pasted this for every scroll box</div></div></td></tr></tbody></table>
<table style="height: 854px;" border="0" width="700"><tbody><tr><td><div style="background: url('https://i.imgur.com/otLxPUK.png'); width: 700px; height: 854px;"><div style="width: 596px; height: 26px; font-family: 'georgia'; font-size: 20px; overflow: auto; float: left; margin-top: 202px; margin-left: 52px;"><center><span style="color: #ffffff;"> Label 1. This is a label box. It spans the entire box.</span></center></div><div style="width: 596px; height: 146px; font-family: 'georgia'; font-size: 15px; overflow: auto; float: left; margin-top: 0px; margin-left: 52px;">If there is enough text in this box, it will scroll<br /><br /><br />Don’t mind me… just trying to get this box to scroll<br /><br /><br />Is it scrolling yet? Idk…<br /><br /><br />This is really boring to type, tbh… that’s why I copy and pasted this for every scroll box</div><div style="width: 272px; height: 27px; font-family: 'georgia'; font-size: 20px; overflow: auto; float: left; margin-top: 2px; margin-left: 52px;"><center><span style="color: #ffffff;"> Label 2</span></center></div><div style="width: 272px; height: 27px; font-family: 'georgia'; font-size: 20px; overflow: auto; float: left; margin-top: 2px; margin-left: 52px;"><center><span style="color: #ffffff;"> Label 3</span></center></div><div style="width: 272px; height: 195px; font-family: 'georgia'; font-size: 15px; overflow: auto; float: left; margin-top: 0px; margin-left: 52px;">If there is enough text in this box, it will scroll<br /><br /><br />Don’t mind me… just trying to get this box to scroll<br /><br /><br />Is it scrolling yet? Idk…<br /><br /><br />This is really boring to type, tbh… that’s why I copy and pasted this for every scroll box</div><div style="width: 272px; height: 195px; font-family: 'georgia'; font-size: 15px; overflow: auto; float: left; margin-top: 0px; margin-left: 52px;">If there is enough text in this box, it will scroll<br /><br /><br />Don’t mind me… just trying to get this box to scroll<br /><br /><br />Is it scrolling yet? Idk…<br /><br /><br />This is really boring to type, tbh… that’s why I copy and pasted this for every scroll box</div><div style="width: 272px; height: 27px; font-family: 'georgia'; font-size: 20px; overflow: auto; float: left; margin-top: 3px; margin-left: 52px;"><center><span style="color: #ffffff;"> Label 4</span></center></div><div style="width: 272px; height: 27px; font-family: 'georgia'; font-size: 20px; overflow: auto; float: left; margin-top: 3px; margin-left: 52px;"><center><span style="color: #ffffff;"> Label 5</span></center></div><div style="width: 272px; height: 195px; font-family: 'georgia'; font-size: 15px; overflow: auto; float: left; margin-top: 0px; margin-left: 52px;">If there is enough text in this box, it will scroll<br /><br /><br />Don’t mind me… just trying to get this box to scroll<br /><br /><br />Is it scrolling yet? Idk…<br /><br /><br />This is really boring to type, tbh… that’s why I copy and pasted this for every scroll box</div><div style="width: 272px; height: 195px; font-family: 'georgia'; font-size: 15px; overflow: auto; float: left; margin-top: 0px; margin-left: 52px;">If there is enough text in this box, it will scroll<br /><br /><br />Don’t mind me… just trying to get this box to scroll<br /><br /><br />Is it scrolling yet? Idk…<br /><br /><br />This is really boring to type, tbh… that’s why I copy and pasted this for every scroll box</div></div></td></tr></tbody></table>
2. Giraffe
Trebuchet MS
Impact
Times New Roman
Comic Sans MS
Georgia
<
>
Code coming soon!
Code coming soon!
Code coming soon!
Code coming soon!
<table style="height: 950px;" border="0" width="750"><tbody><tr><td><div style="background: url('https://i.imgur.com/1gcI0bi.png'); width: 750px; height: 950px;"><div style="width: 700px; height: 27px; font-family: 'trebuchet ms'; font-size: 20px; overflow: auto; float: left; margin-top: 123px; margin-left: 25px;"><center><span style="color: #ffffff;"> Label 1. This is a label box. It spans the entire box.</span></center></div><div style="width: 700px; height: 125px; font-family: 'trebuchet ms'; font-size: 15px; overflow: auto; float: left; margin-top: 0px; margin-left: 25px;">Box 1<br /><br />If there is enough text in this box, it will scroll<br /><br /><br />Don’t mind me… just trying to get this box to scroll<br /><br /><br />Is it scrolling yet? Idk…<br /><br /><br />This is really boring to type, tbh… that’s why I copy and pasted this for every scroll box</div><div style="width: 220px; height: 27px; font-family: 'trebuchet ms'; font-size: 20px; overflow: auto; float: left; margin-top: 8px; margin-left: 25px;"><center><span style="color: #ffffff;"> Label 2</span></center></div><div style="width: 220px; height: 27px; font-family: 'trebuchet ms'; font-size: 20px; overflow: auto; float: left; margin-top: 8px; margin-left: 20px;"><center><span style="color: #ffffff;"> Label 3</span></center></div><div style="width: 220px; height: 27px; font-family: 'trebuchet ms'; font-size: 20px; overflow: auto; float: left; margin-top: 8px; margin-left: 20px;"><center><span style="color: #ffffff;"> Label 4</span></center></div><div style="width: 220px; height: 274px; font-family: 'trebuchet ms'; font-size: 15px; overflow: auto; float: left; margin-top: 0px; margin-left: 25px;">Box 2<br /><br />If there is enough text in this box, it will scroll<br /><br /><br />Don’t mind me… just trying to get this box to scroll<br /><br /><br />Scrolling<br /><br />Scrolling<br /><br /><br /><br />Is it scrolling yet? Idk…<br /><br /><br />This is really boring to type, tbh… that’s why I copy and pasted this for every scroll box</div><div style="width: 220px; height: 274px; font-family: 'trebuchet ms'; font-size: 15px; overflow: auto; float: left; margin-top: 0px; margin-left: 20px;">Box 3<br /><br />If there is enough text in this box, it will scroll<br /><br /><br />Don’t mind me… just trying to get this box to scroll<br /><br /><br />Scrolling<br /><br />Scrolling<br /><br /><br /><br />Is it scrolling yet? Idk…<br /><br /><br />This is really boring to type, tbh… that’s why I copy and pasted this for every scroll box</div><div style="width: 220px; height: 274px; font-family: 'trebuchet ms'; font-size: 15px; overflow: auto; float: left; margin-top: 0px; margin-left: 20px;">Box 4<br /><br />If there is enough text in this box, it will scroll<br /><br /><br />Don’t mind me… just trying to get this box to scroll<br /><br /><br />Scrolling<br /><br />Scrolling<br /><br /><br /><br />Is it scrolling yet? Idk…<br /><br /><br />This is really boring to type, tbh… that’s why I copy and pasted this for every scroll box</div><div style="width: 250px; height: 27px; font-family: 'trebuchet ms'; font-size: 20px; overflow: auto; float: left; margin-top: 10px; margin-left: 25px;"><center><span style="color: #ffffff;"> Label 5</span></center></div><div style="width: 250px; height: 27px; font-family: 'trebuchet ms'; font-size: 20px; overflow: auto; float: left; margin-top: 10px; margin-left: 20px;"><center><span style="color: #ffffff;"> Label 6</span></center></div><div style="width: 250px; height: 273px; font-family: 'trebuchet ms'; font-size: 15px; overflow: auto; float: left; margin-top: 0px; margin-left: 25px;">Box 5<br /><br />If there is enough text in this box, it will scroll<br /><br /><br />Don’t mind me… just trying to get this box to scroll<br /><br /><br />Is it scrolling yet? Idk…<br /><br /><br />This is really boring to type, tbh… that’s why I copy and pasted this for every scroll box</div><div style="width: 250px; height: 273px; font-family: 'trebuchet ms'; font-size: 15px; overflow: auto; float: left; margin-top: 0px; margin-left: 20px;">Box 6<br /><br />If there is enough text in this box, it will scroll<br /><br /><br />Don’t mind me… just trying to get this box to scroll<br /><br /><br />Is it scrolling yet? Idk…<br /><br /><br />This is really boring to type, tbh… that’s why I copy and pasted this for every scroll box</div></div></td></tr></tbody></table>
3. Fall leaves
Trebuchet MS
Impact
Times New Roman
Comic Sans MS
Georgia
<
>
Code coming soon!
Code coming soon!
Code coming soon!
Code coming soon!
Code coming soon!
4. Minimalist camera
Trebuchet MS
Impact
Times New Roman
Comic Sans MS
Georgia
<
>
Code coming soon!
Code coming soon!
Code coming soon!
Code coming soon!
Code coming soon!
5. Flower Journal Page
Trebuchet MS
Impact
Times New Roman
Comic Sans MS
Georgia
<
>
Code coming soon!
Code coming soon!
Code coming soon!
Code coming soon!
Code coming soon!
6. Seashells
Trebuchet MS
Impact
Times New Roman
Comic Sans MS
Georgia
<
>
Code coming soon!
Code coming soon!
Code coming soon!
Code coming soon!
Code coming soon!
7. Single Bulb
Trebuchet MS
Impact
Times New Roman
Comic Sans MS
Georgia
<
>
Code coming soon!
Code coming soon!
Code coming soon!
Code coming soon!
Code coming soon!
8. Written in the sand
Trebuchet MS
Impact
Times New Roman
Comic Sans MS
Georgia
<
>
Code coming soon!
Code coming soon!
Code coming soon!
Code coming soon!
Code coming soon!
Trebuchet MS
Impact
Times New Roman
Comic Sans MS
Georgia
<
>
Code coming soon!
Code coming soon!
Code coming soon!
Code coming soon!
Code coming soon!
More styles Coming soon
Trebuchet MS
Impact
Times New Roman
Comic Sans MS
Georgia
<
>
Code coming soon!
Code coming soon!
Code coming soon!
Code coming soon!
Code coming soon!
Small Width
These layouts look best in a small layout width or in an equestrian center presentation.