source: projects/web/trunk/contents.d/index.html @ 9383

<!-- メインイメージ -->
<div class="main-image_back">
   <div class="main-image_cont">
      <div class="main-image1"></div>
      <div class="main-image2">
           <p class="main-img_link"> 
              <a href="/aboutvine63.html"><img src="img/main-image3.jpg" alt="詳細はこちら" width="138" height="29" class="main-img_shousai"></a>
              <a href="/download.html" id="dlbutton">
                <img src="img/main-image4.jpg" alt="ダウンロード" width="138" height="29" class="main-img_download">
              </a>
           </p>
   </div>
   </div>
</div>

<div class="main1">


<div class="btn"><!--ソーシャルボタン-->

<div class="floatleft"><g:plusone size="medium"></g:plusone></div>

<div class="floatleft">
<a href="https://twitter.com/share" class="twitter-share-button" data-url="http://vinelinux.org/" data-lang="ja">ツイート</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
</div>

<div class="floatleft"><div class="fb-like" data-href="https://www.facebook.com/VineLinux" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div></div>

</div><!--ソーシャルボタン終わり-->



<div class="center-text clearboth">
  <a href="/aboutvinelinux.html">
    <img src="img/main1-title.jpg" alt="Vine Linuxの特徴" width="200" height="53" class="margin-b_20">
  </a></div>
    <div class="contbox-50_l">
        <div class="contbox-50_c">
             <a href="/aboutvinelinux.html#compact">
             <img src="img/main1-1.jpg" alt="コンパクト" width="240" height="140" class="margin-b_10"></a>
             <p class="main1-text">程よい標準設定が組み込まれています。</p></div>
        <div class="contbox-50_c">
             <a href="/aboutvinelinux.html#stable">
             <img src="img/main1-2.jpg" alt="安定" width="240" height="140" class="margin-b_10"></a>
             <p class="main1-text">安定性と最新性のバランスを見極めて開発しています。</p></div>

    </div>
    <div class="contbox-50_r">
        <div class="contbox-50_c">
             <a href="/aboutvinelinux.html#lightweight">
             <img src="img/main1-3.jpg" alt="軽量" width="240" height="140" class="margin-b_10"></a>
             <p class="main1-text">使い勝手を犠牲にしない快適な動作を提供します。</p></div>
        <div class="contbox-50_c">
             <a href="/aboutvinelinux.html#japanese">
             <img src="img/main1-4.jpg" alt="日本語での質問対応" width="240" height="140" class="margin-b_10"></a>
             <p class="main1-text">日本語でバグ報告、質問、要望を伝えられます。</p></div>
    </div>

</div><!--main1-->


<div class="koukoku">
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- vinelinux responsive bottom -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-0334540465096658"
     data-ad-slot="9390853731"
     data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>


<div class="main2">
  <div class="in-cont">

    <div class="main2-title"><img src="img/main2-title1.jpg" alt="私たちと一緒に" width="162" height="26"><img src="img/main2-title2.jpg" alt="Vine Linuxを創りませんか？" width="290" height="26"></div>

    <div class="contbox-50_l">
        <div class="contbox-50_c">
             <a href="how-to-be-a-developper.html">
             <img src="img/main2-1.jpg" alt="コンパクト" width="170" height="141" class="margin-b_10">
             </a>
             <p class="main2-text">OS開発者</p></div>
        <div class="contbox-50_c">
             <a href="how-to-be-a-translator.html">
             <img src="img/main2-2.jpg" alt="安定" width="170" height="141" class="margin-b_10">
             </a>
             <p class="main2-text">翻訳・ドキュメント</p></div>    
    </div>
    <div class="contbox-50_r">
         <div class="contbox-50_c">
             <a href="how-to-be-a-eventsupporter.html">
             <img src="img/main2-3.jpg" alt="軽量" width="170" height="141" class="margin-b_10">
             </a>
             <p class="main2-text">イベントサポーター</p></div>
    <div class="contbox-50_c">
             <a href="how-to-be-a-designer.html">
             <img src="img/main2-4.jpg" alt="日本語での質問対応" width="170" height="141" class="margin-b_10">
             </a>
             <p class="main2-text">デザイナー</p></div>        
    </div>

  </div>
</div><!--main2-->