-
Notifications
You must be signed in to change notification settings - Fork 0
/
media.html
136 lines (122 loc) · 6.29 KB
/
media.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
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=yes, maximum-scale=2">
<!-- css -->
<link rel="stylesheet" href="css/style/style.css">
<link rel="stylesheet" href="css/index-style.css">
<link rel="stylesheet" href="css/slider.css">
<!-- Google fonts -->
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;600&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700&display=swap" rel="stylesheet">
<!-- スライドショー -->
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/[email protected]/slick/slick.css">
<!-- AOS.js (アニメーション) -->
<link href="https://unpkg.com/aos@next/dist/aos.css" rel="stylesheet">
<title>釧路高専 プログラミング研究会 Media</title>
</head>
<body>
<!-- header -->
<header id="header" class="DownMove">
<h1 id="header_logo"><a href="/">NIT-KCP</a></h1>
<nav id="pc_navi">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="media.html">Media</a></li>
<li><a href="product.html">Product</a></li>
</ul>
</nav>
</header>
<!-- /header -->
<!-- global_title -->
<div id="main_visual">
<div id="main_title">
<h1 class="large_title"><span>MEDIA</span></h1>
<h3 class="small_title"><span>National Institute of Technology</span> <span>Kushiro College</span> <span>Programming Circle</span></h3>
</div>
<svg class="mv_wave" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320">
<path fill="#ffffff" fill-opacity="1" d="M0,192L40,202.7C80,213,160,235,240,224C320,213,400,171,480,165.3C560,160,640,192,720,218.7C800,245,880,267,960,272C1040,277,1120,267,1200,245.3C1280,224,1360,192,1400,176L1440,160L1440,320L1400,320C1360,320,1280,320,1200,320C1120,320,1040,320,960,320C880,320,800,320,720,320C640,320,560,320,480,320C400,320,320,320,240,320C160,320,80,320,40,320L0,320Z"></path>
</svg>
</div>
<!-- /gloval_title -->
<!-- wrapper -->
<div id="wrapper">
<!-- main -->
<main>
<div id="media">
<h2 class="border_title">MEDIA</h2>
<div class="container flexbox" data-aos="zoom-in">
<div class="imgbox"><img src="images/image9.jpeg" alt="U-16プロコン"></div>
<div class="textbox">
<h4 class="leftline_title">今年も激闘の旭川大会! 猛者が集った北海道大会! 参加者いっぱい釧路大会!!</h4>
<p>
寄稿釧路工業高等専門学校電子情報システム工学専攻2年生(プログラミング研究会所属)...
</p>
<a class="btn-sample button" href="https://procon.946oss.net">こちら</a>
</div>
</div>
<div class="container flexbox" data-aos="zoom-in">
<div class="imgbox"><img src="images/https_lh3.googleusercontent.com-deC3p1Zp7FcXbqDZ7p89fIAAAAAAAAAjcNj5a69tItXQ5R8dq1rVJxgp_XJx-iXvHwCLkCGAYYCws0news-02.png" alt="U-16プロコン"></div>
<div class="textbox">
<h4 class="leftline_title">釧路新聞 2019年10月30日 14面掲載</h4>
<p>
</p>
</div>
</div>
<div class="container flexbox" data-aos="zoom-in">
<div class="imgbox"><img src="images/https_lh3.googleusercontent.com-bf0o3iiPlaMXbqDiN64reIAAAAAAAAAjs3HTJtbvR7swB4YbSHRIX0D9l6OnKFlP5wCLkCGAYYCws0news-01.png" alt="U-16プロコン"></div>
<div class="textbox">
<h4 class="leftline_title">釧路新聞 2019年10月13日 1面掲載</h4>
</div>
</div>
<div class="container flexbox" data-aos="zoom-in">
<div class="imgbox"><img src="images/ed503c3080d78f4105409ef5125dc96083563b1d.jpg" alt="U-16プロコン"></div>
<div class="textbox">
<h4 class="leftline_title">【寄稿】U-16釧路大会で新たな試み、説明会&体験会を開催!</h4>
<p>
寄稿釧路工業高等専門学校 電子情報システム工学専攻1年(プログラミング研究会所属)寺地 海渡
</p>
<a class="btn-sample button" href="https://www.ajitep.org/news/u-16-4.htmlt">こちら</a>
</div>
</div>
</div>
</main>
<!-- /main -->
</div>
<!-- /wrapper -->
<!-- footer -->
<footer>
<div id="footer_menu">
<div id="footer_navi">
<h3>SITEMAP</h3>
<ul>
<li><a href="index.html">HOME</a></li>
<li><a href="media.html">Media</a></li>
<li><a href="product.html">Product</a></li>
</ul>
</div>
<div id="footer_portal">
<h3>PORTAL</h3>
<ul>
<li><a href="https://www.kushiro-ct.ac.jp">釧路高専 公式ウェブサイト</a></li>
<li><a href="https://sites.google.com/view/kpc-nitkc/home?authuser=4">旧 プロ研 ホームページ</a></li>
<li><a href="https://github.co.jp">GitHub</a></li>
</ul>
</div>
</div>
<div id="cmark">© 2021 National Institute of Technology Kushiro College Programming Circle, All rights reserved. </div>
</footer>
<!-- /footer -->
<!-- Jquery -->
<script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
<!-- slick (スライドショー) -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/slick/slick.min.js"></script>
<!-- AOS.js (アニメーション) -->
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
<script src="js/headerNavi.js"></script>
<script src="js/indexAnime.js"></script>
<script src="js/slider.js"></script>
</body>
</html>