-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathportfolio.html
300 lines (256 loc) · 14.9 KB
/
portfolio.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
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Portfolio</title>
<!-- favicon -->
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
<!-- font awesome cdn link -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
<!-- custom css file link -->
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<!-- navbar section starts -->
<nav class="navbar">
<a href=""> <i class="fas fa-home"></i> <span>home</span> </a>
<a href="about.html"> <i class="fas fa-user"></i> <span>about</span> </a>
<a href="portfolio.html"> <i class="fas fa-briefcase"></i> <span>portfolio</span> </a>
<a href="blogs.html"> <i class="fas fa-blog"></i> <span>blogs</span> </a>
<a href="contact.html"> <i class="fas fa-address-book"></i> <span>contact</span> </a>
</nav>
<!-- navbar section ends -->
<!-- portfolio section starts -->
<div id="swup" class="transition-fade">
<section class="portfolio">
<h1 class="heading"> <span>my</span> work </h1>
<div class="box-container">
<div class="box">
<img class="lazy" data-src="images/img-26.png" alt="SMILE SLIDE PUZZLE GAME">
<div class="content">
<h3>SMILE SLIDE PUZZLE GAME</h3>
<p>ワゴンRスマイルのスライドパズルゲーム！あなたは何秒、何回でクリアできるかな？結果をSNSでシェアして競い合おう！</p>
<a href="http://style.suzuki/smilepuzzlegame/" target="_blank">read more</a>
</div>
</div>
<div class="box">
<img class="lazy" data-src="images/img-7.png" alt="FestinaLente">
<div class="content">
<h3>FestinaLente</h3>
<p></p>
<a href="https://gifuitvnluan.github.io/__FL/" target="_blank">read more</a>
</div>
</div>
<div class="box">
<img class="lazy" data-src="images/img-1.png" alt="株式会社ベスト・ハウジング">
<div class="content">
<h3>株式会社ベスト・ハウジング</h3>
<p>浜松市で新築分譲住宅・土地をお探しの方はベスト・ハウジングにお任せください！</p>
<a href="https://www.besthousing.co.jp/" target="_blank">read more</a>
</div>
</div>
<div class="box">
<img class="lazy" data-src="images/img-2.png" alt="宮崎で占いならネクストグレスへ 伊勢流・陰陽五行四柱推命とパワーストーンのお店">
<div class="content">
<h3>宮崎で占いならネクストグレスへ 伊勢流・陰陽五行四柱推命とパワーストーンのお店</h3>
<a href="https://nextgress.com/" target="_blank">read more</a>
</div>
</div>
<div class="box">
<img class="lazy" data-src="images/img-3.png" alt="「二世帯住宅プランニング | 二世帯住宅の完全分離の間取りや、リノベーションなどでお困りの方」">
<div class="content">
<h3> 「二世帯住宅プランニング | 二世帯住宅の完全分離の間取りや、リノベーションなどでお困りの方」</h3>
<a href="https://nisetaijyutaku-planning.com/" target="_blank">read more</a>
</div>
</div>
<div class="box">
<img class="lazy" data-src="images/img-4.png" alt="式会社厨房サービス">
<div class="content">
<h3>式会社厨房サービス</h3>
<p>業務用厨房機器施工・メンテナンス</p>
<a href="http://www.chubo-s.jp/" target="_blank">read more</a>
</div>
</div>
<div class="box">
<img class="lazy" data-src="images/img-5.png" alt="東洋染化株式会社">
<div class="content">
<h3>東洋染化株式会社</h3>
<p></p>
<a href="https://www.toyosennka.jp/" target="_blank">read more</a>
</div>
</div>
<div class="box">
<img class="lazy" data-src="images/img-6.png" alt="仙台農産株式会社（宮城県岩沼市）">
<div class="content">
<h3>仙台農産株式会社（宮城県岩沼市）</h3>
<p>宮城県岩沼市の仙台農産株式会社はビニールハウス等の農業用資材の販売および施工、農薬、肥料の提供をしています。仙台農産株式会社では求人募集をしております。</p>
<a href="https://www.sendai-nosan.com/" target="_blank">read more</a>
</div>
</div>
<div class="box">
<img class="lazy" data-src="images/img-8.png" alt="株式会社菊地電機">
<div class="content">
<h3>株式会社菊地電機</h3>
<p>宮城県角田市にて電気設備工事、電気土木工事、土木工事の施工は株式会社菊地電機にお任せ下さい。現在、求人募集中です。</p>
<a href="http://www.kikuchi-denki.biz/" target="_blank">read more</a>
</div>
</div>
<!-- </div>
<div class="box-container" id="port_hide"> -->
<div class="box">
<img class="lazy" data-src="images/img-9.png" alt="SERENESSE">
<div class="content">
<h3>SERENESSE</h3>
<p></p>
<a href="https://gifuitvnluan.github.io/23200501_serenesulp/" target="_blank">read more</a>
</div>
</div>
<div class="box">
<img class="lazy" data-src="images/img-10.png" alt="つやま産業支援センター">
<div class="content">
<h3>つやま産業支援センター</h3>
<p></p>
<a href="https://gifuitvnluan.github.io/10200407_tsuyama-biz.jp20200410/" target="_blank">read more</a>
</div>
</div>
<div class="box">
<img class="lazy" data-src="images/img-11.png" alt="UCHIDA HOUSEI">
<div class="content">
<h3>UCHIDA HOUSEI</h3>
<p></p>
<a href="https://uchida-factory.co.jp/" target="_blank">read more</a>
</div>
</div>
<div class="box">
<img class="lazy" data-src="images/img-12.png" alt="エーデン流通株式会社">
<div class="content">
<h3>エーデン流通株式会社</h3>
<p>一般貨物運送・一般利用運送</p>
<a href="http://www.adenryutsu.jp/" target="_blank">read more</a>
</div>
</div>
<div class="box">
<img class="lazy" data-src="images/img-13.png" alt="総武桶谷ミルクセンター『元気と笑いのある明日へ』">
<div class="content">
<h3>総武桶谷ミルクセンター『元気と笑いのある明日へ』</h3>
<p></p>
<a href="https://okemilk.com/" target="_blank">read more</a>
</div>
</div>
<div class="box">
<img class="lazy" data-src="images/img-14.png" alt="三恵株式会社">
<div class="content">
<h3>三恵株式会社</h3>
<p>車に関する製品の開発、加工、組立、出荷までを一貫生産で行う、静岡県磐田市にあるモノづくり企業、三恵株式会社のHPです。</p>
<a href="https://iwata.sankei-corp.com/" target="_blank">read more</a>
</div>
</div>
<div class="box">
<img class="lazy" data-src="images/img-15.png" alt="エステルーム chika">
<div class="content">
<h3>エステルーム chika</h3>
<p>山野愛子どろんこ美容</p>
<a href="https://esteroomchika.com/" target="_blank">read more</a>
</div>
</div>
<div class="box">
<img class="lazy" data-src="images/img-16.png" alt="有限会社赤羽根木工所（岡山県津山市）">
<div class="content">
<h3>有限会社赤羽根木工所（岡山県津山市）</h3>
<p>岡山県津山市の赤羽根木工所は、システムキッチン・洗面化粧台・特注家具等を大手メーカーより受注頂き、大きなサイズの物から小さいサイズの物まで全てオーダーメイドで製造しております。</p>
<a href="https://akabane-wood.com/" target="_blank">read more</a>
</div>
</div>
<div class="box">
<img class="lazy" data-src="images/img-17.png" alt="スタディラウンジリキュウReQつくばみどりの校">
<div class="content">
<h3>スタディラウンジリキュウReQつくばみどりの校</h3>
<p>プロ講師が教える通い放題の個別指導塾</p>
<a href="https://sl-req.com/" target="_blank">read more</a>
</div>
</div>
<div class="box">
<img class="lazy" data-src="images/img-18.png" alt="株式会社VICKYエンジニア">
<div class="content">
<h3>株式会社VICKYエンジニア</h3>
<p>外壁塗装、屋根塗装、店舗塗装、仮設足場工事、屋根工事、雨漏り点検、雨樋工事、板金工事、解体工事、その他リフォーム工事全般ご相談無料です、ビッキーエンジニアにお任せください。</p>
<a href="https://vicky-g.com/" target="_blank">read more</a>
</div>
</div>
<div class="box">
<img class="lazy" data-src="images/img-19.png" alt="SanYoshi ㈱三義漆器店">
<div class="content">
<h3>SanYoshi ㈱三義漆器店</h3>
<p>現代でのライフスタイルに合った、食器洗浄機・電子レンジの使用できる塗りの器をご提案。割れにくく、軽くてお手入れ簡単、扱いやすい器作りを追求してまいります。</p>
<a href="https://www.owanya.com/" target="_blank">read more</a>
</div>
</div>
<div class="box">
<img class="lazy" data-src="images/img-20.png" alt="IT技術者センター">
<div class="content">
<h3>IT技術者センター</h3>
<p>システム開発とプログラマーの積極採用を行う、株式会社IT技術者センターのホームページです。転職を考えているプログラマーの方はお気軽にご連絡ください。</p>
<a href="http://www.ite-center.com/" target="_blank">read more</a>
</div>
</div>
<div class="box">
<img class="lazy" data-src="images/img-21.png" alt="たかさき歯科クリニック">
<div class="content">
<h3>たかさき歯科クリニック</h3>
<p>JR筑肥線『福吉駅』前の歯科医院。たかさき歯科クリニック</p>
<a href="https://takasakishika.com/" target="_blank">read more</a>
</div>
</div>
<div class="box">
<img class="lazy" data-src="images/img-22.png" alt="獨協医科大学 麻酔科 獨協医大,獨協医科大学病院 麻酔科,麻酔科学講座">
<div class="content">
<h3>獨協医科大学 麻酔科 獨協医大,獨協医科大学病院 麻酔科,麻酔科学講座</h3>
<p>獨協医科大学 麻酔科 Anesthesiology and Pain Medicine Department,Dokkyo Medical University</p>
<a href="https://dept.dokkyomed.ac.jp/dep-m/anes/" target="_blank">read more</a>
</div>
</div>
<div class="box">
<img class="lazy" data-src="images/img-23.png" alt="有限会社堀内工業津山">
<div class="content">
<h3>有限会社堀内工業津山</h3>
<p></p>
<a href="http://horiuchi-k.com/" target="_blank">read more</a>
</div>
</div>
<div class="box">
<img class="lazy" data-src="images/img-24.png" alt="有限会社かんばんのクラフト">
<div class="content">
<h3>有限会社かんばんのクラフト</h3>
<p>有限会社かんばんのクラフト公式サイトです。看板デザインならおまかせください。デザインと素材にこだわった看板を制作します。ユニークな看板から、商業用まで幅広くご提供しています。</p>
<a href="http://craft-sign.com/" target="_blank">read more</a>
</div>
</div>
<div class="box">
<img class="lazy" data-src="images/img-25.png" alt="人材派遣サービス業">
<div class="content">
<h3>人材派遣サービス業</h3>
<p>株式会社ノアスタッフ</p>
<a href="http://www.noa-staff.jp/" target="_blank">read more</a>
</div>
</div>
<div class="box">
<img class="lazy" data-src="images/img-27.png" alt="髙橋刃物工業株式会社">
<div class="content">
<h3>髙橋刃物工業株式会社</h3>
<p></p>
<a href="http://takahashi-tools.jp/index.html" target="_blank">read more</a>
</div>
</div>
</div>
<a href="#" class="btn"> load more <i class="fas fa-redo"></i> </a>
</section>
</div>
<!-- portfolio section ends -->
</body>
<script src="./js/jquery-3.6.0.js"></script>
<script src="./js/lazyload.min.js"></script>
<script defer src="./js/swup.min.js"></script>
<script defer src="./js/main.js"></script>
</html>