anonymous No title
HTML
<!DOCTYPE html>
<html>
<body style="
    background-image:url('https://pbs.twimg.com/profile_banners/1009939154/1651644315/1500x500');
    background-repeat: no-repeat;
    background-size: cover;
    height:100vh;
    background-position:center;
  "
>

<h1 style="color:#FFF">ねむぐま</h1>

</body>
</html>
anonymous No title
HTML
    <header>
        <h1><img src="./images/kk_logo.svg" alt="#"></h1>
        <div class="fv-img"></div>
        <div id="drawer-btn">
            <span></span>
            <span></span>
        </div>
        <nav class="gl-navi">
            <ul>
                <li>ABOUT</li>
                <li>SKILLS</li>
                <li>WORKS</li>
                <li>KAKERA</li>
                <li>CONTACT</li>
            </ul>
        </nav>
    </header>
anonymous No title
HTML
<!DOCTYPE html>
<html>

<body>
    <p>Today: <span id="today"></span>
    </p>
    <table border="1" id="calendar">
        <tr>
            <th id="sun">Sun</th>
            <th id="mon">Mon</th>
            <th id="tue">Tue</th>
            <th id="wed">Wed</th>
            <th id="thu">Thu</th>
            <th id="fri">Fri</th>
            <th id="sat">Sat</th>
        </tr>
    </table>
    <script>
        const today = new Date();
        const d = document;
        d.getElementById('today').innerHTML = today.toString();

        const days_of_week = ['sun', 'mon',
            'tue', 'wed', 'thu', 'fri', 'sat'];
        const today_date = days_of_week[today.getDay()];
        const elem = d.getElementById(today_date);
        elem.style.setProperty('background-color', 'lightblue');

        let calendar = d.getElementById('calendar');
        let y = today.getFullYear();
        let m = today.getMonth();

        const month = today.getMonth();
        const lastday_of_month = new Date(y, m + 1, 0).getDate();
        let tr = calendar.appendChild(d.createElement('tr'));

        for (i = 1; i <= lastday_of_month; i++) {
            const date = new Date(y, m, i);
            const day = date.getDay();

            if (i == 1) {
                for (j = 0; j < day; j++) {
                    tr.appendChild(d.createElement('td'));
                }
            }

            if (day == 0) {
                tr = calendar.appendChild(d.createElement('tr'));
            }

            const td = tr.appendChild(d.createElement('td'));
            td.innerHTML = date.getDate();
            if (date.getDate() == today.getDate()) {
                td.style.setProperty('background-color', 'lightblue');
            }

            if (i == lastday_of_month) {
                for (j = day + 1; j <= 6; j++) {
                    tr.appendChild(d.createElement('td'));
                }
            }

        }

        // style
        const td = d.getElementsByTagName('td');
        for (i = 0; i < td.length; i++) {
            td[i].style.setProperty('text-align', 'center');
        }

    </script>
</body>

</html>
anonymous No title
HTML
<!DOCTYPE html>
<html>

<body>
    <div id="sun">Sunday</div>
    <div id="mon">Monday</div>
    <div id="tue">Tuesday</div>
    <div id="wed">Wednesday</div>
    <div id="thu">Thursday</div>
    <div id="fri">Friday</div>
    <div id="sat">Saturday</div>
    <script>
        const date = new Date();
        const today_date = ['sun', 'mon',
            'tue', 'wed', 'thu', 'fri', 'sat'][date.getDay()];
        console.log(today_date);
        const elem = document.getElementById(today_date);
        elem.style.setProperty('background-color', 'lightblue');
    </script>
</body>

</html>
anonymous No title
HTML
https://calendar.google.com/calendar/embed?height=600&wkst=1&bgcolor=%23ffffff&ctz=Asia%2FTokyo&src=NTViOHVodDZqZHRmZmU3Mm82b2pocGxzN29AZ3JvdXAuY2FsZW5kYXIuZ29vZ2xlLmNvbQ&src=amEuamFwYW5lc2UjaG9saWRheUBncm91cC52LmNhbGVuZGFyLmdvb2dsZS5jb20&color=%23F09300&color=%230B8043
anonymous No title
HTML
<iframe src="https://calendar.google.com/calendar/embed?src=fukuta%40uni-spot.com&ctz=Asia%2FTokyo" style="border: 0" width="800" height="600" frameborder="0" scrolling="no"></iframe>
anonymous No title
HTML
<LinearLayout
            android:orientation="horizontal"
            android:layout_width="match_parent"
            android:layout_height="wrap_content">
            <TextView
                android:textStyle="bold"
                android:paddingStart="32dp"
                android:layout_weight="6"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:textSize="30dp"
                android:textColor="@color/black"
                android:text="からだの症状"/>
            <TextView
                android:textStyle="bold"
                android:paddingEnd="32dp"
                android:textAlignment="textEnd"
                android:layout_weight="4"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:textSize="30dp"
                android:textColor="@color/black"
                android:text="1    2    3    4    5"/>
        </LinearLayout>

        <View
            android:layout_width="wrap_content"
            android:layout_height="1dp"
            app:layout_constraintTop_toTopOf="parent"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            android:visibility="visible"
            android:background="@color/black"/>

        <LinearLayout
            android:orientation="horizontal"
            android:layout_width="match_parent"
            android:layout_height="wrap_content">
            <TextView
                android:paddingStart="32dp"
                android:layout_weight="6"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:textSize="30dp"
                android:textColor="@color/black"
                android:text="目が疲れる"/>
            <LinearLayout
                android:gravity="right"
                android:layout_weight="4"
                android:orientation="horizontal"
                android:layout_width="match_parent"
                android:layout_height="wrap_content">
                <CheckBox
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"/>
                <CheckBox
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"/>
                <CheckBox
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"/>
                <CheckBox
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"/>
                <CheckBox
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"/>

            </LinearLayout>
        </LinearLayout>
