anonymous No title
HTML
<!DOCTYPE html>
<html lang="ja">
<head>
    <link rel="stylesheet" href="kadai5_1.css">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div class="box box_a">
        <p>BOX A</p>
    </div>
    <div class="box box_b">
        <p>BOX B</p>
    </div>
    <div class="btn btn_a">
        <p>BOTTUN A</p>
    </div>
    <div class="btn btn_b">
        <p>BOTTUN B</p>
    </div>
</body>
</html>
anonymous No title
HTML
<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="CSS/style.css">
  <title>Document</title>
</head>
<body>
  <header>
    <div class="header-in">
      <div class="title">
        <img src="images/isaralogo.png" height="45" width="128">
        <p>バンコクのノマドエンジニア育成講座</p>
      </div>
      <div class="btn">
        <a href="#">お問い合わせ/資料請求はこちら</a>
      </div>
    </div>
  </header>
  <div class="container-top">
    <div class="img-1">
      <img src="https://isara.life/wp-content/themes/isara_v2/img/isaralogolarge.png" alt="iSara">
    </div>
    <div class="sub-title">
      <p>バンコクのノマドエンジニア育成講座
        <br>
        iSara[イサラ]
      </p>
    </div>
  </div>
</body>
</html>
anonymous No title
HTML
anonymous No title
HTML
<!DOCTYPE html>
<html lang="ja">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>初めてのLP</title>
    <meta name="description" content="デスクリプションです">
    <link rel="icon" href="favicon.ico">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/style.css">

    <!-- jQueryのライブラリー本体を読み込む -->
    <script src="https://code.jquery.com/jquery-3.4.1.js"></script>
    <!-- 必ずjQuery本体を読み込んだ後にjQueryで書いたファイルを読み込む-->
    <script src="js/practice.js"></script>
</head>

<body>

    <header>
        <div class="container clear">
            <!-- before -->
            <div class="header-left">
                <h1 class="header-title">30DAYSトライアル</h1>
            </div>
            <div class="header-right">
                <ul class="header-nav clear">
                    <li class="header-nav-item"><a href="">デイトラとは</a></li>
                    <li class="header-nav-item"><a id="slidetoggle_button" href="#">コース一覧</a></li>
                    <ul id="slidetoggle_menu">
                        <li>メニュー</li>
                        <li>メニュー</li>
                        <li>メニュー</li>
                      </ul>
                      <script>

                        $(function(){
                    
                            $("#slidetoggle_button").on("click", function() {
                                $("#slidetoggle_menu").slideToggle(); 
                                $("#slidetoggle_menu").toggleClass("active"); 
                            });
                    
                        });
                    
                    </script>
                    <li class="header-nav-item"><a href="">お問い合わせ</a></li>
                </ul>
            </div>
            <!-- after -->
        </div>
    </header>

    <section class="top">
        <div class="container">
            <p class="top-title">
                1日1題30日で<br>
                プロのWebエンジニアになろう!
            </p>
            <p class="top-subtitle">
                毎日設定された課題をこなすだけ!<br>
                未経験から30日でプログラミングスキルをつけよう
            </p>
        </div>
    </section>

    <section class="about section">
        <div class="container clear">
            <h2 class="section-title">デイトラとは</h2>
            <div class="about-left">
                <!-- altには画像の説明を入れる -->
                <img src="./img/about.png" alt="デイトラとは">
            </div>
            <div class="about-right">
                <p>デイトラとは、無料で・迷わず・楽しく学べるプログラミング学習アプリです。デイトラとは、無料で・迷わず・楽しく学べるプログラミング学習アプリです。デイトラとは、無料で・迷わず・楽しく学べるプログラミング学習アプリです。デイトラとは、無料で・迷わず・楽しく学べるプログラミング学習アプリです。
                    毎日設定された課題をこなしていくだけで、未経験から30日でプログラミングスキルが身につきます。
                    1日1題30日でプロのWebエンジニアを目指しましょう!</p>
            </div>
        </div>

    </section>

    <section class="course section">
        <div class="container">
            <h2 class="section-title">コース一覧</h2>
            <div class="course-wrapper">
                <div class="course-item">
                    <img src="./img/web_first.png" alt="デイトラ初級編">
                    <p>HTML / CSS / Bootstrap</p>
                </div>

                <div class="course-item">
                    <img src="./img/web_second.png" alt="デイトラ中級編">
                    <p>HTML / CSS / JavaScript / jQuery</p>
                </div>

                <div class="course-item">
                    <img src="./img/web_third.png" alt="デイトラ上級編">
                    <p>PHP / WordPress</p>
                </div>
            </div>
        </div>

    </section>

    <section class="contact section">
        <div class="container">
            <h2 class="section-title">お問い合わせ</h2>
            <p class="contact-message">さあ今日から30日間を始めよう!</p>
            <form action="#" method="post">
                <input type="email" name="email" id="email" placeholder="メールアドレス">
                <button type="submit" class="btn btn-register">無料で始める</button>
            </form>
        </div>

    </section>

    <footer>
        <div class="container clear">
            <p class="copyright">Copyright(C) 2020 東京フリーランス ALL Rights Reserved.</p>
        </div>
    </footer>
