contribution page

Author: juliapig

pages/contribution.html

@@ -1,45 +1,46 @@
 ---
 layout: page
-title: Getting Involved
+title: Community
 permalink: /contribution/
 ---
 
-<div class="row">
-<h1 class="text-center">Contribute to OData.org</h1>
 
-<div class="col-md-2">
-	<a href="https://github.com/ODataOrg/odataorg.github.io"><img src="/assets/Octocat.png" alt="OData.org on GitHub" height="166px" width="200px"></a>
-</div>
-
-<div class="col-md-1"></div>
-
-<div class="col-md-9">
-	<p><strong>Post blogs: </strong>Blogs on OData.org are for OData lovers to share their experiances of OData. If you want to promote your work (related with OData), as long as it's not overt-selling , send a pull request following the <a href="https://github.com/ODataOrg/odataorg.github.io" target="_blank">contribution guidelines</a>. After a light review process, we will publish your blog.</p>
+<h2 class="text-center" >Contribute to OData.org</h2>
+<div class="row" style="height:210px ; text-align:center">
 
-	<p><strong>Other improvements: </strong>OData.org is always open to any kind of contribution, including adding contents to <strong>Ecosystem</strong> and <strong>Libraries</strong>. Please visit <a href="https://github.com/ODataOrg/odataorg.github.io">OData.org repo on GitHub</a> for more details. Or if you have any further questions / feedback, please create <a href="https://github.com/ODataOrg/odataorg.github.io/issues">GitHub issues</a> or send email to <a href="[email protected]">[email protected]</a>.</p>
+<div>
+		<p class="text-center">OData.org is always open to any kind of contribution, including <strong>Post blogs</strong>,adding contents to <strong>Ecosystem</strong> ,<strong>Libraries</strong> and <strong>other improvements </strong>. Please visit OData.org repo on GitHub for more details. Or if you have any further questions / feedback, please create <a href="https://github.com/ODataOrg/odataorg.github.io/issues">GitHub issues</a> or send email to <a href="[email protected]">[email protected]</a>.</p>
+	<a href="https://github.com/ODataOrg/odataorg.github.io"><img src="/assets/github.png" alt="OData.org on GitHub" height="136px" ></a>
 </div>
-
 </div>
 
-<br /><br />
-
-<h1 class="text-center">Participate elsewhere</h1>
-<div class="row">
-	<div class="col-md-9">
-		<p><strong>OASIS community:</strong> You can view and create issues related to OData protocol directy at <a href="https://issues.oasis-open.org/browse/ODATA/?selectedTab=com.atlassian.jira.jira-projects-plugin:summary-panel">OASIS OData TC</a>. </p>
-		<p><strong>Mailing list:</strong> For any question related to OData, please join the <a href="https://groups.google.com/forum/#!forum/odata-discussion">OData Discussion Group</a>. For questions related to specific stacks, you can also send email directly to :
-			<ul>
-				<li>Microsoft OData Team: [email protected]</li>
-				<li>Apache Olingo: <a href="http://olingo.apache.org/support.html">Apache Olingo Support</a></li>
-			</ul>
-		</p>
-		<p><strong>Twitter:</strong> Follow us (@odataorg) on Twitter and tweets #odata</p>
-		<p><strong>StackOverflow:</strong> <a href="http://stackoverflow.com/questions/ask?tags=odata">Ask questions on with OData tag StackOverflow</a></p>
-	</div>
 
-	<div class="col-md-1"></div>
+<h2 class="text-center">Participate elsewhere</h2>
+<div class="row" style="height:210px;text-align:center">
 
-	<div class="col-md-2">
-		<img src="/assets/contribution.png" alt="Getting Involved " height="200px" width="200px">
+	<div>
+		<p class="text-center">You can also view issues and discuss OData in other communities. You can participate or follow the standardization technical committee progress at OASIS, ask questions at StackOverflow and tweet #OData at Twitter.</p>
 	</div>
+		<div class="col-md-4">
+		<a href="https://groups.google.com/forum/#!forum/odata-discussion"><img src="/assets/OASIS.png" height="125px"  ></a></div>
+		<div class="col-md-4">
+		<a href="http://stackoverflow.com/questions/ask?tags=odata"><img src="/assets/StackOverflow.png" height="125px" ></a></div>
+		<div class="col-md-4">
+		<a href="https://twitter.com/odataorg"><img src="/assets/Twitter.png" height="125px" ></a></div>
 </div>
+
+<h2 class="text-center">Join discussion groups</h2>
+<div class="row" style="height:210px; text-align:center">
+	<div>
+		<p class="text-center">Join the new mailing list for OData discussion. You can ask or answer questions about the OData protocol.</p>
+	</div>
+	<div class="col-md-4">
+		<a href="https://groups.google.com/forum/#!forum/odata-discussion"><img src="/assets/ODataDiscussionGroup.png" height="125px"></a>
+	</div>
+	<div class="col-md-4">
+		<a href="http://stackoverflow.com/questions/ask?tags=odata"><img src="/assets/MSODataTeam.png" height="125px"></a>
+	</div>
+	<div class="col-md-4">
+		<a href="https://http://olingo.apache.org/support.html"><img src="/assets/ApacheOlingoSupport.png" height="125px" ></a>
+	</div>
+</div>