67 | Sed feugiat lorem
68 |Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.
69 | Learn more 70 |├── README.md ├── README.txt ├── generic.html ├── index.html ├── LICENSE.txt └── elements.html /README.md: -------------------------------------------------------------------------------- 1 | # Solid-State-by-HTML5-UP 2 | html5up.net | @eteh1 3 | Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) 4 | 5 | After a brief hiatus from HTML5 UP (to focus on an exciting, top-secret project—more on that soon!), I’m back with a fresh new design: Solid State. This multi-page template blends ideas I’ve explored at Pixelarity with a distinct angular aesthetic for a sleek, modern feel. Hope you like it! 6 | Demo Images* 7 | 8 | Courtesy of Unsplash, a fantastic source for CC0 (public domain) images you can use freely for any purpose. 9 | 10 | (*Images not included in the download.) 11 | 12 | AJ 13 | aj@lkn.io | @ajlkn 14 | Credits 15 | 16 | Demo Images: Unsplash 17 | Icons: Font Awesome 18 | Other: 19 | jQuery 20 | Scrollex 21 | Responsive Tools 22 | -------------------------------------------------------------------------------- /README.txt: -------------------------------------------------------------------------------- 1 | Solid State by HTML5 UP 2 | html5up.net | @ajlkn 3 | Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) 4 | 5 | 6 | After a somewhat extended break from HTML5 UP (to work on a secret-ish new project -- 7 | more on that later!) I'm back with a brand new design: Solid State, a slick new multi- 8 | pager that combines some of the ideas I've played with over at Pixelarity with an "angular" 9 | sort of look. Hope you dig it :) 10 | 11 | Demo images* courtesy of Unsplash, a radtastic collection of CC0 (public domain) images 12 | you can use for pretty much whatever. 13 | 14 | (* = not included) 15 | 16 | AJ 17 | aj@lkn.io | @ajlkn 18 | 19 | 20 | Credits: 21 | 22 | Demo Images: 23 | Unsplash (unsplash.com) 24 | 25 | Icons: 26 | Font Awesome (fontawesome.io) 27 | 28 | Other: 29 | jQuery (jquery.com) 30 | Scrollex (github.com/ajlkn/jquery.scrollex) 31 | Responsive Tools (github.com/ajlkn/responsive-tools) -------------------------------------------------------------------------------- /generic.html: -------------------------------------------------------------------------------- 1 | 2 | 7 | 8 |
9 |Phasellus non pulvinar erat. Fusce tincidunt nisl eget ipsum.
49 |Morbi mattis mi consectetur tortor elementum, varius pellentesque velit convallis. Aenean tincidunt lectus auctor mauris maximus, ac scelerisque ipsum tempor. Duis vulputate ex et ex tincidunt, quis lacinia velit aliquet. Duis non efficitur nisi, id malesuada justo. Maecenas sagittis felis ac sagittis semper. Curabitur purus leo donec vel dolor at arcu tincidunt bibendum. Interdum et malesuada fames ac ante ipsum primis in faucibus. Fusce ut aliquet justo. Donec id neque ipsum. Integer eget ultricies odio. Nam vel ex a orci fringilla tincidunt. Aliquam eleifend ligula non velit accumsan cursus. Etiam ut gravida sapien.
58 | 59 |Vestibulum ultrices risus velit, sit amet blandit massa auctor sit amet. Sed eu lectus sem. Phasellus in odio at ipsum porttitor mollis id vel diam. Praesent sit amet posuere risus, eu faucibus lectus. Vivamus ex ligula, tempus pulvinar ipsum in, auctor porta quam. Proin nec commodo, vel scelerisque nisi scelerisque. Suspendisse id quam vel tortor tincidunt suscipit. Nullam auctor orci eu dolor consectetur, interdum ullamcorper ante tincidunt. Mauris felis nec felis elementum varius.
60 | 61 |Cras mattis ante fermentum, malesuada neque vitae, eleifend erat. Phasellus non pulvinar erat. Fusce tincidunt, nisl eget mattis egestas, purus ipsum consequat orci, sit amet lobortis lorem lacus in tellus. Sed ac elementum arcu. Quisque placerat auctor laoreet.
63 | 64 |
67 | Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.
69 | Learn more 70 |
73 | Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.
75 | Learn more 76 |
59 | Lorem ipsum dolor sit amet, etiam lorem adipiscing elit. Cras turpis ante, nullam sit amet turpis non, sollicitudin posuere urna. Mauris id tellus arcu. Nunc vehicula id nulla dignissim dapibus. Nullam ultrices, neque et faucibus viverra, ex nulla cursus.
62 | View My GitHub 63 |
71 | Lorem ipsum dolor sit amet, etiam lorem adipiscing elit. Cras turpis ante, nullam sit amet turpis non, sollicitudin posuere urna. Mauris id tellus arcu. Nunc vehicula id nulla dignissim dapibus. Nullam ultrices, neque et faucibus viverra, ex nulla cursus.
74 | Learn more 75 |
83 | Lorem ipsum dolor sit amet, etiam lorem adipiscing elit. Cras turpis ante, nullam sit amet turpis non, sollicitudin posuere urna. Mauris id tellus arcu. Nunc vehicula id nulla dignissim dapibus. Nullam ultrices, neque et faucibus viverra, ex nulla cursus.
86 | Learn more 87 |Cras mattis ante fermentum, malesuada neque vitae, eleifend erat. Phasellus non pulvinar erat. Fusce tincidunt, nisl eget mattis egestas, purus ipsum consequat orci, sit amet lobortis lorem lacus in tellus. Sed ac elementum arcu. Quisque placerat auctor laoreet.
96 |
99 | Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.
101 | Learn more 102 |
105 | Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.
107 | Learn more 108 |
111 | Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.
113 | Learn more 114 |
117 | Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.
119 | Learn more 120 |Phasellus non pulvinar erat. Fusce tincidunt nisl eget ipsum.
49 |This is bold and this is strong. This is italic and this is emphasized.
59 | This is superscript text and this is subscript text.
60 | This is underlined and this is code: for (;;) { ... }. Finally, this is a link.
Fringilla nisl. Donec accumsan interdum nisi, quis tincidunt felis sagittis eget tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan faucibus. Vestibulum ante ipsum primis in faucibus lorem ipsum dolor sit amet nullam adipiscing eu felis.63 |
i = 0;
65 |
66 | while (!deck.isInOrder()) {
67 | print 'Iteration ' + i;
68 | deck.shuffle();
69 | i++;
70 | }
71 |
72 | print 'It took ' + i + ' iterations to sort the deck.';
73 | | Name | 164 |Description | 165 |Price | 166 |
|---|---|---|
| Item One | 171 |Ante turpis integer aliquet porttitor. | 172 |29.99 | 173 |
| Item Two | 176 |Vis ac commodo adipiscing arcu aliquet. | 177 |19.99 | 178 |
| Item Three | 181 |Morbi faucibus arcu accumsan lorem. | 182 |29.99 | 183 |
| Item Four | 186 |Vitae integer tempus condimentum. | 187 |19.99 | 188 |
| Item Five | 191 |Ante turpis integer aliquet porttitor. | 192 |29.99 | 193 |
| 198 | | 100.00 | 199 ||
| Name | 210 |Description | 211 |Price | 212 |
|---|---|---|
| Item One | 217 |Ante turpis integer aliquet porttitor. | 218 |29.99 | 219 |
| Item Two | 222 |Vis ac commodo adipiscing arcu aliquet. | 223 |19.99 | 224 |
| Item Three | 227 |Morbi faucibus arcu accumsan lorem. | 228 |29.99 | 229 |
| Item Four | 232 |Vitae integer tempus condimentum. | 233 |19.99 | 234 |
| Item Five | 237 |Ante turpis integer aliquet porttitor. | 238 |29.99 | 239 |
| 244 | | 100.00 | 245 ||










