-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
156 lines (138 loc) · 6.32 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta property='og:type' content='website'>
<meta property='og:title' content='sumidawaraの作品置き場'>
<meta property='og:url' content='URLが入る'>
<meta property='og:description' content='sumidawaraの作品置き場'>
<meta property="og:image" content="img/ogp.png">
<meta name="description" content="sumidawaraの作品置き場" />
<title>sumidawaraの作品置き場</title>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Material+Icons+Outlined" rel="stylesheet">
<link href="css/ress.css" media="all" rel="stylesheet" type="text/css" />
<link href="css/style.css" media="all" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="img/favicon.ico" />
<link rel=”canonical” href=”URLが入る” />
</head>
<body>
<div class="wrapper">
<!-- header -->
<header class="header ">
<div class="container">
<h1 class="header-logo">
<a href=".">炭俵の作品置き場</a>
</h1>
<nav class="gnav">
<ul class="gnav-list">
<li class="gnav-item"><a href="#works">ゲーム</a></li>
<li class="gnav-item"><a href="#manga">漫画</a></li>
<li class="gnav-item"><a href="#illustration">イラスト</a></li>
</ul>
</nav>
</div>
</header>
<!-- /header -->
<main class="content">
<!-- mv -->
<div class="mv">
<div class="mv-container">
<p class="mv-title">炭俵の作品置き場</p>
<p class="mv-subtitle">sumidawara's portfolio</p>
<p class="mv-text">
今まで創作したゲーム・漫画・イラストとかを置いてます
</p>
</div>
</div>
<!-- /mv -->
<!-- works -->
<section class="works section" id="works">
<div class="container">
<h2 class="title">ゲーム</h2>
<div class="works-list">
<a class="works-item" href="works-template.html">
<div class="works-img"><img src="img/pixel_shooter.png" alt="" /></div>
<p class="works-name">ゲーム作品集</p>
<p class="works-info">今まで作ったゲームを載せてます</p>
</a>
<!-- <a class="works-item" href="works-template.html">
<div class="works-img"><img src="img/works-dummy-thumb.jpg" alt="" /></div>
<p class="works-name">作品名が入る</p>
<p class="works-info">Design / Coding(Responsive) / WordPress</p>
</a> -->
</div>
</div>
</section>
<!-- /works -->
<!-- 漫画 -->
<section class="works section" id="manga">
<div class="container">
<h2 class="title">漫画</h2>
<div class="works-list">
<a class="works-item" href="manga_violet.html">
<div class="works-img"><img src="img\manga\violet\1.png" alt="" /></div>
<p class="works-name">『僕を摘んでください』</p>
<p class="works-info">8Pのラブコメ漫画です</p>
</a>
<a class="works-item" href="manga_thistle.html">
<div class="works-img"><img src="img\manga\thistle\アザミ_001.png" alt="" /></div>
<p class="works-name">『アザミ』</p>
<p class="works-info">8Pのラブコメ漫画です</p>
</a>
</div>
</div>
</section>
<!-- /漫画 -->
<!-- イラスト -->
<section class="works section" id="illustration">
<div class="container">
<h2 class="title">イラスト</h2>
<div class="works-list">
<a class="works-item" href="illustration_original.html">
<div class="works-img"><img src="img\illustration\original\color_resize\5.png" alt="" /></div>
<p class="works-name">イラスト オリジナル</p>
<p class="works-info">今まで描いたオリジナルイラストを集めました</p>
</a>
<a class="works-item" href="illustration_fanart.html">
<div class="works-img"><img src="img\illustration\fanart\color_resize\1.png" alt="" /></div>
<p class="works-name">イラスト 二次創作</p>
<p class="works-info">今まで描いた二次創作イラストを集めました</p>
</a>
</div>
</div>
</section>
<!-- /イラスト -->
<!-- about -->
<!-- <section class="about section" id="about">
<div class="container">
<h2 class="title">ABOUT</h2>
<div class="profile">
<p class="profile-img">
<img src="img/profile.jpg" alt="">
</p>
<div class="profile-body">
<p>
テキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入ります。
</p>
<p>
テキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入ります。
</p>
</div>
</div>
</div>
</section> -->
<!-- /about -->
</main>
<!-- footer -->
<footer class="footer">
<div class="copyright">©すみだわら</div>
</footer>
<!-- /footer -->
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script type='text/javascript' src="js/script.js"></script>
</body>
</html>