pages/_index.html

<div id="bigbuttons">
<h3>Primary Links</h3>
<ul>
    <li><a id="buttonDownload" href="download.php" title="Download">Eclipse
    Distribution, Update Site, Dropins</a></li>
    <li><a id="buttonDocumentation" href="http://wiki.eclipse.org/Vex#Documentation"
        title="Documentation">Tutorials, Examples, Videos, Reference Documentation</a></li>
    <li><a id="buttonSupport" href="http://wiki.eclipse.org/Vex#Support" title="Download">Bug
    Tracker, Newsgroup, Professional Support</a></li>
    <li><a id="buttonInvolved" href="http://wiki.eclipse.org/Vex#Contributing" title="Getting Involved">CVS,
    Workspace Setup, Wiki, Committers</a></li>
</ul>
</div>

<div id="midcolumn">
<h3>Vex - A Visual Editor for XML</h3>
<div id="introText">

<p class="left">Vex is a <b>V</b>isual <b>E</b>ditor for <b>X</b>ML that hides the raw XML tags from the user, providing instead a <b>word processor like</b> interface. Vex uses standard <b>DTD files to define document types</b> and <b>CSS stylesheets to define document layout</b>. Vex contains definitions for <a href="http://en.wikipedia.org/wiki/Docbook">DocBook</a> and <a href="http://en.wikipedia.org/wiki/DITA">DITA</a>. To edit other XML formats only a DTD and a CSS are needed.</p>

<p class="right"> This project was just provisioned.  You can see the proposal
<a href="/proposals/mylyn.docs.vex">here</a>

</p>

<h3>Under Construction</h3>
</div>

<div id="screencast">
    <img src="images/vex_screenshot_xhtml1.png" alt="Editing XHTML" align="middle" width="640" height="480" border="0" />
</div>

<!--
<div id="screencast">
<object width="640" height="480"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=8260921&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=DBD7EF&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=8260921&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=DBD7EF&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="640" height="480"></embed></object>
</div>
-->
<!--
<h3>...and yet powerful</h3>
 -->
</div>

<!--
<div id="feature_1">
<h4>Some cool feature</h4>
<p>MyProject has this really cool feature that you describe here in few words, just as a teaser.</p>

<div id="feature_2">
<h4>Another Feature</h4>
<p>When working with MyProject, great things happen, and one of them is described here.</p>
</div>

<div id="feature_3">
<h4>Another Feature</h4>
<p>When working with MyProject, great things happen, and one of them is described here.</p>
</div>

<div id="feature_4">
<h4>User Experience</h4>
<p>
Experiment with style.css to create columns for text, just the way you want it. This section
is a bit wider and can contain more words, even small logos or graphics to describe a neat feature in more detail.</p>
</div>

<div id="feature_more">
<h4>and much more...</h4>
<p>Read the MyProject <a href="/project/documentation.php">documentation</a> and join the discussion at the <a href="http://www.eclipse.org/forums/eclipse.newsgroup.name">forum</a> to understand how powerful MyProject is.</p>
<p> Want to know more? <a href="/projects/project_summary.php?projectid=mylyn.docs.vex">About This Project</a>
</div>

</div>

-->
<div id="rightcolumn">

<div>
<h3>Incubation</h3>
<p><a href="/projects/what-is-incubation.php"><img src="/images/egg-incubation.png" alt="Incubation" align="middle" border="0"></a></p>
</div>
<!--
<div id="headlines">
<h3>New and Noteworthy</h3>
<p>... or a link to your new and noteworthy.</p>
</div>

<div id="headlines">
<h3>Headlines on the web</h3>
<p>Project headlines...</p>
</div>

<div id="headlines">
<h3>Another announcement</h3>
<p>MyProject is pleased to announce...</p>
</div>
-->
</div>