anonymous No title
HTML
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="robots" content="noindex,nofollow">
  
    <!-- ページタイトルを入力 -->
    <title>ウツシヨノホトリ</title>
  
  </head>
  
  <body>
    <!--""の間にお好みのカラータグを入力してください-->
    <body bgcolor="#a0d8ef" text="#2792c3" link="#165e83 " alink="#165e83" vlink="#165e83">
      
      <h1>この店舗について</h1>
      <p>
        <!-- 自己紹介文を書く -->
       個人の同人小説サークル。
       今日は死出/弔出のみの出品です。
       どうぞよしなに。
      </p>

      <h1>お支払い方法</h1>
    
        <p>
          <ul>
            <li>クレジットカード(VISA、MASTER、JCB、AMEX、DINERS)</li>
            <li>銀行振込(Paidy後払い決済)</li>
            <li>コンビニ決済(Paidy後払い決済)</li>
          </ul>
        ただし、ダウンロード頒布の場合のみ、JCB・AMEX・DINESのクレジットカードはご利用いただけません。
        詳しくは、<a href="https://pictspace-support.zendesk.com/hc/ja/articles/360002864296-%E6%B1%BA%E6%B8%88%E6%96%B9%E6%B3%95%E3%81%AF%E4%BD%95%E3%81%8C%E3%81%82%E3%82%8A%E3%81%BE%E3%81%99%E3%81%8B">こちら。</a>
      </p>

      <h1>配送までの期間</h1>

      <p>
      <!--u~/uの間に発送までの日数を記入してください-->
      ご注文から<u>7日間以内</u>の発送とさせていただきます。
      あらかじめご了承ください。
      </p>
    
      <hr color="#007bbb" width="60%" size="1"> 

      <h1>特定商取引法に基づく表記</h1>
      <h2>事業者の名称・連絡先</h2>
      <p>
        <br><a href="mailto:kzmc1004@gmail.com">kzmc1004@gmail.com</a></br>
        <br>省略した記載については、電子メール等の請求により遅滞なく開示いたします。</br>
      </p>
      <h2>販売価格</h2>
      <p>
        <br>販売価格は、消費税を含む価格で表示されています。<br>
      </p> 
      
      <h2>返品などについての特約</h2>
      <p>
        <br>商品に欠陥があり、当ショップが認める場合を除き、返品には応じません。</br>
      </p>
    </font>
  </body>
</html>
anonymous No title
HTML
<!DOCTYPE html>
<html>
 <head>
     <meta charset="utf-8">
     <title>フォーム</title>
 </head>
 <body>
     <form action="kadai_1_4.php"method="get">
         <input type="text" name="comment"><br />
         <input type="submit" value="送信">
     </form>
 </body>
</html>
anonymous No title
HTML
 <div class="wrap">
    <div class="item green"><p>1</p></div>
    <div class="item pink"><p>2</p></div>
    <div class="item orange"><p>3</p></div>
  </div>
  <style>
p{text-align:center;color:#fff;}

.wrap{
  display:flex;
  width:100%;
  height:400px;
  flex-wrap:wrap;
  flex-direction:column;
}
.green{
  background:green;
  flex:1 1 80%;
}
.pink{
  background:pink;
  flex:1 1 20%;
}
.orange{
  background:orange;
  flex:1 1 100%;
}
@media (max-width:800px){
  .wrap{
    flex-wrap: unset;/* nowrap */
  }
  .green{
    background:green;
    flex:1 1 100%;
  }
  .pink{
    background:pink;
    flex:1 1 100%;
    order:1;
  }
  .orange{
    background:orange;
    flex:1 1 100%;
  }
}
/* --------------------- */
  </style>
Don't you submit code?
Submit