Updates

I have recently updated this tool as of August 2022!

  • Rewrote the JS to generate cleaner code
  • Rewrote the CSS in a way that hopefully makes much more sense to edit
  • Added a couple of new features!
  • Old version is still available here

Welcome to my Layout Maker!

Please read this first!

This tool generates a layout that is responsive, which means it looks great on phones! Use dropdowns above to customize your layout's general features. Click the button to generate your HTML and CSS, and paste it into a file on Neocities.

Then you can replace all of the text with your own. For more customization, the CSS code has comments to explain what each part changes. Please read through the code - even if you have no idea what it means.

If you're feeling up for a challenge, I put together a guide which goes over the structure of how this layout is built, along with some specific tips on how to edit it in certain ways.

Check the links in the sidebar for more resources to build your own website!

- Cat Ipsum -

Rub my belly hiss swipe at owner's legs sniff catnip and act crazy growl at dogs in my sleep sit on the laptop for hiss at vacuum cleaner i like to spend my days sleeping and eating fishes that my human fished for me.

Head nudges eat my own ears. Hey! you there, with the hands why can't i catch that stupid red dot, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff, or roll over and sun my belly curl up and sleep on the freshly laundered towels.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce mollis massa in cursus rutrum. Integer consequat nulla in dapibus feugiat. Phasellus imperdiet tellus vitae velit placerat imperdiet. Praesent placerat lacinia venenatis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec mattis hendrerit pellentesque. Donec sed scelerisque nunc, at feugiat diam. Fusce erat mi, dignissim id maximus a, faucibus non neque. Cras eu condimentum lectus, at gravida ex. Fusce hendrerit vulputate consequat. Maecenas et turpis tellus. Donec rhoncus massa vitae ornare semper. Sed sem elit, aliquet non massa id, tristique ullamcorper arcu. Vivamus eget venenatis lacus, vel viverra velit. Cras dapibus tellus et lacus posuere fermentum. Sed aliquet augue non turpis dictum pulvinar. Morbi quis egestas nisl, et mattis augue. Nunc pharetra tortor mauris, quis pretium nisi vestibulum ac. Fusce scelerisque ut enim ac rutrum. Maecenas molestie diam ut erat pellentesque, in eleifend ligula vulputate. Quisque dapibus mollis lobortis. Vestibulum interdum iaculis luctus. Phasellus elit nibh, pretium et hendrerit eu, mattis ac augue. Maecenas sed tincidunt nisi. Donec elementum iaculis augue. Nam eu lectus ac libero suscipit sodales eget a enim. Proin ex tortor, cursus a ligula ut, tempor dapibus elit. Nulla condimentum mollis augue, quis maximus augue vulputate non. Aenean viverra non odio in sodales. Vivamus tempus lacus ex, sit amet tempor lorem suscipit rutrum. Mauris porta massa sit amet nibh fermentum porttitor. Aliquam non venenatis lorem, nec posuere mauris. Nam ac viverra mi. Fusce et tristique eros. Vestibulum suscipit neque vitae ultrices bibendum. Fusce felis felis, varius vel consequat a, tincidunt et lacus. Nulla non fermentum augue. Phasellus tempus mi fermentum, condimentum elit quis, tristique est. Praesent bibendum ligula in sem mattis, in volutpat enim gravida. Etiam eget nunc id sapien lacinia venenatis. Morbi id aliquet nunc. Morbi urna nibh, iaculis nec facilisis ac, congue vitae risus. Phasellus ac iaculis lorem, in vestibulum lorem. Mauris luctus ultricies mauris ac scelerisque. Nunc auctor rhoncus ipsum, vel vestibulum enim lacinia et. Ut dignissim elementum erat, id consequat nibh volutpat faucibus. Fusce consectetur nunc ex, id imperdiet ante tincidunt quis. Suspendisse pretium purus at neque porttitor dictum. Aenean sed neque quis eros suscipit fermentum. Aliquam facilisis non massa volutpat eleifend. Nunc rutrum arcu sit amet magna sagittis, sit amet condimentum nunc ultricies. Curabitur non ex leo. Ut maximus augue sed leo laoreet eleifend. Aliquam vitae tortor ut ex varius vehicula. Vivamus fermentum velit eu lacinia condimentum.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce mollis massa in cursus rutrum. Integer consequat nulla in dapibus feugiat. Phasellus imperdiet tellus vitae velit placerat imperdiet. Praesent placerat lacinia venenatis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec mattis hendrerit pellentesque. Donec sed scelerisque nunc, at feugiat diam. Fusce erat mi, dignissim id maximus a, faucibus non neque. Cras eu condimentum lectus, at gravida ex. Fusce hendrerit vulputate consequat. Maecenas et turpis tellus. Donec rhoncus massa vitae ornare semper. Sed sem elit, aliquet non massa id, tristique ullamcorper arcu. Vivamus eget venenatis lacus, vel viverra velit. Cras dapibus tellus et lacus posuere fermentum. Sed aliquet augue non turpis dictum pulvinar. Morbi quis egestas nisl, et mattis augue. Nunc pharetra tortor mauris, quis pretium nisi vestibulum ac. Fusce scelerisque ut enim ac rutrum. Maecenas molestie diam ut erat pellentesque, in eleifend ligula vulputate. Quisque dapibus mollis lobortis. Vestibulum interdum iaculis luctus. Phasellus elit nibh, pretium et hendrerit eu, mattis ac augue. Maecenas sed tincidunt nisi. Donec elementum iaculis augue. Nam eu lectus ac libero suscipit sodales eget a enim. Proin ex tortor, cursus a ligula ut, tempor dapibus elit. Nulla condimentum mollis augue, quis maximus augue vulputate non. Aenean viverra non odio in sodales. Vivamus tempus lacus ex, sit amet tempor lorem suscipit rutrum. Mauris porta massa sit amet nibh fermentum porttitor. Aliquam non venenatis lorem, nec posuere mauris. Nam ac viverra mi. Fusce et tristique eros. Vestibulum suscipit neque vitae ultrices bibendum. Fusce felis felis, varius vel consequat a, tincidunt et lacus. Nulla non fermentum augue. Phasellus tempus mi fermentum, condimentum elit quis, tristique est. Praesent bibendum ligula in sem mattis, in volutpat enim gravida. Etiam eget nunc id sapien lacinia venenatis. Morbi id aliquet nunc. Morbi urna nibh, iaculis nec facilisis ac, congue vitae risus. Phasellus ac iaculis lorem, in vestibulum lorem. Mauris luctus ultricies mauris ac scelerisque. Nunc auctor rhoncus ipsum, vel vestibulum enim lacinia et. Ut dignissim elementum erat, id consequat nibh volutpat faucibus. Fusce consectetur nunc ex, id imperdiet ante tincidunt quis. Suspendisse pretium purus at neque porttitor dictum. Aenean sed neque quis eros suscipit fermentum. Aliquam facilisis non massa volutpat eleifend. Nunc rutrum arcu sit amet magna sagittis, sit amet condimentum nunc ultricies. Curabitur non ex leo. Ut maximus augue sed leo laoreet eleifend. Aliquam vitae tortor ut ex varius vehicula. Vivamus fermentum velit eu lacinia condimentum.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce mollis massa in cursus rutrum. Integer consequat nulla in dapibus feugiat. Phasellus imperdiet tellus vitae velit placerat imperdiet. Praesent placerat lacinia venenatis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec mattis hendrerit pellentesque. Donec sed scelerisque nunc, at feugiat diam. Fusce erat mi, dignissim id maximus a, faucibus non neque. Cras eu condimentum lectus, at gravida ex. Fusce hendrerit vulputate consequat. Maecenas et turpis tellus. Donec rhoncus massa vitae ornare semper. Sed sem elit, aliquet non massa id, tristique ullamcorper arcu. Vivamus eget venenatis lacus, vel viverra velit. Cras dapibus tellus et lacus posuere fermentum. Sed aliquet augue non turpis dictum pulvinar. Morbi quis egestas nisl, et mattis augue. Nunc pharetra tortor mauris, quis pretium nisi vestibulum ac. Fusce scelerisque ut enim ac rutrum. Maecenas molestie diam ut erat pellentesque, in eleifend ligula vulputate. Quisque dapibus mollis lobortis. Vestibulum interdum iaculis luctus. Phasellus elit nibh, pretium et hendrerit eu, mattis ac augue. Maecenas sed tincidunt nisi. Donec elementum iaculis augue. Nam eu lectus ac libero suscipit sodales eget a enim. Proin ex tortor, cursus a ligula ut, tempor dapibus elit. Nulla condimentum mollis augue, quis maximus augue vulputate non. Aenean viverra non odio in sodales. Vivamus tempus lacus ex, sit amet tempor lorem suscipit rutrum. Mauris porta massa sit amet nibh fermentum porttitor. Aliquam non venenatis lorem, nec posuere mauris. Nam ac viverra mi. Fusce et tristique eros. Vestibulum suscipit neque vitae ultrices bibendum. Fusce felis felis, varius vel consequat a, tincidunt et lacus. Nulla non fermentum augue. Phasellus tempus mi fermentum, condimentum elit quis, tristique est. Praesent bibendum ligula in sem mattis, in volutpat enim gravida. Etiam eget nunc id sapien lacinia venenatis. Morbi id aliquet nunc. Morbi urna nibh, iaculis nec facilisis ac, congue vitae risus. Phasellus ac iaculis lorem, in vestibulum lorem. Mauris luctus ultricies mauris ac scelerisque. Nunc auctor rhoncus ipsum, vel vestibulum enim lacinia et. Ut dignissim elementum erat, id consequat nibh volutpat faucibus. Fusce consectetur nunc ex, id imperdiet ante tincidunt quis. Suspendisse pretium purus at neque porttitor dictum. Aenean sed neque quis eros suscipit fermentum. Aliquam facilisis non massa volutpat eleifend. Nunc rutrum arcu sit amet magna sagittis, sit amet condimentum nunc ultricies. Curabitur non ex leo. Ut maximus augue sed leo laoreet eleifend. Aliquam vitae tortor ut ex varius vehicula. Vivamus fermentum velit eu lacinia condimentum.

Updates

I have recently updated this tool as of August 2022!

  • Rewrote the JS to generate cleaner code
  • Rewrote the CSS in a way that hopefully makes much more sense to edit
  • Added a couple of new features!
  • Old version is still available here