1 | <!-- メインイメージ --> |
---|
2 | <div class="main-image_back"> |
---|
3 | <div class="main-image_cont"> |
---|
4 | <div class="main-image1"></div> |
---|
5 | <div class="main-image2"> |
---|
6 | <p class="main-img_link"> |
---|
7 | <a href="/aboutvine63.html"><img src="img/main-image3.jpg" alt="詳細はこちら" width="138" height="29" class="main-img_shousai"></a> |
---|
8 | <a href="/download.html" id="dlbutton"> |
---|
9 | <img src="img/main-image4.jpg" alt="ダウンロード" width="138" height="29" class="main-img_download"> |
---|
10 | </a> |
---|
11 | </p> |
---|
12 | </div> |
---|
13 | </div> |
---|
14 | </div> |
---|
15 | |
---|
16 | <div class="main1"> |
---|
17 | |
---|
18 | |
---|
19 | <div class="btn"><!--ソーシャルボタン--> |
---|
20 | |
---|
21 | <div class="floatleft"><g:plusone size="medium"></g:plusone></div> |
---|
22 | |
---|
23 | <div class="floatleft"> |
---|
24 | <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://vinelinux.org/" data-lang="ja">ツイート</a> |
---|
25 | <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> |
---|
26 | </div> |
---|
27 | |
---|
28 | <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> |
---|
29 | |
---|
30 | </div><!--ソーシャルボタン終わり--> |
---|
31 | |
---|
32 | |
---|
33 | |
---|
34 | <div class="center-text clearboth"> |
---|
35 | <a href="/aboutvinelinux.html"> |
---|
36 | <img src="img/main1-title.jpg" alt="Vine Linuxの特徴" width="200" height="53" class="margin-b_20"> |
---|
37 | </a></div> |
---|
38 | <div class="contbox-50_l"> |
---|
39 | <div class="contbox-50_c"> |
---|
40 | <a href="/aboutvinelinux.html#compact"> |
---|
41 | <img src="img/main1-1.jpg" alt="コンパクト" width="240" height="140" class="margin-b_10"></a> |
---|
42 | <p class="main1-text">程よい標準設定が組み込まれています。</p></div> |
---|
43 | <div class="contbox-50_c"> |
---|
44 | <a href="/aboutvinelinux.html#stable"> |
---|
45 | <img src="img/main1-2.jpg" alt="安定" width="240" height="140" class="margin-b_10"></a> |
---|
46 | <p class="main1-text">安定性と最新性のバランスを見極めて開発しています。</p></div> |
---|
47 | |
---|
48 | </div> |
---|
49 | <div class="contbox-50_r"> |
---|
50 | <div class="contbox-50_c"> |
---|
51 | <a href="/aboutvinelinux.html#lightweight"> |
---|
52 | <img src="img/main1-3.jpg" alt="軽量" width="240" height="140" class="margin-b_10"></a> |
---|
53 | <p class="main1-text">使い勝手を犠牲にしない快適な動作を提供します。</p></div> |
---|
54 | <div class="contbox-50_c"> |
---|
55 | <a href="/aboutvinelinux.html#japanese"> |
---|
56 | <img src="img/main1-4.jpg" alt="日本語での質問対応" width="240" height="140" class="margin-b_10"></a> |
---|
57 | <p class="main1-text">日本語でバグ報告、質問、要望を伝えられます。</p></div> |
---|
58 | </div> |
---|
59 | |
---|
60 | </div><!--main1--> |
---|
61 | |
---|
62 | |
---|
63 | <div class="koukoku"> |
---|
64 | <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> |
---|
65 | <!-- vinelinux responsive bottom --> |
---|
66 | <ins class="adsbygoogle" |
---|
67 | style="display:block" |
---|
68 | data-ad-client="ca-pub-0334540465096658" |
---|
69 | data-ad-slot="9390853731" |
---|
70 | data-ad-format="auto"></ins> |
---|
71 | <script> |
---|
72 | (adsbygoogle = window.adsbygoogle || []).push({}); |
---|
73 | </script> |
---|
74 | </div> |
---|
75 | |
---|
76 | |
---|
77 | <div class="main2"> |
---|
78 | <div class="in-cont"> |
---|
79 | |
---|
80 | <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> |
---|
81 | |
---|
82 | <div class="contbox-50_l"> |
---|
83 | <div class="contbox-50_c"> |
---|
84 | <a href="how-to-be-a-developper.html"> |
---|
85 | <img src="img/main2-1.jpg" alt="コンパクト" width="170" height="141" class="margin-b_10"> |
---|
86 | </a> |
---|
87 | <p class="main2-text">OS開発者</p></div> |
---|
88 | <div class="contbox-50_c"> |
---|
89 | <a href="how-to-be-a-translator.html"> |
---|
90 | <img src="img/main2-2.jpg" alt="安定" width="170" height="141" class="margin-b_10"> |
---|
91 | </a> |
---|
92 | <p class="main2-text">翻訳・ドキュメント</p></div> |
---|
93 | </div> |
---|
94 | <div class="contbox-50_r"> |
---|
95 | <div class="contbox-50_c"> |
---|
96 | <a href="how-to-be-a-eventsupporter.html"> |
---|
97 | <img src="img/main2-3.jpg" alt="軽量" width="170" height="141" class="margin-b_10"> |
---|
98 | </a> |
---|
99 | <p class="main2-text">イベントサポーター</p></div> |
---|
100 | <div class="contbox-50_c"> |
---|
101 | <a href="how-to-be-a-designer.html"> |
---|
102 | <img src="img/main2-4.jpg" alt="日本語での質問対応" width="170" height="141" class="margin-b_10"> |
---|
103 | </a> |
---|
104 | <p class="main2-text">デザイナー</p></div> |
---|
105 | </div> |
---|
106 | |
---|
107 | </div> |
---|
108 | </div><!--main2--> |
---|
109 | |
---|
110 | |
---|