shimakyohsuke/index.html

## index.html

<!DOCTYPE html>
<html lang="ja">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1">
	<title>D2 - DEV &amp; DESIGN DRAFT</title>
</head>
<body>
	<header>
		<h1><img src="assets/img/logo.png" alt="D2 - DEV &amp; DESIGN DRAFT"></h1>
		<nav>
			<ul>
				<li><a href="#activity">活動紹介</a></li>
				<li><a href="#about">D2Dとは</a></li>
				<li><a href="#">イベント一覧</a></li>
				<li><a href="#inquiry">お問合せ</a></li>
			</ul>
		</nav>
	</header>

	<main>

		<div>気になること、本当に知りたいこと。 ここにあり〼。</div>
		<img src="assets/img/mainvisual.jpg" alt="">

		<section id="activity">
			<h2>活動紹介</h2>
			<h3>前回のD2D勉強会のタイトル</h3>
			<p>私もたくさんもし同じ矛盾らというのの中がなりですな。もっと将来で通知者はあたかもその影響でましまでがなれていなけれへは発展かい摘んたなくのに、当然にはあるでですましあり。口に思っありのはやはり結果がまあなけれんた。</p>
			<img src="assets/img/img_d2dstudy2.jpg" alt="">
			<a href="#">詳細はこちら</a>
			<a href="#">過去の活動はこちら</a>
			<h3>関連記事</h3>
			<ul>
				<li><div class="date">2015年1月20日</div> <a href="#">ここに関連記事のタイトルが入ります。ここに関連記事のタイトルが入ります。</a></li>
				<li><div class="date">2015年1月20日</div> <a href="#">ここに関連記事のタイトルが入ります。ここに関連記事のタイトルが入ります。</a></li>
				<li><div class="date">2015年1月20日</div> <a href="#">ここに関連記事のタイトルが入ります。ここに関連記事のタイトルが入ります。</a></li>
			</ul>
		</section>

		<section id="about">
			<h2>D2Dとは</h2>
			<p>ウェブのテクニカルな内容とデザイン的な内容を横断した、 特定のプロダクトや技術に限定しない勉強会。</p>
			<p>私もたくさんもし同じ矛盾らというのの中がなりですな。もっと将来で通知者はあたかもその影響でましまでがなれていなけれへは発展かい摘んたなくのに、当然にはあるでですましあり。口に思っありのはやはり結果がまあなけれんた。</p>
			<p>私もたくさんもし同じ矛盾らというのの中がなりですな。もっと将来で通知者はあたかもその影響でましまでがなれていなけれへは発展かい摘んたなくのに、当然にはあるでですましあり。口に思っありのはやはり結果がまあなけれんた。</p>
		</section>
		<section id="inquiry">
			<h2>お問合せ</h2>
			<p>私もたくさんもし同じ矛盾らというのの中がかなりですな。<br>当然にはあるでですましあり。口に思っありのはやはり結果がまあなけれんた。</p>
			<form method="post" action="#">
				<div>
					<label for="name">お名前 <span>必須</span></label>
					<input type="text" id="name" aria-required="true" name="#">
				</div>
				<div>
					<label for="mail">メールアドレス <span>必須</span></label>
					<input type="text" aria-required="true" id="mail" name="#">
				</div>
				<div>
					<label for="address">ご住所</label>
					<input type="text" id="address" name="#">
				</div>
				<div>
					<label for="call_number">電話番号</label>
					<input type="tel" id="call_number" name="#">
				</div>
				<div>
					<p id="contact_type">お問合せの種類</p>
					<div class="radio_bt" role="radiogroup"><label for="about_a"><input type="radio" id="about_a" aria-describedby="contact_type" name="#">Aについて</label><label for="about_b"><input type="radio" id="about_b" aria-describedby="contact_type" name="#">Bについて</label><label for="about_c"><input type="radio" id="about_c" aria-describedby="contact_type" name="#">Cについて</label></div>
				</div>
				<div>
					<label for="inquiry_content">お問合せ内容 <span>必須</span></label>
					<textarea rows="6" cols="35" name="#" id="inquiry_content" aria-required="true"></textarea>
				</div>
				<input type="submit" value="確認画面へ">
			</form>
		</section>

	</main>
<footer>
</footer>