</body>

</html>
anonymous No title
HTML
</div>
<div class="header-right">
    <ul class="header-nav clear">
        <li class="header-nav-item"><a href="">デイトラとは</a></li>
        <li class="header-nav-item"><a id="slidetoggle_button" href="#">コース一覧</a></li>
        <ul id="slidetoggle_menu">
            <li>メニュー</li>
            <li>メニュー</li>
            <li>メニュー</li>
          </ul>
          <script>
            $(function(){
        
                $("#slidetoggle_button").on("click", function() {
                    $("#slidetoggle_menu").slideToggle(); 
                    $("#slidetoggle_menu").toggleClass("active"); 
                });
        
            });
        
        </script>
        <li class="header-nav-item"><a href="">お問い合わせ</a></li>
    </ul>
</div>
anonymous No title
HTML
<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    {if $agent_n == 1}
        <link rel="stylesheet" href="sp.css">
    {elseif $agent_n == 2}
        <link rel="stylesheet" href="fp.css">
    {elseif $agent_n == 3}
        <link rel="stylesheet" href="pc.css">
    {/if}
    <title>Document</title>
</head>
<body>
    <h1>投稿フォーム</h1>
    <form action="kadai4_3.php" method="post">
    <p>名前</p>
    {if isset($edit_name)}
        <input type = "text" name ="name" value="{$edit_name}"><br/>
    {else}
        <input type = "text" name ="name"><br/>
    {/if}
    <p>コメント</p>
    {if isset($edit_txt)}
        <input class="txtarea" type = "text" name ="comment" value="{$edit_txt}"><br/>
        {else}
        <input type = "text" name ="comment"><br/>
        <p>パスワード</p>
        <input type = "text" name ="password"><br/>
    {/if}
    {if isset($edit_id)}
        <input type="hidden" name ="edit_id" value="{$edit_id}">
    {/if}
    <input class="submit_btn" type = "submit" value ="送信">
    </form>
    <script>
    function delete_confirm() {
            var select = confirm("削除してよろしいですか?");
            return select;
    }
    </script>
    <h1>削除</h1>
    <p>削除する投稿の番号</p>
    <form action="kadai4_3.php" method="post" onsubmit="return delete_confirm()">
    <input type = "text" name ="delete"><br/>
    <p>パスワード</p>
    <input type = "text" name ="password"><br/>
    <input class="submit_btn" type = "submit" value ="送信">
    </form>
    <h1>編集</h1>
    <p>編集する投稿の番号</p>
    <form action="kadai4_3.php" method="post">
    <input type = "text" name ="edit"><br/>
    <p>パスワード</p>
    <input type = "text" name ="password"><br/>
    <input class="submit_btn" type = "submit" value ="送信"><br/>
    </form>
