← 一覧へ
ランディングページ風1ページ
★4
🏠
ヒーローセクション・特徴3点・CTAボタンを持つランディングページを作ります。ページ全体の流れと、各セクションのデザインバランスを意識しましょう。
コードエディタ
index.html
style.css
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>ランディングページ</title> <link rel="stylesheet" href="style.css"> </head> <body> <!-- ランディングページを作ろう --> <!-- nav、.heroセクション（h1タグあり）、.featuresセクション（.feature-grid）、 --> <!-- .cta-section、.cta-btnが必要だよ --> </body> </html>
/* 全画面レイアウトに挑戦しよう */ * { box-sizing: border-box; margin: 0; padding: 0; } body { font-family: "Helvetica Neue", Arial, sans-serif; }
▶ プレビュー更新
判定する
ポートフォリオに保存
見本（お手本のデザイン）
あなたの作品