Morbi mattis mi consectetur tortor elementum, varius pellentesque velit convallis. Aenean tincidunt lectus auctor mauris maximus, ac scelerisque ipsum tempor. Duis vulputate ex et ex tincidunt, quis lacinia velit aliquet. Duis non efficitur nisi, id malesuada justo. Maecenas sagittis felis ac sagittis semper. Curabitur purus leo, tempus sed finibus eget, fringilla quis risus. Maecenas et lorem quis sem varius sagittis et a est. Maecenas iaculis iaculis sem. Donec vel dolor at arcu tincidunt bibendum. Interdum et malesuada fames ac ante ipsum primis in faucibus. Fusce ut aliquet justo. Donec id neque ipsum. Integer eget ultricies odio. Nam vel ex a orci fringilla tincidunt. Aliquam eleifend ligula non velit accumsan cursus. Etiam ut gravida sapien. Morbi mattis mi consectetur tortor elementum, varius pellentesque velit convallis. Aenean tincidunt lectus auctor mauris maximus, ac scelerisque ipsum tempor. Duis vulputate ex et ex tincidunt, quis lacinia velit aliquet. Duis non efficitur nisi, id malesuada justo. Maecenas sagittis felis ac sagittis semper. Curabitur purus leo, tempus sed finibus eget, fringilla quis risus. Maecenas et lorem quis sem varius sagittis et a est. Maecenas iaculis iaculis sem. Donec vel dolor at arcu tincidunt bibendum. Interdum et malesuada fames ac ante ipsum primis in faucibus. Fusce ut aliquet justo. Donec id neque ipsum. Integer eget ultricies odio. Nam vel ex a orci fringilla tincidunt. Aliquam eleifend ligula non velit accumsan cursus. Etiam ut gravida sapien.
Vestibulum ultrices risus velit, sit amet blandit massa auctor sit amet. Sed eu lectus sem. Phasellus in odio at ipsum porttitor mollis id vel diam. Praesent sit amet posuere risus, eu faucibus lectus. Vivamus ex ligula, tempus pulvinar ipsum in, auctor porta quam. Proin nec dui cursus, posuere dui eget interdum. Fusce lectus magna, sagittis at facilisis vitae, pellentesque at etiam. Quisque posuere leo quis sem commodo, vel scelerisque nisi scelerisque. Suspendisse id quam vel tortor tincidunt suscipit. Nullam auctor orci eu dolor consectetur, interdum ullamcorper ante tincidunt. Mauris felis nec felis elementum varius. Nam sapien ante, varius in pulvinar vitae, rhoncus id massa. Donec varius ex in mauris ornare, eget euismod urna egestas. Etiam lacinia tempor ipsum, sodales porttitor justo. Aliquam dolor quam, semper in tortor eu, volutpat efficitur quam. Fusce nec fermentum nisl. Aenean erat diam, tempus aliquet erat. Etiam iaculis nulla ipsum, et pharetra libero rhoncus ut. Phasellus rutrum cursus velit, eget condimentum nunc blandit vel. In at pulvinar lectus. Morbi diam ante, vulputate et imperdiet eget, fermentum non dolor. Ut eleifend sagittis tincidunt. Sed viverra commodo mi, ac rhoncus justo. Duis neque ligula, elementum ut enim vel, posuere finibus justo. Vivamus facilisis maximus nibh quis pulvinar. Quisque hendrerit in ipsum id tellus facilisis fermentum. Proin mauris dui.