[www-doc] [Git][VideoLAN.org/websites][master] Partners: improve design

Jean-Baptiste Kempf gitlab at videolan.org
Mon Aug 29 11:10:37 CEST 2016


Jean-Baptiste Kempf pushed to branch master at VideoLAN organization / websites


Commits:
599aca8c by David Loiret at 2016-08-29T11:09:27+02:00
Partners: improve design

Signed-off-by: Jean-Baptiste Kempf <jb at videolan.org>

- - - - -


2 changed files:

- www.videolan.org/style/style.scss
- www.videolan.org/videolan/partners.php


Changes:

=====================================
www.videolan.org/style/style.scss
=====================================
--- a/www.videolan.org/style/style.scss
+++ b/www.videolan.org/style/style.scss
@@ -684,7 +684,7 @@ html[dir="rtl"] #bodyInner
 }
 
 html[dir="rtl"] #footer
-{ 
+{
     text-align: right;
 }
 
@@ -1208,6 +1208,9 @@ a.icon {
 }
 
 @media (min-width: 768px) and (max-width: 991px) {
+    .display-block-sm {
+        display: block !important;
+    }
     .center-sm {
         display: block;
         margin-left: auto;
@@ -1246,6 +1249,9 @@ a.icon {
         height: 30px;
         padding: 5px;
     }
+    .display-block-xs {
+        display: block !important;
+    }
     .center-xs {
         display: block;
         margin-left: auto;
@@ -1391,3 +1397,11 @@ a.icon {
 .margin-bottom-32 {
     margin-bottom: 32px;
 }
+
+.card:not(:empty) {
+    padding: 10px;
+    margin-bottom: 10px;
+    border-radius: 2px;
+    background: white;
+    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12);
+}


=====================================
www.videolan.org/videolan/partners.php
=====================================
--- a/www.videolan.org/videolan/partners.php
+++ b/www.videolan.org/videolan/partners.php
@@ -6,283 +6,264 @@
    require($_SERVER["DOCUMENT_ROOT"]."/include/header.php");
 ?>
 
-<div class="container">
-    <div class="row" style='clear: both; margin-top: 40px;'>
-        <div class="col-md-12">
-
-<h1> Consulting services </h1>
-<a id="consultants"></a>
-<p>The following is a list of individuals and/or companies experienced with
-multimedia and VideoLAN solutions.<br />
-You may contact them for professional services to order.</p>
-
-<table border="0" cellspacing="0" style="margin-left: 25px;">
-
-<tr><td colspan="2"><h2>Videolabs</h2></td></tr>
-<tr>
-<td><p class="center">
-  <a href="http://videolabs.io/">
-  <img src="http://images.videolan.org/images/partners/videolabs.png" alt="Videolabs" width="200">
-  </a></p>
-</td>
-<td>
-<p><a href="http://videolabs.io/">Videolabs</a> is a company founded by VideoLAN members and is the current
-editor of the VLC mobile applications and one of the largest contributor to VLC.</p>
-<p><b>VideoLabs</b> has a large experience on various Open-Source multimedia technologies on most platforms: desktop, server or mobile.</p>
-<p><b>VideoLabs</b> can provide multimedia consulting, VLC support, VLC custom development and custom applications for most needs.
-VideoLabs also edits webservices around multimedia, including recommendation engines and image recognition software.</p>
-</td>
-</tr>
-
-<tr><td colspan="2"><h2>OpenHeadEnd</h2></td></tr>
-<tr>
-<td><p class="center">
-  <a href="http://openheadend.tv/">
-  <img src="http://images.videolan.org/images/partners/openheadend.png" alt="OpenHeadEnd" width="200">
-  </a></p>
-</td>
-<td>
-<p><a href="http://openheadend.tv/">OpenHeadend</a> was founded by VLC co-founder and DVBlast and multicat main
-developer Christophe Massiot, and provides the broadcast industry with a modular platform allowing video stream
-reception, processing and recording. It also provides consulting services, and is the working force behind the
-open source flexible video framework <a href="http://upipe.org/">Upipe</a>.</p>
-</td>
-</tr>
-
-<tr><td colspan="2"><h2>M2X</h2></td></tr>
-<tr>
-<td><p class="center">
-  <a href="http://www.m2x.eu/">
-  <img src="http://images.videolan.org/images/partners/m2x.png" alt="M2X" width="200" />
-  </a></p>
-</td>
-<td>
-<p><a href="http://www.m2x.eu/">M2X</a> is an ICT company that is specialized in using Open Source software
-for providing solutions to IT problem areas of Networking (wired or wireless), Embedded and Multimedia.</p>
-<p> The founder of the company is a VideoLAN developer <a href="http://jpsaman.org">Jean-Paul Saman</a>.</p>
-
-<p>M2X provides innovative solutions for these use cases through
-   its experience in developing and integrating Open Source software like
-   <a href="/vlc/">VLC</a> and embedded linux in customer products.</p>
-   </td>
-</tr>
-
-</table>
-
-
-<h1 style="margin-top: 50px;">Partners </h1>
-
-<p> Such an experience would never have been born without the invaluable
-cooperation of our partners, on both technical and financial sides: </p>
-
-<table border="0" cellspacing="0" style="margin-left: 25px;">
-
-<tr><td colspan="2"><h2> Free </h2></td></tr>
-  <tr>
-    <td>
-        <p class="center"><a href="http://free.fr/"><img
-        src="http://images.videolan.org/images/partners/free.gif" width="150" alt="Free" height="75" /></a></p>
-    </td>
-    <td>
-
-    <p>The French ISP <a href="http://free.fr/">Free S.A.S</a> hosts 3 of our
-  servers in one of their datacenters near Paris.<br />
-    Free is also using VLC for their FreePlayer project.
-    </p>
-    <p>Free hosted and sponsored our first DevDays in 2008 and also in 2013</p>
-    </td>
-  </tr>
-
-  <tr><td colspan="2"><h2>Gandi</h2></td></tr>
-  <tr>
-    <td>
-        <p class="center"><a href="http://www.gandi.net/"><img
-        src="http://images.videolan.org/images/partners/gandi.png" alt="Gandi" /></a></p>
-    </td>
-    <td>
-     <p><a href="http://www.gandi.net">Gandi</a> is a one of most popular registar in
-    France and in Europe. Founded in 1999, and based in Paris and in London, it has had a
-    long history of quality, proximity to people and decent prices.<br />
-    Gandi has always cultivated its difference and humanity and supports many projects
-    following the VideoLAN's ideals.</p>
-
-    <p>Gandi supports VideoLAN by managing their domain names and helping the VideoLAN
-    association in various administrative tasks.</p>
-    </td>
-
-  </tr>
-<tr><td colspan="2"><h2>Anevia</h2></td></tr>
-<tr>
-<td><p class="center">
-  <a href="http://www.anevia.com/">
-  <img src="http://images.videolan.org/images/partners/anevia.jpg" alt="Anevia" width="200" />
-  </a></p>
-</td>
-<td><p>French company founded by four members of the VideoLAN team (Brieuc
-Jeunhomme, Tristan Leteurtre, Damien Lucas and Alexis de Lattre - to
-know more about them, see the <a href="/team/">VideoLAN team page</a>).
-Anevia sells professional video servers and provides development and
-integration of high quality video streaming solutions.</p></td>
-</tr>
-
- <tr>
-    <td colspan="2">
-        <h2>Andrew Beveridge</h2>
-    </td>
-  </tr>
-  <tr>
-    <td>
-        <p class="center"><a href="http://www.andrewbeveridge.co.uk"><img 
-        src="http://images.videolan.org/images/partners/ab.png" width="100" alt="AB" height="80" /></a></p>
-    </td>
-    <td>
-        <p><a href="http://www.andrewbeveridge.co.uk" title="Freelance Web Developer, UK">Andrew Beveridge is a freelance web developer</a> based in Scotland, UK. He donated a virtual server to the project to help with building each release, as a way of giving something back to his media player of choice for a decade.</p>
-    </td>
-  </tr>
-
- <tr>
-    <td colspan="2">
-        <h2> École Centrale Paris</h2>
-    </td>
-  </tr>
-  <tr>
-    <td>
-        <p class="center"><a href="http://www.ecp.fr/"><img
-        src="http://images.videolan.org/images/partners/logoECP.png" width="100" alt="ECP" height="80" /></a></p>
-    </td>
-    <td>
-
-        <p>The <a href="http://www.ecp.fr/">École Centrale Paris</a> and
-        it's <a href="http://www.msio.ecp.fr/">Master in Open Information
-        System</a> are historic partners of the project. The Master in Open
-        Information System aims to enable the student to acquire a real
-        competence in the field of Open Computing Systems and supports
-        VideoLAN as a key developement project. </p>
-
-    </td>
-  </tr>
-
-  <tr>
-    <td colspan="2">
-        <h2> ZF Friedrichshafen </h2>
-    </td>
-  </tr>
-  <tr>
-    <td  style="text-align:-center">
-        <p class="center"><a href="http://www.zf.com"><img
-        src="../images/partners/zf.jpg" alt="ZF" /></a></p>
-    </td>
-    <td>
-
-         <p><a href="http://www.zf.com">ZF Friedrichshafen AG</a> and its subsidary <a href="http://www.cherrycorp.com">ZF Electronics GmbH</a> donated five "Cherry" branded keyboards to improve the media hotkey integration in VLC's Mac OS X port.</p>
-
-    </td>
-  </tr>
-
-  <tr>
-    <td colspan="2">
-        <h2> Panasonic </h2>
-    </td>
-  </tr>
-  <tr>
-    <td  style="text-align:-center">
-        <p class="center"><a href="http://www.panasonic.de"><img
-        src="../images/partners/panasonic.gif" alt="Panasonic" /></a></p>
-    </td>
-    <td>
-
-         <p><a href="http://www.panasonic.de">Panasonic Deutschland</a>, a division of Panasonic
-Marketing Europe GmbH, lent us a SC-XH150 setup consisting of a S/PDIF input capable DVD player and a 5.1 speaker set, which allowed us to fix the optical audio output on OS X Lion.</p>
-
-    </td>
-  </tr>
-
-  <tr><td colspan="2"><h2> Puget Systems </h2></td></tr>
-  <tr>
-    <td>
-        <p class="center"><a href="http://www.pugetsystems.com/"><img
-        src="http://images.videolan.org/images/partners/puget.jpg" width="189" alt="Puget" height="88" /></a></p>
-    </td>
-    <td>
-
-    <p><a href="http://www.pugetsystems.com/">Puget Systems</a> donated an <a href="http://www.pugetsystems.com/nav/echo/II/customize.php">Echo II</a>
-       to the project to aid in development of GPU acceleration on Intel graphics.<br />
-       Puget Systems is well known for their <a href="http://www.pugetsystems.com/quiet.php">quiet computers</a>, exceptional <a href="http://www.pugetsystems.com/feedback.php">customer service</a>,
-       and the ever popular <a href="http://www.pugetsystems.com/aquarium-computer.php">Aquarium Computer</a>.
-       They offer custom built computers from <a href="http://www.pugetsystems.com/gaming.php">gaming</a> and <a href="http://www.pugetsystems.com/desktop.php">desktop</a>,
-       to <a href="http://www.pugetsystems.com/liquid.php">liquid cooled</a> and <a href="http://www.pugetsystems.com/go/trading.php">trading computers</a>.
-    </p>
-    </td>
-  </tr>
-
-  <tr>
-    <td colspan="2">
-        <h2> TASCAM </h2>
-    </td>
-  </tr>
-  <tr>
-    <td  style="text-align:-center">
-        <p class="center"></p>
-    </td>
-    <td>
-
-         <p><a href="http://www.tascam.eu/en/">TASCAM, a division of TEAC Europe GmbH</a>, lent us a US-144 MKII MIDI interface, which allowed us to add support for multi-buffer audio output devices to VLC's Mac OS X port. This improvement will be part of VLC 2.1.</p>
-
-    </td>
-  </tr>
-
-  <tr><td colspan="2"><h2> Epitech </h2></td></tr>
-  <tr>
-    <td>
-        <p class="center"><a href="http://epitech.eu/"><img
-        src="http://images.videolan.org/images/partners/epitech.jpg" width="190" alt="Epitech" /></a></p>
-    </td>
-    <td>
-
-    <p><a href="http://epitech.eu">EPITECH</a> is a French educational institution specialized in
-    computer science expertise. Founded in 1999, it is one of the best institutions for computer science
-    in France and has seeded many very innovative companies.</p>
-    <p>
-       Epitech hosted and sponsored our second DevDays in December 2009.
-    </p>
-    </td>
-  </tr>
-
-  <tr><td colspan="2"><h2> Western Digital </h2></td></tr>
-  <tr>
-    <td>
-        <p class="center"><a href="http://www.wdc.com"><img
-        src="http://images.videolan.org/images/partners/wdlogo.jpg" width="150" alt="WD" /></a></p>
-    </td>
-    <td>
-        <p>
-            <a href="http://www.wdc.com">WD</a>, one of the largest hard-drive manufacturer donated some
-            of their new wireless storage drives to improve UPnP and network discovery in VLC. They were
-            also kind enough to send us one of their discontinued product to help fixing a incompatibility
-            with VLC for iOS.
-        </p>
-    </td>
-  </tr>
-
-  <tr><td colspan="2"><h2> MetaBrainz Foundation </h2></td></tr>
-  <tr>
-    <td>
-        <p class="center"><a href="https://metabrainz.org"><img
-        src="http://images.videolan.org/images/partners/metabrainz.svg" width="200" alt="MetaBrainz Foundation" /></a></p>
-    </td>
-    <td>
-        <p>
-            The <a href="https://metabrainz.org">MetaBrainz Foundation</a> runs a number of open source
-            projects revolving around open data, most of those focusing on music metadata.
-        </p>
-        <p>
-            VLC media player is using data from their <a href="https://musicbrainz.org">MusicBrainz</a>
-            and <a href="https://coverartarchive.org">Cover Art Archive</a> projects to enrich the
-            experience of our users.
-        </p>
-    </td>
-  </tr>
-
+<section>
+    <div class="container">
+        <div class="col-md-10 col-md-offset-1">
+            <div class="row text-center">
+                <h1> Consulting services </h1>
+                <a id="consultants"></a>
+                <p>The following is a list of individuals and/or companies experienced with
+                multimedia and VideoLAN solutions.<br />
+                You may contact them for professional services to order.</p>
+            </div>
+            <div class="row card">
+                <div class="col-md-2 v-align display-block-xs display-block-sm">
+                <a href="http://videolabs.io/">
+                <img src="http://images.videolan.org/images/partners/videolabs.png" class="img-responsive center-block" alt="Videolabs" width="200">
+            </a>
+                </div>
+                <div class="col-md-10 v-align">
+                    <h2>Videolabs</h2>
+                    <p><a href="http://videolabs.io/">Videolabs</a> is a company founded by VideoLAN members and is the current
+                    editor of the VLC mobile applications and one of the largest contributor to VLC.</p>
+                    <p><b>VideoLabs</b> has a large experience on various Open-Source multimedia technologies on most platforms: desktop, server or mobile.</p>
+                    <p><b>VideoLabs</b> can provide multimedia consulting, VLC support, VLC custom development and custom applications for most needs.
+                    VideoLabs also edits webservices around multimedia, including recommendation engines and image recognition software.</p>
+                </div>
+            </div>
+            <div class="row card">
+                <div class="col-md-2 v-align display-block-xs display-block-sm">
+                    <a href="http://openheadend.tv/">
+                        <img src="http://images.videolan.org/images/partners/openheadend.png" class="img-responsive center-block" alt="OpenHeadEnd" width="200">
+                    </a>
+                </div>
+                <div class="col-md-10 v-align">
+                    <h2>OpenHeadEnd</h2>
+                    <p><a href="http://openheadend.tv/">OpenHeadend</a> was founded by VLC co-founder and DVBlast and multicat main
+                    developer Christophe Massiot, and provides the broadcast industry with a modular platform allowing video stream
+                    reception, processing and recording. It also provides consulting services, and is the working force behind the
+                    open source flexible video framework <a href="http://upipe.org/">Upipe</a>.</p>
+                </div>
+            </div>
+
+            <div class="row card">
+                <div class="col-md-2 v-align display-block-xs display-block-sm">
+                    <a href="http://www.m2x.eu/">
+                        <img src="http://images.videolan.org/images/partners/m2x.png" class="img-responsive center-block" alt="M2X" width="200">
+                    </a>
+                </div>
+                <div class="col-md-10 v-align">
+                    <h2>M2X</h2>
+                    <p><a href="http://www.m2x.eu/">M2X</a> is an ICT company that is specialized in using Open Source software
+                    for providing solutions to IT problem areas of Networking (wired or wireless), Embedded and Multimedia.</p>
+                    <p> The founder of the company is a VideoLAN developer <a href="http://jpsaman.org">Jean-Paul Saman</a>.</p>
+
+                    <p>M2X provides innovative solutions for these use cases through
+                    its experience in developing and integrating Open Source software like
+                    <a href="/vlc/">VLC</a> and embedded linux in customer products.</p>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
+
+<section>
+    <div class="container">
+        <div class="col-md-10 col-md-offset-1">
+            <div class="row text-center">
+                <h1 style="margin-top: 50px;">Partners </h1>
+                <p> Such an experience would never have been born without the invaluable
+                cooperation of our partners, on both technical and financial sides: </p>
+            </div>
+            <div class="row card">
+                <div class="col-md-2 v-align display-block-xs display-block-sm">
+                    <a href="http://free.fr/">
+                        <img src="http://images.videolan.org/images/partners/free.gif" class="img-responsive center-block" width="150" alt="Free" height="75">
+                    </a>
+                </div>
+                <div class="col-md-10 v-align">
+                    <h2>Free</h2>
+                    <p>The French ISP <a href="http://free.fr/">Free S.A.S</a> hosts 3 of our
+                    servers in one of their datacenters near Paris.<br />
+                    Free is also using VLC for their FreePlayer project.
+                    </p>
+                    <p>Free hosted and sponsored our first DevDays in 2008 and also in 2013</p>
+                </div>
+            </div>
+
+            <div class="row card">
+                <div class="col-md-2 v-align display-block-xs display-block-sm">
+                    <a href="http://www.gandi.net/">
+                        <img src="http://images.videolan.org/images/partners/gandi.png" class="img-responsive center-block" width="200" alt="Gandi">
+                    </a>
+                </div>
+                <div class="col-md-10 v-align">
+                    <h2>Gandi</h2>
+                    <p><a href="http://www.gandi.net">Gandi</a> is a one of most popular registar in
+                    France and in Europe. Founded in 1999, and based in Paris and in London, it has had a
+                    long history of quality, proximity to people and decent prices.<br />
+                    Gandi has always cultivated its difference and humanity and supports many projects
+                    following the VideoLAN's ideals.</p>
+
+                    <p>Gandi supports VideoLAN by managing their domain names and helping the VideoLAN
+                    association in various administrative tasks.</p>
+                </div>
+            </div>
+
+            <div class="row card">
+                <div class="col-md-2 v-align display-block-xs display-block-sm">
+                    <a href="http://www.anevia.com/">
+                        <img src="http://images.videolan.org/images/partners/anevia.jpg" class="img-responsive center-block" width="200" alt="Anevia">
+                    </a>
+                </div>
+                <div class="col-md-10 v-align">
+                    <h2>Anevia</h2>
+                    <p>French company founded by four members of the VideoLAN team (Brieuc
+                    Jeunhomme, Tristan Leteurtre, Damien Lucas and Alexis de Lattre - to
+                    know more about them, see the <a href="/team/">VideoLAN team page</a>).
+                    Anevia sells professional video servers and provides development and
+                    integration of high quality video streaming solutions.</p>
+                </div>
+            </div>
+
+            <div class="row card">
+                <div class="col-md-2 v-align display-block-xs display-block-sm">
+                    <a href="http://www.andrewbeveridge.co.uk">
+                        <img src="http://images.videolan.org/images/partners/ab.png" class="img-responsive center-block" width="100" height="80" alt="AB">
+                    </a>
+                </div>
+                <div class="col-md-10 v-align">
+                    <h2>Andrew Beveridge</h2>
+                    <p><a href="http://www.andrewbeveridge.co.uk" title="Freelance Web Developer, UK">Andrew Beveridge is a freelance web developer</a> based in Scotland, UK. He donated a virtual server to the project to help with building each release, as a way of giving something back to his media player of choice for a decade.</p>
+                </div>
+            </div>
+
+            <div class="row card">
+                <div class="col-md-2 v-align display-block-xs display-block-sm">
+                    <a href="http://www.ecp.fr/">
+                        <img src="http://images.videolan.org/images/partners/logoECP.png" class="img-responsive center-block" width="100" alt="ECP" height="80">
+                    </a>
+                </div>
+                <div class="col-md-10 v-align">
+                    <h2>École Centrale Paris</h2>
+                    <p>The <a href="http://www.ecp.fr/">École Centrale Paris</a> and
+                    it's <a href="http://www.msio.ecp.fr/">Master in Open Information
+                    System</a> are historic partners of the project. The Master in Open
+                    Information System aims to enable the student to acquire a real
+                    competence in the field of Open Computing Systems and supports
+                    VideoLAN as a key developement project. </p>
+                </div>
+            </div>
+
+            <div class="row card">
+                <div class="col-md-2 v-align display-block-xs display-block-sm">
+                    <a href="http://www.zf.com">
+                        <img src="../images/partners/zf.jpg" alt="ZF" class="img-responsive center-block">
+                    </a>
+                </div>
+                <div class="col-md-10 v-align">
+                    <h2>ZF Friedrichshafen</h2>
+                    <p><a href="http://www.zf.com">ZF Friedrichshafen AG</a> and its subsidary <a href="http://www.cherrycorp.com">ZF Electronics GmbH</a> donated five "Cherry" branded keyboards to improve the media hotkey integration in VLC's Mac OS X port.</p>
+                </div>
+            </div>
+
+            <div class="row card">
+                <div class="col-md-2 v-align display-block-xs display-block-sm">
+                    <a href="http://www.panasonic.de">
+                        <img src="../images/partners/panasonic.gif" alt="Panasonic" class="img-responsive center-block">
+                    </a>
+                </div>
+                <div class="col-md-10 v-align">
+                    <h2>Panasonic</h2>
+                    <p><a href="http://www.panasonic.de">Panasonic Deutschland</a>, a division of Panasonic
+                    Marketing Europe GmbH, lent us a SC-XH150 setup consisting of a S/PDIF input capable DVD player and a 5.1 speaker set, which allowed us to fix the optical audio output on OS X Lion.</p>
+                </div>
+            </div>
+
+            <div class="row card">
+                <div class="col-md-2 v-align display-block-xs display-block-sm">
+                    <a href="http://www.pugetsystems.com/">
+                        <img src="http://images.videolan.org/images/partners/puget.jpg" width="189" alt="Puget" height="88" class="img-responsive center-block">
+                    </a>
+                </div>
+                <div class="col-md-10 v-align">
+                    <h2>Puget Systems</h2>
+                    <p><a href="http://www.pugetsystems.com/">Puget Systems</a> donated an <a href="http://www.pugetsystems.com/nav/echo/II/customize.php">Echo II</a>
+                    to the project to aid in development of GPU acceleration on Intel graphics.<br />
+                    Puget Systems is well known for their <a href="http://www.pugetsystems.com/quiet.php">quiet computers</a>, exceptional <a href="http://www.pugetsystems.com/feedback.php">customer service</a>,
+                    and the ever popular <a href="http://www.pugetsystems.com/aquarium-computer.php">Aquarium Computer</a>.
+                    They offer custom built computers from <a href="http://www.pugetsystems.com/gaming.php">gaming</a> and <a href="http://www.pugetsystems.com/desktop.php">desktop</a>,
+                    to <a href="http://www.pugetsystems.com/liquid.php">liquid cooled</a> and <a href="http://www.pugetsystems.com/go/trading.php">trading computers</a>.
+                    </p>
+                </div>
+            </div>
+
+            <div class="row card">
+                <div class="col-md-2 v-align display-block-xs display-block-sm">
+
+                </div>
+                <div class="col-md-10 v-align">
+                    <h2>TASCAM</h2>
+                    <p><a href="http://www.tascam.eu/en/">TASCAM, a division of TEAC Europe GmbH</a>, lent us a US-144 MKII MIDI interface, which allowed us to add support for multi-buffer audio output devices to VLC's Mac OS X port. This improvement will be part of VLC 2.1.</p>
+                </div>
+            </div>
+
+            <div class="row card">
+                <div class="col-md-2 v-align display-block-xs display-block-sm">
+                    <a href="http://epitech.eu/">
+                        <img src="http://images.videolan.org/images/partners/epitech.jpg" width="190" alt="Epitech" class="img-responsive center-block">
+                    </a>
+                </div>
+                <div class="col-md-10 v-align">
+                    <h2>Epitech</h2>
+                    <p><a href="http://epitech.eu">EPITECH</a> is a French educational institution specialized in
+                    computer science expertise. Founded in 1999, it is one of the best institutions for computer science
+                    in France and has seeded many very innovative companies.</p>
+                    <p>
+                    Epitech hosted and sponsored our second DevDays in December 2009.
+                    </p>
+                </div>
+            </div>
+
+            <div class="row card">
+                <div class="col-md-2 v-align display-block-xs display-block-sm">
+                    <a href="http://www.wdc.com">
+                        <img src="http://images.videolan.org/images/partners/wdlogo.jpg" width="150" alt="WD" class="img-responsive center-block">
+                    </a>
+                </div>
+                <div class="col-md-10 v-align">
+                    <h2>Western Digital</h2>
+                    <p>
+                        <a href="http://www.wdc.com">WD</a>, one of the largest hard-drive manufacturer donated some
+                        of their new wireless storage drives to improve UPnP and network discovery in VLC. They were
+                        also kind enough to send us one of their discontinued product to help fixing a incompatibility
+                        with VLC for iOS.
+                    </p>
+                </div>
+            </div>
+
+            <div class="row card">
+                <div class="col-md-2 v-align display-block-xs display-block-sm">
+                    <a href="https://metabrainz.org">
+                        <img src="http://images.videolan.org/images/partners/metabrainz.svg" width="200" alt="MetaBrainz Foundation" class="img-responsive center-block">
+                    </a>
+                </div>
+                <div class="col-md-10 v-align">
+                    <h2>MetaBrainz Foundation</h2>
+                    <p>
+                        The <a href="https://metabrainz.org">MetaBrainz Foundation</a> runs a number of open source
+                        projects revolving around open data, most of those focusing on music metadata.
+                    </p>
+                    <p>
+                        VLC media player is using data from their <a href="https://musicbrainz.org">MusicBrainz</a>
+                        and <a href="https://coverartarchive.org">Cover Art Archive</a> projects to enrich the
+                        experience of our users.
+                    </p>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
 <!--
   <tr>
     <td colspan="2">
@@ -312,51 +293,57 @@ Marketing Europe GmbH, lent us a SC-XH150 setup consisting of a S/PDIF input cap
 
     </td>
   </tr> -->
-</table>
-
-     <h1>Respected Generous Donators</h1>
-
-     <p>We would like to thank all the people who supported the VideoLAN project
-         through their remarks, bug reports or donations. We're particularly grateful
-         to the following people whose contributions made some important projects
-         possible. The <a href="/videolan/partners.html">partners</a> page also lists some
-     companies and institutions who helped VideoLAN.</p>
-
-     <ul class="bullets">
-         <li>The <a href="http://www.nicolas-chevallier.fr/">GNI MEDIA SARL</a> company for donating 500€ to the project.</li>
-         <li>The global <a href="https://www.aoe.com/de/lp/magento.html">Magento provider</a> and Open Source company <strong>AOE</strong> for donating $500 to the VideoLAN project.</li>
-         <li><strong>Freesecurity</strong>, who made a 540€ donation to the VideoLAN project</li>
-         <li>The online magazine <a href="http://www.netzwelt.de"><strong>netzwelt.de</strong></a>, which is
-         one of the biggest Magazines in Germany, has made a 1 000€ donation to the VideoLAN
-         project.</li>
-         <li>The Dutch website <a href="http://www.pepermunt.net" rel="nofollow"><strong>Pepermunt.net</strong></a>,
-         who made a 500 € donation to the VideoLAN project.</li>
-         <li><strong>Julian Cain</strong>, who made a $1000 donation to the VideoLAN project</li>
-         <li>The French website <strong>MacBidouille</strong> gave 500
-         € to help us buy a PowerMac G5</li>
-         <li>The French magazine <strong>à vos MAC</strong> gave 500 € to
-         help us buy a PowerMac G5</li>
-         <li>The <a href="http://www.psw.net/">PSW Group</a> who made a 1 000€ donation to the project</li>
-         <li>The Dutch company <a href="http://www.netoda.nl">Netoda</a> who made a 500€ donation to the project</li>
-         <li>The German company <a href="http://www.hitmeister.de">Hitmeister</a> who made 650€ donation to the project</li>
-     </ul>
-
-<h1> Past Partners </h1>
-<h2> We would like to thank other companies that helped us in the past, on both technical and financial sides: </h2>
-<p>Cybervia has provided and paid for the hosting of one
-the VideoLAN development server (Skanda server) for a couple of years.</p>
-<p><a href="http://www.ibm.com">IBM</a> gave servers to <a href="http://www.via.ecp.fr/via/">VIA</a> to host VideoLAN services and
-awarded VideoLAN in the <a href="http://www-1.ibm.com/linux/news/ilsc.shtml">Linux Challenge</a>, an international challenge for opensource  projects developed by university students.</p>
-<p><a href="http://www.btplc.com/innovation/index.cfm">British Telecom Exact Technologie</a> developed an IPv6 port of the VideoLAN solution.</p>
-<p><a href="http://www.att.com/">AT&T</a> developed a multicast support for VLC.</p>
-<p><a href="http://recherche.sncf.com/">SNCF</a> hired Samuel Hocevar, a VLC developer, to work full-time on enhancing VideoLAN.</p>
-<p><a href="http://www.idm.fr">I.D.M</a> hired Simon Latapie, a VLC developer, to work on enhancing VideoLAN.</p>
-<p><a href="http://www.lacie.com">Lacie</a> offered the team four DVD burners and a 1.6 Terabytes
-Hard Drive.</p>
-<p><a href="http://uniways.fr/">Uniways</a> was a videosurveillance systems company.
-They helped us porting VLC media player to Windows Mobile and sponsored our first DevDays in 2008.</p>
-
-</div>
-</div>
+<section>
+    <div class="container">
+        <div class="col-md-10 col-md-offset-1">
+            <h1 class="text-center">Respected Generous Donators</h1>
+
+            <p>We would like to thank all the people who supported the VideoLAN project
+                through their remarks, bug reports or donations. We're particularly grateful
+                to the following people whose contributions made some important projects
+                possible. The <a href="/videolan/partners.html">partners</a> page also lists some
+            companies and institutions who helped VideoLAN.</p>
+
+            <ul class="bullets">
+                <li>The <a href="http://www.nicolas-chevallier.fr/">GNI MEDIA SARL</a> company for donating 500€ to the project.</li>
+                <li>The global <a href="https://www.aoe.com/de/lp/magento.html">Magento provider</a> and Open Source company <strong>AOE</strong> for donating $500 to the VideoLAN project.</li>
+                <li><strong>Freesecurity</strong>, who made a 540€ donation to the VideoLAN project</li>
+                <li>The online magazine <a href="http://www.netzwelt.de"><strong>netzwelt.de</strong></a>, which is
+                one of the biggest Magazines in Germany, has made a 1 000€ donation to the VideoLAN
+                project.</li>
+                <li>The Dutch website <a href="http://www.pepermunt.net" rel="nofollow"><strong>Pepermunt.net</strong></a>,
+                who made a 500 € donation to the VideoLAN project.</li>
+                <li><strong>Julian Cain</strong>, who made a $1000 donation to the VideoLAN project</li>
+                <li>The French website <strong>MacBidouille</strong> gave 500
+                € to help us buy a PowerMac G5</li>
+                <li>The French magazine <strong>à vos MAC</strong> gave 500 € to
+                help us buy a PowerMac G5</li>
+                <li>The <a href="http://www.psw.net/">PSW Group</a> who made a 1 000€ donation to the project</li>
+                <li>The Dutch company <a href="http://www.netoda.nl">Netoda</a> who made a 500€ donation to the project</li>
+                <li>The German company <a href="http://www.hitmeister.de">Hitmeister</a> who made 650€ donation to the project</li>
+            </ul>
+        </div>
+    </div>
+</section>
+<section>
+    <div class="container">
+        <div class="col-md-10 col-md-offset-1">
+            <h1 class="text-center"> Past Partners </h1>
+            <h2> We would like to thank other companies that helped us in the past, on both technical and financial sides: </h2>
+            <p>Cybervia has provided and paid for the hosting of one
+            the VideoLAN development server (Skanda server) for a couple of years.</p>
+            <p><a href="http://www.ibm.com">IBM</a> gave servers to <a href="http://www.via.ecp.fr/via/">VIA</a> to host VideoLAN services and
+            awarded VideoLAN in the <a href="http://www-1.ibm.com/linux/news/ilsc.shtml">Linux Challenge</a>, an international challenge for opensource  projects developed by university students.</p>
+            <p><a href="http://www.btplc.com/innovation/index.cfm">British Telecom Exact Technologie</a> developed an IPv6 port of the VideoLAN solution.</p>
+            <p><a href="http://www.att.com/">AT&T</a> developed a multicast support for VLC.</p>
+            <p><a href="http://recherche.sncf.com/">SNCF</a> hired Samuel Hocevar, a VLC developer, to work full-time on enhancing VideoLAN.</p>
+            <p><a href="http://www.idm.fr">I.D.M</a> hired Simon Latapie, a VLC developer, to work on enhancing VideoLAN.</p>
+            <p><a href="http://www.lacie.com">Lacie</a> offered the team four DVD burners and a 1.6 Terabytes
+            Hard Drive.</p>
+            <p><a href="http://uniways.fr/">Uniways</a> was a videosurveillance systems company.
+            They helped us porting VLC media player to Windows Mobile and sponsored our first DevDays in 2008.</p>
+        </div>
+    </div>
+</section>
 
 <?php footer('$Id$'); ?>



View it on GitLab: https://code.videolan.org/VideoLAN.org/websites/commit/599aca8cde4da1674b2359a6cbd65697a2bb9db4
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://mailman.videolan.org/pipermail/www-doc/attachments/20160829/f396120c/attachment.html>


More information about the www-doc mailing list