</body>
</html>

	<!DOCTYPE html>
	<html lang="ja">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1">
	<title>D2 - DEV & DESIGN DRAFT</title>
	</head>
	<body>
	<header>
	<h1><img src="assets/img/logo.png" alt="D2 - DEV & DESIGN DRAFT"></h1>
	<nav>
	<ul>
	<li><a href="#activity">活動紹介</a></li>
	<li><a href="#about">D2Dとは</a></li>
	<li><a href="#">イベント一覧</a></li>
	<li><a href="#inquiry">お問合せ</a></li>
	</ul>
	</nav>
	</header>

	<main>

	<div>気になること、本当に知りたいこと。ここにあり〼。</div>
	<img src="assets/img/mainvisual.jpg" alt="">

	<section id="activity">
	<h2>活動紹介</h2>
	<h3>前回のD2D勉強会のタイトル</h3>
	<p>私もたくさんもし同じ矛盾らというのの中がなりですな。もっと将来で通知者はあたかもその影響でましまでがなれていなけれへは発展かい摘んたなくのに、当然にはあるでですましあり。口に思っありのはやはり結果がまあなけれんた。</p>
	<img src="assets/img/img_d2dstudy2.jpg" alt="">
	<a href="#">詳細はこちら</a>
	<a href="#">過去の活動はこちら</a>
	<h3>関連記事</h3>
	<ul>
	<li><div class="date">2015年1月20日</div> <a href="#">ここに関連記事のタイトルが入ります。ここに関連記事のタイトルが入ります。</a></li>
	<li><div class="date">2015年1月20日</div> <a href="#">ここに関連記事のタイトルが入ります。ここに関連記事のタイトルが入ります。</a></li>
	<li><div class="date">2015年1月20日</div> <a href="#">ここに関連記事のタイトルが入ります。ここに関連記事のタイトルが入ります。</a></li>
	</ul>
	</section>

	<section id="about">
	<h2>D2Dとは</h2>
	<p>ウェブのテクニカルな内容とデザイン的な内容を横断した、特定のプロダクトや技術に限定しない勉強会。</p>
	<p>私もたくさんもし同じ矛盾らというのの中がなりですな。もっと将来で通知者はあたかもその影響でましまでがなれていなけれへは発展かい摘んたなくのに、当然にはあるでですましあり。口に思っありのはやはり結果がまあなけれんた。</p>
	<p>私もたくさんもし同じ矛盾らというのの中がなりですな。もっと将来で通知者はあたかもその影響でましまでがなれていなけれへは発展かい摘んたなくのに、当然にはあるでですましあり。口に思っありのはやはり結果がまあなけれんた。</p>
	</section>
	<section id="inquiry">
	<h2>お問合せ</h2>
	<p>私もたくさんもし同じ矛盾らというのの中がかなりですな。<br>当然にはあるでですましあり。口に思っありのはやはり結果がまあなけれんた。</p>
	<form method="post" action="#">
	<div>
	<label for="name">お名前 <span>必須</span></label>
	<input type="text" id="name" aria-required="true" name="#">
	</div>
	<div>
	<label for="mail">メールアドレス <span>必須</span></label>
	<input type="text" aria-required="true" id="mail" name="#">
	</div>
	<div>
	<label for="address">ご住所</label>
	<input type="text" id="address" name="#">
	</div>
	<div>
	<label for="call_number">電話番号</label>
	<input type="tel" id="call_number" name="#">
	</div>
	<div>
	<p id="contact_type">お問合せの種類</p>
	<div class="radio_bt" role="radiogroup"><label for="about_a"><input type="radio" id="about_a" aria-describedby="contact_type" name="#">Aについて</label><label for="about_b"><input type="radio" id="about_b" aria-describedby="contact_type" name="#">Bについて</label><label for="about_c"><input type="radio" id="about_c" aria-describedby="contact_type" name="#">Cについて</label></div>
	</div>
	<div>
	<label for="inquiry_content">お問合せ内容 <span>必須</span></label>
	<textarea rows="6" cols="35" name="#" id="inquiry_content" aria-required="true"></textarea>
	</div>
	<input type="submit" value="確認画面へ">
	</form>
	</section>

	</main>
	<footer>
	</footer>

	</body>
	</html>