-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
163 lines (153 loc) · 6.23 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
157
158
159
160
161
162
163
<!DOCTYPE HTML>
<!--
Hyperspace by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>NITK.K ROS-Team Homepage</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">
<!-- Sidebar -->
<section id="sidebar">
<div class="inner">
<nav>
<ul>
<li><a href="#intro">NITK.K ROS-Team</a></li>
<li><a href="#one">活動内容</a></li>
<li><a href="#two">参加方法</a></li>
<!-- <li><a href="#three">Get in touch</a></li> -->
</ul>
</nav>
</div>
</section>
<!-- Wrapper -->
<div id="wrapper">
<!-- Intro -->
<section id="intro" class="wrapper style1 fullscreen fade-up">
<div class="inner">
<h1>NITK.K ROS-Team</h1>
<p>NITK.K ROS Teamは学生主体で運営されるROS/ROS2の勉強会です。
<ul class="actions">
<li><a href="#one" class="button scrolly">more</a></li>
</ul>
</div>
</section>
<!-- One -->
<section id="one" class="wrapper style2 spotlights">
<section>
<a href="#" class="image"><img src="images/ros-lecture.png" alt="" data-position="center center" /></a>
<div class="content">
<div class="inner">
<h2>ROS講習会</h2>
<p>高専の研究室・部活間と連携してROS講習を行っています。</p>
<ul class="actions">
<li><a href="./01_description/index.html" class="button">詳細</a></li>
</ul>
</div>
</div>
</section>
<section>
<a href="#" class="image"><img src="images/comingsoon2.png" alt="" data-position="top center" /></a>
<div class="content">
<div class="inner">
<h2>ROS2コミュニティへの貢献</h2>
<p>学習のハードルを下げるためのドキュメントを適宜公開する予定です。</p>
<ul class="actions">
<li><a href="https://github.com/NITKK-ROS-Team" class="button">GitHub(外部リンク)</a></li>
</ul>
</div>
</div>
</section>
<section>
<a href="#" class="image"><img src="images/discord_nitkk.png" alt="" data-position="25% 25%" /></a>
<div class="content">
<div class="inner">
<h2>オープンコミュニティ</h2>
<p>高専生だけではありません!初心者歓迎!</p>
<ul class="actions">
<li><a href="04_discord/index.html" class="button">参加方法を確認</a></li>
</ul>
</div>
</div>
</section>
<section>
<a href="#" class="image"><img src="images/comingsoon2.png" alt="" data-position="top center" /></a>
<div class="content">
<div class="inner">
<h2>NITK.K ROS-Team LT会</h2>
<p>日頃の成果を共有して交流を深めましょう!</p>
<ul class="actions">
<li><a href="https://nitkk-ros-team.github.io/LT-Pages/" class="button" target="_blank">LT会 特設ページ</a></li>
</ul>
</div>
</div>
</section>
</section>
<!-- Two -->
<section id="two" class="wrapper style3 fade-up">
<div class="inner">
<h2>NITK.K ROS-Teamへの参加について</h2>
<p>コミュニティに参加して多くの学生と交流しましょう!</p>
<!-- <div class="features">
<section>
<span class="icon solid major fa-code"></span>
<h3>Lorem ipsum amet</h3>
<p>Phasellus convallis elit id ullam corper amet et pulvinar. Duis aliquam turpis mauris, sed ultricies erat dapibus.</p>
</section>
<section>
<span class="icon solid major fa-lock"></span>
<h3>Aliquam sed nullam</h3>
<p>Phasellus convallis elit id ullam corper amet et pulvinar. Duis aliquam turpis mauris, sed ultricies erat dapibus.</p>
</section>
<section>
<span class="icon solid major fa-cog"></span>
<h3>Sed erat ullam corper</h3>
<p>Phasellus convallis elit id ullam corper amet et pulvinar. Duis aliquam turpis mauris, sed ultricies erat dapibus.</p>
</section>
<section>
<span class="icon solid major fa-desktop"></span>
<h3>Veroeros quis lorem</h3>
<p>Phasellus convallis elit id ullam corper amet et pulvinar. Duis aliquam turpis mauris, sed ultricies erat dapibus.</p>
</section>
<section>
<span class="icon solid major fa-link"></span>
<h3>Urna quis bibendum</h3>
<p>Phasellus convallis elit id ullam corper amet et pulvinar. Duis aliquam turpis mauris, sed ultricies erat dapibus.</p>
</section>
<section>
<span class="icon major fa-gem"></span>
<h3>Aliquam urna dapibus</h3>
<p>Phasellus convallis elit id ullam corper amet et pulvinar. Duis aliquam turpis mauris, sed ultricies erat dapibus.</p>
</section>
</div> -->
<ul class="actions">
<!-- <li><a href="./03_contact/index.html" class="button">参加資格と連絡先</a></li> -->
<li><a href="./03_contact/index.html" class="button">参加方法(準備中)</a></li>
</ul>
</div>
</section>
</div>
<!-- Footer -->
<footer id="footer" class="wrapper style1-alt">
<div class="inner">
<ul class="menu">
<li>© 2022 NITK.K ROS-Team. All rights reserved.</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
</div>
</footer>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>