MOBIUS GRID

The Most Advanced Grid Generator

A Versatile Grid System

Mobius Grid Generator allows you to deeply customize the grid layout. The possibilities are really unlimited… A dedicated reorder plugin was created in order to facilitate the element order/size in the grid.

  • 4 different sizes
  • 2 different styles for portfolio and blog
  • Adjustable gutter width
  • Grid layout and Masonry Layout
  • Horizontal/Vertical layout grid
  • Custom Number of element in the grid
  • Custom reorder of each element
  • One page setting for all elements
  • Ajax or pagination grid system
  • Ajustable aspect ratio of element
  • Touch device compatibility
  • Multi instance
All
0

Different Styles

Custom Aspect Ratio

Web Design

This is a Sticky Post

15. Dezember 2013
Header one Header two Header three Header four Header five Header six This is default paragraph. Morbi sagittis sem quis lacinia faucibus, this is a text link orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Suspendisse consectetur fringilla luctus. Fusce id mi diam, non ornare orci. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor. Suspendisse consectetur fringilla luctus. Single line blockquote: Stay hungry. Stay foolish. Multi line blockquote with a cite reference: People think focus means saying yes to the thing you’ve got to focus on. But that’s not what it means at all. It means saying no to the hundred other good ideas that there are. You have to pick carefully. I’m actually as proud of the things we haven’t done as the things I have done. Innovation is saying no to 1,000 things. Steve Jobs – Apple Worldwide Developers‘ Conference, 1997 Unordered Lists (Nested) List item one List item one List item one List item two List item three List item four List item two List item three List item four List item two List item three List item four Ordered Lists (Nested) List item one List item one List item one List item two List item three List item four List item two List item three List item four List item two List item three List item four HTML Tags These supported tags come from the WordPress.com code FAQ. Address Tag 1 Infinite Loop Cupertino, CA 95014 United States Anchor Tag (aka. Link) This is an example of a link. Abbreviation Tag The abbreviation srsly stands for „seriously“. Acronym Tag (deprecated in HTML5) The acronym ftw stands for „for the win“. Big Tag (deprecated in HTML5) These tests are a big deal, but this tag is no longer supported in HTML5. Cite Tag „Code is poetry.“ —Automattic Code Tag You will learn later on in these tests that word-wrap: break-word; will be your best friend. Delete Tag This tag will let you strikeout text, but this tag is no longer supported in HTML5 (use the <strike> instead). Emphasize Tag The emphasize tag should italicize text. Insert Tag This tag should denote inserted text. Keyboard Tag This scarsly known tag emulates keyboard text, which is usually styled like the <code> tag. Preformatted Tag This tag styles large blocks of code. .post-title { margin: 0 0 5px; font-weight: bold; font-size: 38px; line-height: 1.2; and here's a line of some really, really, really, really long text, just to see how the PRE tag handles it and to find out how it overflows; } Quote Tag Developers, developers, developers… –Steve Ballmer Strike Tag (deprecated in HTML5) This tag shows strike-through text Strong Tag This tag shows bold text. Subscript Tag Getting our science styling on with H2O, which should push the „2“ down. Superscript Tag Still sticking with science and Isaac Newton’s E = MC2, which should lift the 2 up.

Another Interesting Single Post

15. Mai 2015
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Suspendisse consectetur fringilla suctus. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Suspendisse consectetur fringilla luctus. Fusce id mi diam, non ornare orci. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor. This is a unorder list. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Suspendisse consectetur fringilla luctus. Fusce id mi diam, non ornare orci. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Suspendisse consectetur fringilla luctus. Fusce id mi diam, non ornare orci. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor.

This is a Single Interesting Post

24. Juli 2015
Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Suspendisse consectetur fringilla luctus. Fusce id mi diam, non ornare orci. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Suspendisse consectetur fringilla luctus. Fusce id mi diam, non ornare orci. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Suspendisse consectetur fringilla luctus. Fusce id mi diam, non ornare orci. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor.
Photography Web Design WordPress

This Post Looks Beautiful even with Long Interesting Title

12. Dezember 2013
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Suspendisse consectetur fringilla suctus. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Suspendisse consectetur fringilla luctus. Fusce id mi diam, non ornare orci. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor. This is a unorder list. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Suspendisse consectetur fringilla luctus. Fusce id mi diam, non ornare orci. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Suspendisse consectetur fringilla luctus. Fusce id mi diam, non ornare orci. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Suspendisse consectetur fringilla luctus. Fusce id mi diam, non ornare orci. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor.
People

Hipster men

20. Dezember 2013
Quisque porta ipsum quis neque elementum lacinia. Pellentesque ut risus rutrum, tristique lacus nec, mollis risus. Vestibulum mollis erat arcu, eu vehicula purus consequat nec. Nulla turpis leo, aliquet id risus ut, volutpat tincidunt justo. Maecenas faucibus, est id gravida bibendum, nisl leo pulvinar eros, vel luctus nisi justo at dui. Nulla ultrices nulla id ultricies dignissim. Fusce id viverra massa, vitae congue eros. Fusce mi neque, sagittis eu dapibus ac, sodales nec est. Fusce a tempor justo. Donec pellentesque consectetur nunc consequat commodo. Nulla facilisi. Quisque id tellus urna. Aliquam lacinia velit ut convallis posuere. Nec ne tantas consul. Volumus honestatis quaerendum ne est, ceteros senserit cu ius. An eripuit nominati ullamcorper ius, sea id latine fastidii forensibus. In cum probatus contentiones, est at iriure praesent. No sea tantas utamu

Post Without Preview

12. April 2015
Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis convallis, neque ac tempor finibus, diam velit gravida eros, in laoreet nibh purus vel ex. Sed fermentum et tortor et fringilla. Integer hendrerit, enim vel tempus dapibus, mi risus dictum massa, non semper mauris lectus sit amet magna. Mauris tristique vestibulum tellus nec posuere. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In et efficitur nisl. Quisque condimentum, nibh a rutrum auctor, eros ligula viverra nibh, sed mollis ante nisi quis lacus. In convallis velit sapien, at laoreet nulla posuere in. Vivamus velit nisl, efficitur ut luctus in, pharetra eu neque. Phasellus bibendum orci non eros interdum, eget vestibulum massa accumsan. Curabitur a molestie libero, quis egestas augue.

This is an Image Post

20. Juni 2015
Nulla varius consequat magna, id molestie ipsum volutpat quis. Suspendisse consectetur fringilla suctus. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Suspendisse consectetur fringilla suctus. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Suspendisse consectetur fringilla suctus. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor. Donec id placerat lacus. In tortor nisl, venenatis faucibus augue sit amet, rhoncus dapibus purus. Cras sed viverra dui, sit amet lobortis neque. Vivamus malesuada, nisi eu lobortis maximus, velit tellus eleifend libero, at condimentum leo ante non tellus. Nam tincidunt nulla quis erat ultrices facilisis. Etiam id convallis diam. Interdum et malesuada fames ac ante ipsum primis in faucibus. Quisque placerat libero lacus, eget sodales lectus finibus tristique. Nunc ac semper ligula. Proin vitae pretium mi, sed egestas mi. In hac habitasse platea dictumst. In dapibus iaculis magna vel iaculis. Vivamus vel lorem odio. Fusce pharetra sit amet tellus quis laoreet. Nulla nec elit urna. Praesent dignissim aliquet turpis, eu iaculis turpis gravida id. Vestibulum tincidunt tortor vitae sapien iaculis convallis. Proin porta mauris id mollis lacinia. Cras et ante rhoncus, semper ligula eu, facilisis eros. Proin lobortis sem vel massa ullamcorper, quis vestibulum nisl malesuada. In semper fringilla ligula in gravida. Praesent vitae mi non risus convallis venenatis eu in diam. Curabitur in malesuada lacus. Donec pharetra eget est ut bibendum. Mauris vitae justo urna. Etiam consequat eros sed massa pretium, eu laoreet odio vehicula. Aliquam tempor bibendum blandit. Aliquam massa turpis, hendrerit nec ornare non, congue vitae metus. Donec congue arcu at ornare finibus. Nunc diam metus, imperdiet a neque at, pharetra egestas odio. Sed dapibus pellentesque elit, eu commodo lacus rhoncus ac. Nulla blandit risus in leo convallis placerat vitae ac elit. Curabitur eu dignissim nunc. Etiam lacinia erat sed sapien ornare malesuada.