Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: New mobile-first layout w/bootstrap
HTML
<!-- Force update: 1617 -->
<style<link rel="stylesheet" type="text/css">

.big-col {
    margin-right: 310px !important;
} 

#content {
    height : 1080px;
}

#col {
   width : 250px;
}

DIV.left-column {
  float: left;
  width: 48%;
}

DIV.right-column {
  float: right;
  width: 48%;
}

 href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="http://platform.twitter.com/widgets.js"></script> 
CSS Stylesheet
.blogSurtitle {
    background: none repeat scroll 0 0 #569D2F;
    border: 2px solid #DDDDDD;
    color: #FFFFFF;
    margin: 1px 1px 10px;
    padding: 3px;
}
a.blogDate {
    color: #FFFFFF;
 }

a.blogHeading {
    color: #569D2F;
    font-size: 14px;
 }

#col p {
    text-align : justify;
    font-size : 11px;
    line-height : 1.2 !important
}

.feature {
    #height: 150px;
}

</style>

<!-- BEGIN Dialog code (commented out, but we could use it in the future)

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.17/themes/base/jquery-ui.css" type="text/css" media="all" />
			<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
			<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.17/jquery-ui.min.js" type="text/javascript"></script>
		
<div id="evil" title="Stop CISPA">
<p>As web developers, we're deeply concerned about the <a href="http://en.wikipedia.org/wiki/CISPA"> Cyber Intelligence Sharing and Protection Act </a>. We encourage all developers to visit <a href="http://americancensorship.org">Stop American Censorship</a> and do their part to oppose this misguided bill.
</p>

<p>Cancel this dialog to begin exploring Apache Tapestry.</p>
</div>

<script>
	$(function() {
		$( "#evil" ).dialog({ modal:true });
$("input[type='text']").focus();
	});
</script>

<style text="text/css">
.ui-widget-overlay {
  opacity: .80;
  filter: alpha(opacity = 80);
  background: black;
}  
</style>

-->


<!-- END Temporary "Stop CISPA" -->
<script src="http://platform.twitter.com/widgets.js"></script>

 

Include Page
BannerV2
BannerV2
Include Page
BannerBanner
Include Page
Key Features-v2
Key Features-v2

Div
idbar

We think you will love Tapestry! Give us 20 minutes and follow our quickstart guide.

div
Div
classrow
Div
idleft-content
classcol-md-8
Div
iddownloadbox
classrow
Div
iddownload
classcol-sm-4

Image Added

Div
idplugins
classcol-sm-4

 Image Added

More modules and components...

Div
iddemos
classcol-sm-4

Image Added

More demos...

Div
stylemargin:1em

Include Page
whatIsTapestry-v2
whatIsTapestry-v2
 

Div
stylemargin: 1em

More on Tapestry philosophy - Who uses Tapestry ?

Image Added

Div
idtwitter-container
classcol-md-4
HTML
<a class="twitter-timeline" href="https://twitter.com/hashtag/tapestry5" data-widget-id="585196873335574528">#tapestry5 Tweets</a>
 

Latest news

Image Removed

Image Added

Blog Posts
max3
sortcreation
reversetrue
contentexcerpts

 

...

idcontent
classbig-col

...

More on Tapestry philosophy - Who uses Tapestry ? Image Removed

 

 

...