|
|
| Line 298: |
Line 298: |
| | <p class="hide" id="pad"></p> | | <p class="hide" id="pad"></p> |
| | </div> | | </div> |
| | + | |
| | <div class="col-8-10"> | | <div class="col-8-10"> |
| | <div class="grid-pad"> | | <div class="grid-pad"> |
| - | | + | |
| - | <div class="show" id="pad">
| + | |
| - | <h2 id="head">Main Content</h2>
| + | </div> |
| - | | + | |
| - | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra lorem at metus porta,
| + | <p>tots</p> |
| - | non mattis quam fermentum. Aliquam elementum ligula arcu, quis pharetra leo dapibus vel. Nullam vulputate erat turpis,
| + | </div> |
| - | in molestie odio elementum sed. Fusce hendrerit suscipit magna, non tempor purus molestie sit amet. Duis eget lacus sit
| + | </div> |
| - | amet elit tristique facilisis ac sit amet ligula. Maecenas nec faucibus eros. In malesuada odio felis, feugiat posuere
| + | |
| - | ipsum ultricies eget. Donec semper, arcu sit amet rhoncus suscipit, purus mauris varius justo, id dictum turpis lacus
| + | |
| - | id nibh. Sed mollis, ipsum id euismod tincidunt, tortor eros fermentum velit, nec cursus mauris nunc sit amet quam.
| + | |
| - | Integer pellentesque enim ligula. Morbi pretium ante in iaculis eleifend.Duis et orci id nibh blandit eleifend.
| + | |
| - | Vivamus viverra tincidunt sagittis. Donec molestie commodo euismod. Curabitur iaculis condimentum
| + | |
| - | pellentesque. Cras quis velit nibh. Duis vitae neque dignissim, viverra lacus a, mollis nibh. Sed
| + | |
| - | eget felis massa. Ut laoreet molestie euismod. Fusce felis lorem, porta at enim ac, venenatis ullamcorper augue.
| + | |
| - | Nam varius orci augue, pellentesque ultricies enim malesuada at. In tincidunt magna eget odio sagittis tempor.
| + | |
| - | Vivamus a ultricies augue,
| + | |
| - | non lobortis est. Cras ut arcu adipiscing, semper diam eu, venenatis lectus. Sed quis nisl purus. Fusce suscipit
| + | |
| - | posuere commodo. Morbi mollis fermentum vehicula. Nam ipsum risus, rutrum vel porta sit amet, congue eget tellus.
| + | |
| - | Curabitur pellentesque fermentum ullamcorper. Nam ligula ante, tristique at turpis sed, hendrerit viverra diam.
| + | |
| - | Phasellus congue massa a turpis bibendum fringilla. Donec pretium vel ante a sagittis. Proin elementum nisl a
| + | |
| - | massa imperdiet fringilla.
| + | |
| - | </p>
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - |
| + | |
| - | <div class="grid-pad">
| + | |
| - | <div class="col-1-2">
| + | |
| - | <h2 id="head">Project 1</h2>
| + | |
| - | <p class="show" id="pad">
| + | |
| - | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra lorem at metus porta,
| + | |
| - | non mattis quam fermentum. Aliquam elementum ligula arcu, quis pharetra leo dapibus vel. Nullam vulputate erat turpis,
| + | |
| - | in molestie odio elementum sed. Fusce hendrerit suscipit magna, non tempor purus molestie sit amet. Duis eget lacus sit
| + | |
| - | amet elit tristique facilisis ac sit amet ligula. Maecenas nec faucibus eros. In malesuada odio felis, feugiat posuere
| + | |
| - | ipsum ultricies eget. Donec semper, arcu sit amet rhoncus suscipit, purus mauris varius justo, id dictum turpis lacus
| + | |
| - | id nibh. Sed mollis, ipsum id euismod tincidunt, tortor eros fermentum velit, nec cursus mauris nunc sit amet quam.
| + | |
| - | Integer pellentesque enim ligula. Morbi pretium ante in iaculis eleifend.Duis et orci id nibh blandit eleifend.
| + | |
| - | Vivamus viverra tincidunt sagittis. Donec molestie commodo euismod. Curabitur iaculis condimentum
| + | |
| - | pellentesque. Cras quis velit nibh. Duis vitae neque dignissim, viverra lacus a, mollis nibh.
| + | |
| - | </p> | + | |
| - | </div>
| + | |
| - | <div class="col-1-2">
| + | |
| - | <h2 id="head">Project 2</h2>
| + | |
| - | <p class="show" id="pad">
| + | |
| - | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra lorem at metus porta,
| + | |
| - | non mattis quam fermentum. Aliquam elementum ligula arcu, quis pharetra leo dapibus vel. Nullam vulputate erat turpis,
| + | |
| - | in molestie odio elementum sed. Fusce hendrerit suscipit magna, non tempor purus molestie sit amet. Duis eget lacus sit
| + | |
| - | amet elit tristique facilisis ac sit amet ligula. Maecenas nec faucibus eros. In malesuada odio felis, feugiat posuere
| + | |
| - | ipsum ultricies eget. Donec semper, arcu sit amet rhoncus suscipit, purus mauris varius justo, id dictum turpis lacus
| + | |
| - | id nibh. Sed mollis, ipsum id euismod tincidunt, tortor eros fermentum velit, nec cursus mauris nunc sit amet quam.
| + | |
| - | Integer pellentesque enim ligula. Morbi pretium ante in iaculis eleifend.Duis et orci id nibh blandit eleifend.
| + | |
| - | Vivamus viverra tincidunt sagittis. Donec molestie commodo euismod. Curabitur iaculis condimentum
| + | |
| - | pellentesque. Cras quis velit nibh. Duis vitae neque dignissim, viverra lacus a, mollis nibh.
| + | |
| - | </p>
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | | + | |
| - | <div class="grid-pad">
| + | |
| - | <div class="col-1-2">
| + | |
| - | <h2 id="head">Project 3</h2>
| + | |
| - | <p class="show" id="pad">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra lorem at metus porta,
| + | |
| - | non mattis quam fermentum. Aliquam elementum ligula arcu, quis pharetra leo dapibus vel. Nullam vulputate erat turpis,
| + | |
| - | in molestie odio elementum sed. Fusce hendrerit suscipit magna, non tempor purus molestie sit amet. Duis eget lacus sit
| + | |
| - | amet elit tristique facilisis ac sit amet ligula. Maecenas nec faucibus eros. In malesuada odio felis, feugiat posuere
| + | |
| - | ipsum ultricies eget. Donec semper, arcu sit amet rhoncus suscipit, purus mauris varius justo, id dictum turpis lacus
| + | |
| - | id nibh. Sed mollis, ipsum id euismod tincidunt, tortor eros fermentum velit, nec cursus mauris nunc sit amet quam.
| + | |
| - | Integer pellentesque enim ligula. Morbi pretium ante in iaculis eleifend.Duis et orci id nibh blandit eleifend.
| + | |
| - | Vivamus viverra tincidunt sagittis. Donec molestie commodo euismod. Curabitur iaculis condimentum
| + | |
| - | pellentesque. Cras quis velit nibh. Duis vitae neque dignissim, viverra lacus a, mollis nibh.</p>
| + | |
| - | </div>
| + | |
| - | <div class="col-1-2">
| + | |
| - | <h2 id="head">Project 4</h2>
| + | |
| - | <p class="show" id="pad">
| + | |
| - | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra lorem at metus porta,
| + | |
| - | non mattis quam fermentum. Aliquam elementum ligula arcu, quis pharetra leo dapibus vel. Nullam vulputate erat turpis,
| + | |
| - | in molestie odio elementum sed. Fusce hendrerit suscipit magna, non tempor purus molestie sit amet. Duis eget lacus sit
| + | |
| - | amet elit tristique facilisis ac sit amet ligula. Maecenas nec faucibus eros. In malesuada odio felis, feugiat posuere
| + | |
| - | ipsum ultricies eget. Donec semper, arcu sit amet rhoncus suscipit, purus mauris varius justo, id dictum turpis lacus
| + | |
| - | id nibh. Sed mollis, ipsum id euismod tincidunt, tortor eros fermentum velit, nec cursus mauris nunc sit amet quam.
| + | |
| - | Integer pellentesque enim ligula. Morbi pretium ante in iaculis eleifend.Duis et orci id nibh blandit eleifend.
| + | |
| - | Vivamus viverra tincidunt sagittis. Donec molestie commodo euismod. Curabitur iaculis condimentum
| + | |
| - | pellentesque. Cras quis velit nibh. Duis vitae neque dignissim, viverra lacus a, mollis nibh.
| + | |
| - | </p>
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| | </div> | | </div> |
| | | | |
"
