修正

index.html

@@ -34,5 +34,66 @@ <h1 class="content_word">bus stop project</h1>
                     </div>
                 </div>
 
-
+                <div class="main">
+                    <figure class="img"><img src="../portal-site/image/Web_apuri_image.png" alt=""></figure>
+                    <div class="right">
+                        <p class="title">【アプリ開発】</p>
+                        <p class="text">　アプリ開発チームはのっティバスどこをスマートフォンのアプリとしてより使いやすいようなアプリを目指しています。
+                        Web版のっティバスどこで閲覧できる内容はもちろん、スマホでの操作、閲覧がしやすいようなアプリを提供することを目標に活動しています。
+                        すでにAndroidスマホ向けにアプリをリリースし、多くの方に使っていただいています。
+                        現在はAndroidアプリのアップデート、およびios端末向けにもリリースできるように開発を進めています。</p>
+                    </div>
+                </div>
+                <div class="main">
+                    <figure class = "img"><img src="../portal-site/image/Web_dev_image.png" alt=""></figure>
+                    <div class="right">
+                        <p class="title">【Web開発】</p>
+                        <p class="text">　Web班は、交通情報のリアルタイム表示Webページ「のっティバスどこ」の開発・運営を行っています。
+                                    このWebページでは、バスの運行状況をリアルタイムで表示し、待ち時間の短縮や移動の効率化を図ることができます。
+                                    Web班の主な技術スタックは、TypeScript, React, Next.js, Firebaseなどの技術を駆使して、高速かつ使いやすいWebページの開発に取り組んでいます。</p>
+                    </div>
+                </div>
+                <div class="main">
+                    <figure class = "img"><img src="../portal-site/image/web_gazo_image.png" alt=""></figure>
+                    <div class="right">
+                        <p class="title">【画像処理】</p>
+                        <p class="text">　画像処理は現在、バスどこのシステムには混雑状況を表示する機能があります。
+                                    こちらは、バスの中にカメラを設置し、取得した画像からバスの乗車人数をカウントしています。
+                                    取得した人数を送信し、バスどこに混雑状況を表示しています。</p>
+                    </div>
+                </div>
+                <div class="main">
+                    <figure class = "img"><img src = "../portal-site/image/web_sensa_image.png" alt=""></figure>
+                    <div class="right">
+                        <p class="title">【センサネットワーク】</p>
+                        <p class="text">　センサネットワークバスの中には位置情報を取得するための機材を設置しています。
+                                    機材で位置情報を取得し、データをクラウドデータベースに送信することでwebやモバイルアプリでデータを取得することが出来ます。</p>
+                    </div>
+                </div>
+                <p class="day">【活動日】</p>
+                <p class="week">毎週水曜日　15:00~17:00<br>　　木曜日　17:00~19:00</p>
+                <div class="form">
+                    <p>　Busstopプロジェクトの説明を詳しく聞きたい方や参加したい方は下記のQRコード<br>または<img class="in_sentence" src="../portal-site/image/bus-south.png">をclick!</p>
+                    <img src="../portal-site/image/QR_453088.png" alt="" width="150" hright="150">
+                    <a class="url" href = "https://docs.google.com/forms/d/e/1FAIpQLSdp_HjjaCJdaA2tRUgcKk-lLHKFD-U4Qbi6QYniiivazuhp1A/viewform?usp=sf_link"><img src="../portal-site/image/bus-south.png" alt=""></a>
+                </div>
+            </main>
+        </inside>
+        <footer id="footer">
+
+            <div class="fotter_line">
+                <h1 class="fotter_word">bus stop project</h1>
+            </div>    
+        </footer>
+        <!-- <div id="loader_wrap">
+            <div class="loader"><script>
+                window.onload = function () {
+                const loader_element = document.getElementById('loader_wrap');
+                loader_element.classList.add('loaded');
+                };
+                </script>
+                </div>
+                <p class="loadingtext">Loading</p>    
+            </div> -->
+    </body>
 </html>