Skip to content

Commit 10cd09c

Browse files
unchunksunchunks
authored
Create index.html
1 parent 3b5e62f commit 10cd09c

File tree

1 file changed

+98
-0
lines changed

1 file changed

+98
-0
lines changed

‎index.html‎

Lines changed: 98 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,98 @@
1+
<!DOCTYPE html>
2+
<html lang="ja">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>unchunks - ゲーム&アプリ開発者</title>
7+
<style>
8+
body {
9+
font-family: Arial, sans-serif;
10+
line-height: 1.6;
11+
margin: 0;
12+
padding: 0;
13+
background-color: #f4f4f4;
14+
}
15+
header {
16+
background-color: #333;
17+
color: #fff;
18+
text-align: center;
19+
padding: 1rem;
20+
}
21+
nav {
22+
background-color: #444;
23+
color: #fff;
24+
padding: 0.5rem;
25+
}
26+
nav ul {
27+
list-style-type: none;
28+
padding: 0;
29+
}
30+
nav ul li {
31+
display: inline;
32+
margin-right: 10px;
33+
}
34+
nav ul li a {
35+
color: #fff;
36+
text-decoration: none;
37+
}
38+
main {
39+
padding: 20px;
40+
max-width: 800px;
41+
margin: auto;
42+
}
43+
.project {
44+
background-color: #fff;
45+
margin-bottom: 20px;
46+
padding: 20px;
47+
border-radius: 5px;
48+
}
49+
footer {
50+
background-color: #333;
51+
color: #fff;
52+
text-align: center;
53+
padding: 1rem;
54+
position: fixed;
55+
bottom: 0;
56+
width: 100%;
57+
}
58+
</style>
59+
</head>
60+
<body>
61+
<header>
62+
<h1>unchunks</h1>
63+
<p>ゲーム&アプリ開発者</p>
64+
</header>
65+
<nav>
66+
<ul>
67+
<li><a href="#about">自己紹介</a></li>
68+
<li><a href="#projects">プロジェクト</a></li>
69+
<li><a href="#contact">お問い合わせ</a></li>
70+
</ul>
71+
</nav>
72+
<main>
73+
<section id="about">
74+
<h2>自己紹介</h2>
75+
<p>こんにちは、unchunksです。私はゲームとスマホアプリの開発を専門としている個人開発者です。新しい技術に常に興味を持ち、ユーザーに楽しんでもらえる製品を作ることを目指しています。</p>
76+
</section>
77+
<section id="projects">
78+
<h2>プロジェクト</h2>
79+
<div class="project">
80+
<h3>パズルゲーム「ブロックチャレンジ」</h3>
81+
<p>Android/iOS向けのパズルゲーム。100万ダウンロードを達成。</p>
82+
</div>
83+
<div class="project">
84+
<h3>生産性アプリ「タスクマスター」</h3>
85+
<p>タスク管理とポモドーロテクニックを組み合わせたユニークなアプリ。</p>
86+
</div>
87+
</section>
88+
<section id="contact">
89+
<h2>お問い合わせ</h2>
90+
<p>お問い合わせは以下のメールアドレスまでお願いします：</p>
91+
<p>[email protected]</p>
92+
</section>
93+
</main>
94+
<footer>
95+
<p>&copy; 2024 unchunks. All rights reserved.</p>
96+
</footer>
97+
</body>
98+
</html>

0 commit comments

Comments
 (0)