[SEO] Drop inline CSS
diff --git a/css/foundation.css b/css/foundation.css
index 3319a67..6a6e11d 100644
--- a/css/foundation.css
+++ b/css/foundation.css
@@ -5266,3 +5266,24 @@
.drag {
float: right; }
+
+
+.main-title {
+ color: white; font-weight: 200; font-size: 44px; letter-spacing: 2px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: always; text-rendering: optimizeLegibility;
+}
+
+.feature-box {
+ height: 300px
+}
+.full-panel {
+ width: 100%;
+}
+.full-panel tr {
+ vertical-align: top;
+}
+.full-panel th {
+ width: 160px;
+}
+.slider-box {
+ background-color: #776ba8; max-width: 100%;
+}
\ No newline at end of file
diff --git a/index.html b/index.html
index 47b9488..b5ed96f 100644
--- a/index.html
+++ b/index.html
@@ -30,7 +30,7 @@
</ul>
</div>
</nav>
-<div style="background-color: #776ba8; max-width: 100%">
+<div class="slider-box">
<div class="row">
</div>
@@ -40,7 +40,7 @@
</div>
<div class="large-9 columns">
- <h1 style="color: white; font-weight: 200; font-size: 44px; letter-spacing: 2px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: always; text-rendering: optimizeLegibility;">PHP Development Tools (PDT)</h1>
+ <h1 class="main-title">PHP Development Tools (PDT)</h1>
</div>
<div class="large-2 columns">
@@ -90,31 +90,31 @@
<div>
<h2 id="features">Features</h2>
<div class="row">
- <div class="large-4 medium-4 columns panel" style="height: 300px">
+ <div class="large-4 medium-4 columns panel feature-box">
<p>Syntax Highlighting <img src="img/features/syntax-coloring.png" alt="Syntax Coloring"></p>
</div>
- <div class="large-4 medium-4 columns panel" style="height: 300px">
+ <div class="large-4 medium-4 columns panel feature-box">
<p>Content Assist <img src="img/features/content-assist.png" alt="Content Assist"></p>
</div>
- <div class="large-4 medium-4 columns panel" style="height: 300px">
+ <div class="large-4 medium-4 columns panel feature-box">
<p>Code Formatter <img src="img/features/formatter.png" alt="Code Formatter"></p>
</div>
- <div class="large-4 medium-4 columns panel" style="height: 300px">
+ <div class="large-4 medium-4 columns panel feature-box">
<p>Refactoring <img src="img/features/refactoring.png" alt="Refactoring"></p>
</div>
- <div class="large-4 medium-4 columns panel" style="height: 300px">
+ <div class="large-4 medium-4 columns panel feature-box">
<p>Code Templates <img src="img/features/templates.png" alt="Code Templates"></p>
</div>
- <div class="large-4 medium-4 columns panel" style="height: 300px">
+ <div class="large-4 medium-4 columns panel feature-box">
<p>Code Navigation <img src="img/features/code-nav.png" alt="Code Navigation"></p>
</div>
- <div class="large-4 medium-4 columns panel" style="height: 300px">
+ <div class="large-4 medium-4 columns panel feature-box">
<p>PHP Debugging <img src="img/features/debug.png" alt="PHP Debugging"></p>
</div>
- <div class="large-4 medium-4 columns panel" style="height: 300px">
+ <div class="large-4 medium-4 columns panel feature-box">
<p>Syntax Validation <img src="img/features/syntax-errors.png" alt="Syntax Validation"></p>
</div>
- <div class="large-4 medium-4 columns panel" style="height: 300px">
+ <div class="large-4 medium-4 columns panel feature-box">
<p>Power of Eclipse Ecosystem <img src="img/features/ecosystem.png" alt="Power of Eclipse Ecosystem"></p>
</div>
</div>
@@ -214,9 +214,9 @@
<div>
<h2 id="extensions">Extensions</h2>
<p>The experience of developing PHP application with PDT can be extended with a large variety of plugins created by the Eclipse ecosystem. Below are open source projects and commercial products that are built on top of PDT or are integrated with PDT.</p>
- <table class="panel" style="width: 100%">
- <tr style="vertical-align: top">
- <td style="width: 160px"><a href="http://p2.pdt-extensions.org/"><img src="img/extensions/pdt-eg.png" alt="PDT Extensions group"></a></td>
+ <table class="panel full-panel">
+ <tr>
+ <th><a href="http://p2.pdt-extensions.org/"><img src="img/extensions/pdt-eg.png" alt="PDT Extensions group"></a></th>
<td>
<h5>PDT Extensions group</h5>
<i>Open source plugins that extend or integrate with PDT</i>
@@ -262,8 +262,8 @@
<a class="button radius tiny" href="http://p2.pdt-extensions.org/">Visit website</a>
</td>
</tr>
- <tr style="vertical-align: top">
- <td><a href="http://www.zend.com/products/studio/"><img src="img/extensions/zend-studio.png" alt="Zend Studio"></a></td>
+ <tr>
+ <th><a href="http://www.zend.com/products/studio/"><img src="img/extensions/zend-studio.png" alt="Zend Studio"></a></th>
<td>
<h5>Zend Studio</h5>
<i>The PHP IDE for Smarter Development</i>
@@ -300,8 +300,8 @@
<a class="button radius tiny" href="http://www.zend.com/products/studio/">Visit website</a>
</td>
</tr>
- <tr style="vertical-align: top">
- <td><a href="http://www.zend.com/products/guard/"><img src="img/extensions/zend-guard.png" alt="Zend Guard"></a></td>
+ <tr>
+ <th><a href="http://www.zend.com/products/guard/"><img src="img/extensions/zend-guard.png" alt="Zend Guard"></a></th>
<td>
<h5>Zend Guard</h5>
<i>Protect your applications with PHP encoding</i>
