2 columns within columns

Send Snippet To: Save this snippet to Code Collector Pro -- view all seydoggy's snippets
language: HTML
license: GPL 2

Code for Snippet:

                
<div id="myExtraContent1">
	<div class="column two">
		<div class="content">
			<h2>This is column 1</h2><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proid.</p>
			<!-- ######## two more columns -->
			<div class="column two">
				<div class="content">
					<h2>This is column 1</h2><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proid.</p>
				</div><!-- .content -->
			</div><!-- .column .two -->
			<div class="column two">
				<div class="content">
					<h2>This is column 1</h2><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proid.</p>
				</div><!-- .content -->
			</div><!-- .column .two -->
			<!-- ######## end two more columns -->
		</div><!-- .content -->
	</div><!-- .column .two -->
	<div class="column two">
		<div class="content">
			<h2>This is another column</h2><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proid.</p>
			<!-- ######## two more columns -->
			<div class="column two">
				<div class="content">
					<h2>This is column 1</h2><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proid.</p>
				</div><!-- .content -->
				<div class="column two">
					<div class="content">
						<h2>This is column 1</h2><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proid.</p>
					</div><!-- .content -->
				</div><!-- .column .two -->
			</div><!-- .column .two -->
			<!-- ######## end two more columns -->
		</div><!-- .content -->
	</div><!-- .column .two -->
</div><!-- #myExtraContent -->
comments powered by Disqus

Info

Tags: 2 column

Link to this snippet:


Download to Code Collector

To use the direct link to your snippet on CodeCollector.net either copy the html from the above section or drag the Download to Code Collector to where you would like to use it.

More Info:

Times Viewed: 681
Date Added: 2010-09-23 17:19:41
Last Modified: 0000-00-00 00:00:00

Web Analytics