</body>
</html>
anonymous No title
HTML
<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>投稿フォーム</h1>
    <form action="kadai4_1.php" method="post">
    <p>名前</p>
    {if isset($edit_name)}
        <input type = "text" name ="name" value="{$edit_name}"><br/>
    {else}
        <input type = "text" name ="name"><br/>
    {/if}
    <p>コメント</p>
    {if isset($edit_txt)}
        <input type = "text" name ="comment" value="{$edit_txt}"><br/>
        {else}
        <input type = "text" name ="comment"><br/>
        <p>パスワード</p>
        <input type = "text" name ="password"><br/>
    {/if}
    {if isset($edit_id)}
        <input type="hidden" name ="edit_id" value="{$edit_id}">
    {/if}
    <input type = "submit" value ="送信">
    </form>
    <script>
    function delete_confirm() {
            var select = confirm("削除してよろしいですか?");
            return select;
    }
    </script>
    <h1>削除</h1>
    <p>削除する投稿の番号</p>
    <form action="kadai4_1.php" method="post" onsubmit="return delete_confirm()">
    <input type = "text" name ="delete"><br/>
    <p>パスワード</p>
    <input type = "text" name ="password"><br/>
    <input type = "submit" value ="送信">
    </form>
    <h1>編集</h1>
    <p>編集する投稿の番号</p>
    <form action="kadai4_1.php" method="post">
    <input type = "text" name ="edit"><br/>
    <p>パスワード</p>
    <input type = "text" name ="password"><br/>
    <input type = "submit" value ="送信"><br/>
    </form>
</body>
</html>
anonymous No title
HTML
<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    {if $agent_n == 1}
        <link rel="stylesheet" href="sp.css">
    {elseif $agent_n == 2}
        <link rel="stylesheet" href="fp.css">
    {elseif $agent_n == 3}
        <link rel="stylesheet" href="pc.css">
    {/if}
    <title>Document</title>
</head>
<body>
    <h1>投稿フォーム</h1>
    <form action="kadai4_2.php" method="post">
    <p>名前</p>
    {if isset($edit_name)}
        <input type = "text" name ="name" value="{$edit_name}"><br/>
    {else}
        <input type = "text" name ="name"><br/>
    {/if}
    <p>コメント</p>
    {if isset($edit_txt)}
        <input class="txtarea" type = "text" name ="comment" value="{$edit_txt}"><br/>
        {else}
        <input type = "text" name ="comment"><br/>
        <p>パスワード</p>
        <input type = "text" name ="password"><br/>
    {/if}
    {if isset($edit_id)}
        <input type="hidden" name ="edit_id" value="{$edit_id}">
    {/if}
    <input class="submit_btn" type = "submit" value ="送信">
    </form>
    <script>
    function delete_confirm() {
            var select = confirm("削除してよろしいですか?");
            return select;
    }
    </script>
    <h1>削除</h1>
    <p>削除する投稿の番号</p>
    <form action="kadai4_2.php" method="post" onsubmit="return delete_confirm()">
    <input type = "text" name ="delete"><br/>
    <p>パスワード</p>
    <input type = "text" name ="password"><br/>
    <input class="submit_btn" type = "submit" value ="送信">
    </form>
    <h1>編集</h1>
    <p>編集する投稿の番号</p>
    <form action="kadai4_2.php" method="post">
    <input type = "text" name ="edit"><br/>
    <p>パスワード</p>
    <input type = "text" name ="password"><br/>
    <input class="submit_btn" type = "submit" value ="送信"><br/>
    </form>
</body>
</html>
anonymous No title
HTML
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>kadia</title>
</head>
<body>
  <form action="kadai_1-4.php" method="post">
    <p>名前</p>
    <input type="text" name="name">
  </form>
</body>
</html>
anonymous No title
HTML
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>kadia</title>
</head>
  <form action="kadai_1-4.php" method="post">
    <p>名前</p>
    <input type="text" name="name">
  </form>
<body>
</body>
</html>
Don't you submit code?
Submit