function mori_theme_setup() {
    
}<? php get_header(); ?>

   <main>
        <div class="wrapper">
            <div class="mainvisual original-box-shadow">
                <img src="https://mkuse.jp/wp-content/themes/portfolio/img/portfolio-heroimage.jpg" alt="宇宙 MORI YUSUKE">
            </div>
            <section id="works">
                <h2>WORKS</h2>
                <ul class="works-ul_1">
                    <li class="img_white-skin"><img src="https://mkuse.jp/wp-content/themes/portfolio/img/white-skin-re2_500_500.jpg" alt="WHITE SKINバナー">
                        <h3>WHITE SKIN（架空バナー）</h3>

                    </li>
                    <li class="img_bois">
                        <img src="https://mkuse.jp/wp-content/themes/portfolio/img/bois_furniture-store.jpg" alt="bois ボワ 家具店">
                        <h3>bois 家具店（架空バナー）</h3>
                    </li>
                    <li class="img_spiny"><img src="https://mkuse.jp/wp-content/themes/portfolio/img/spiny-oysterbar-re_800_450.jpg" alt="SPINY OYSTER BARバナー">
                        <h3>SPINY OYSTER BAR バナー<br>（大阪のOYSTER BAR）</h3>
                    </li>

                </ul>
                <ul class="works-ul_2">
                    <li class="img_einstein">
                        <img src="https://mkuse.jp/wp-content/themes/portfolio/img/einstein_meigen.jpg" alt="アインシュタイン名言">
                        <h3>アインシュタイン名言（架空バナー）</h3>
                    </li>
                    <li class="img_merrypay">
                        <img src="https://mkuse.jp/wp-content/themes/portfolio/img/christmas_qr_merrypay_.jpg" alt="merrypay">
                        <h3>merrypay（架空バナー）</h3>
                    </li>
                    <li class="img_airline">
                        <img src="https://mkuse.jp/wp-content/themes/portfolio/img/airline.jpg" alt="航空会社AMA">
                        <h3>航空会社AMA（架空バナー）</h3>
                    </li>
                </ul>
                <ul class="works-ul_3">
                    <li class="img_bones">
                        <img src="https://mkuse.jp/wp-content/themes/portfolio/img/bones_pop.jpg" alt="bones店頭チラシ">
                        <h3>Bones店頭pop（架空店舗）</h3>
                    </li>
                    <li class="img_one-piece">
                        <img src="https://mkuse.jp/wp-content/themes/portfolio/img/line_one-piece.jpg" alt="LINE ワンピース プログラミング診断">
                        <h3>プログラミング学習診断（架空バナー）</h3>
                    </li>
                </ul>
            </section>
            <section id="feature">
                <h2>FEATURE</h2>
                <div class="feature_nasubi-site">
                    <div class="nasubi-site_img">
                        <img src="https://mkuse.jp/wp-content/themes/portfolio/img/portfolio_nasubi-site.jpg" alt="菜園居酒屋なすびサイト">
                    </div>
                    <div class="nasubi-site_text">
                        <h3>Site Name＜菜園居酒屋なすび＞...架空サイト</h3>
                        <p>20年前のモダンな感じの居酒屋をイメージして制作しました。<br>
                            情報が伝わりやすくシンプルで、動きを付けすぎないように<br>
                            見やすさを重視した1ページ簡潔型。
                        </p>
                    </div>
                </div>
                <div class="feature_je-trading">
                    <div class="je-trading_img">
                        <img src="https://mkuse.jp/wp-content/themes/portfolio/img/je-trading.jpg" alt="日欧トレーディングサイト">
                    </div>
                    <div class="je-trading_text">
                        <h3>Site Name＜日欧トレーディング＞</h3>
                        <p>カラーミーショップ
                            日欧トレーディングのコーディング<br>ホームページに近いデザインでという制作依頼ということで、<br>線の幅やフォントの文字間の調整などシンプルなデザインにし、<br>jqueryの組み込みをしました。
                        </p>
                    </div>
                </div>
            </section>
            <section id="about">
                <h2>ABOUT</h2>
                <div class="career">
                    <div class="career-text">
                        <dl>
                            <div class="career-text-1992">
                                <dt>1992~</dt>
                                <dd>飲食業の様々なジャンルで勤務
                                    <br>
                                    調理師 , サービス業務 , 経営全般<br>
                                    和食 , フレンチ , イタリアン , スパニッシュ , オイスターバー<br>
                                    ホテル , レストラン , 居酒屋 , 婚礼等
                                </dd>
                            </div>
                            <div class="career-text-2014">
                                <dt>2014~</dt>
                                <dd>牡蠣料理専門店を開業（個人事業主として）</dd>
                            </div>
                            <div class="career-text-2020">
                                <dt>2020~</dt>
                                <dd>HTML , CSS , JavaScript , jQuery等の学習</dd>
                            </div>
                            <div class="career-text-2022">
                                <dt>2022~</dt>
                                <dd>現在. コーディングやAdobeのデザインスキルを習得
                                    <br>
                                    Web系の制作<br>
                                    飲食店サイトの店舗編集
                                </dd>
                            </div>
                        </dl>
                    </div>
                    <div class="photo_mori">
                        <img src="https://mkuse.jp/wp-content/themes/portfolio/img/mori_yusuke.jpg" alt="森祐介">
                    </div>
                </div>
            </section>
            <section id="skill">
                <h2>SKILL</h2>
                <dl class="skill-dl">
                    <div class="skill-icon-html">
                        <dt><img src="https://mkuse.jp/wp-content/themes/portfolio/img/folder_html_icon_161292_72.png" alt="HTML5">
                            <img src="https://mkuse.jp/wp-content/themes/portfolio/img/folder_css_icon_161295_72.png" alt="CSS3">
                        </dt>
                        <dd class="skill-html-dd">HTML / CSS
                            <br>コーディング・スタイル調整ができます
                        </dd>
                    </div>
                    <div class="skill-icon-js">
                        <dt><img src="https://mkuse.jp/wp-content/themes/portfolio/img/folder_js_icon_161291_72.png" alt="JS">
                            <img src="https://mkuse.jp/wp-content/themes/portfolio/img/jquery_vertical_logo_icon_169489.png" alt="jQuery">
                        </dt>
                        <dd class="skill-js-dd">JavaScript / jQuery<br>
                            HTMLに組み込みができます
                        </dd>
                    </div>
                    <div class="skill-icon-xd">
                        <dt><img src="https://mkuse.jp/wp-content/themes/portfolio/img/adobe_xd_alt_macos_bigsur_icon_190423.png" alt="Xd"></dt>
                        <dd class="skill-xd-dd">
                            Xd<br>
                            デザインカンプの制作ができます
                        </dd>
                    </div>
                    <div class="skill-icon-ps">
                        <dt><img src="https://mkuse.jp/wp-content/themes/portfolio/img/adobe_photoshop_alt_macos_bigsur_icon_190435.png" alt="photoshop"></dt>
                        <dd class="skill-ps-dd">
                            Photoshop<br>
                            バナー制作・画像編集ができます
                        </dd>
                    </div>
                    <div class="skill-icon-wix">
                        <dt><img src="https://mkuse.jp/wp-content/themes/portfolio/img/brand_wix_icon_158616_72.png" alt="WiX"></dt>
                        <dd class="skill-wix-dd">
                            WiX<br>
                            ノーコード制作ができます</dd>
                    </div>
                    <div class="skill-icon-jimdo">
                        <dt><img src="https://mkuse.jp/wp-content/themes/portfolio/img/jimdo_Logo_JN_master_navy_72x27.png" alt="ジンドゥー"></dt>
                        <dd class="skill-jimdo-dd">
                            JIMDO<br>
                            ノーコード制作ができます
                        </dd>
                    </div>
                </dl>
            </section>
            <section id="contact">
                <h2>CONTACT</h2>
                <form action="#" method="post">
                    <dl class="form-dl">
                        <dt class="name-dt"><label for="name">Name</label></dt>
                        <dd class="name-dd"><input type="text" id="name" name="your-name"></dd>
                        <dt class="email-dt"><label for="email">Email</label></dt>
                        <dd class="email-dd"><input type="email" id="email" name="your-email"></dd>
                        <dt class="message-dt"><label for="message">Message</label></dt>
                        <dd class="message-dd"><textarea id="message" name="your-message"></textarea></dd>
                    </dl>
                    <div class="button">
                        <input type="submit" value="送信">
                    </div>
                </form>
            </section>
        </div>
    </main>      
    <? php get_footer(); ?>