-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
153 lines (134 loc) · 7.28 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
<!DOCTYPE html>
<html lang ="ja">
<head>
<meta charset="utf-8">
<title>東京電機大学 鉄道研究部(TDUFe)</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
(function(d) {
var config = {
kitId: 'vuv2nzk',
scriptTimeout: 3000,
async: true
},
h=d.documentElement,t=setTimeout(function(){h.className=h.className.replace(/\bwf-loading\b/g,"")+" wf-inactive";},config.scriptTimeout),tk=d.createElement("script"),f=false,s=d.getElementsByTagName("script")[0],a;h.className+=" wf-loading";tk.src='https://use.typekit.net/'+config.kitId+'.js';tk.async=true;tk.onload=tk.onreadystatechange=function(){a=this.readyState;if(f||a&&a!="complete"&&a!="loaded")return;f=true;clearTimeout(t);try{Typekit.load(config)}catch(e){}};s.parentNode.insertBefore(tk,s)
})(document);
$(function(){
$("#menu").load("/s1g-tekken/common/menu.html");
});
</script>
<meta name="viewport" content="width-devide-width, initial-scale=1, shrink-to-fot=no">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/custom.css">
<style>
body {
padding-top: 0px;
}
</style>
</head>
<body>
<div id="menu" class="fixed-top"></div>
<!-- <div class="">
<nav class="navbar navbar-expand-md navbar-dark bg-dark pt-2 pb-2 fixed-top">
<a href="#" class="navbar-brand font-weight-bold">TDUFe</a>
<button class="navbar-toggler" type="button"
data-toggle="collapse"
data-target="#navmenu"
aria-controls="navmenu"
aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navmenu">
<ul class="navbar-nav">
<li class="nav-item"><a class="nav-link" href="index.html">ホーム</a></li>
<li class="nav-item"><a class="nav-link" href="about.html">部活紹介</a></li>
<li class="nav-item"><a class="nav-link" href="activities.html">活動内容</a></li>
<li class="nav-item"><a class="nav-link" href="#">新入生の方へ</a></li>
<li class="nav-item"><a class="nav-link" href="contact.html">お問い合わせ</a></li>
<li class="nav-item"><a class="nav-link" href="links.html">リンク</a></li>
</ul>
</div>
</nav>
</div>
-->
<div class="jumbotron-fluid jumbotron-top text-center text-light mb-4 padding-top-80px">
<h5 class="shadow0">東京電機大学 東京千住キャンパス</h5>
<h1 class="display-4 shadow0 font-weight-bold">鉄道研究部<small class="font-weight-bold">へ<br class="d-inline d-lg-none">ようこそ！</small></h1>
<a href="https://twitter.com/tdufe/" target="_blank" class="btn twitterbtn mt-5 mb-4"><i class="fab fa-twitter fa-lg"></i> Twitter はこちら</a>
</div>
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="alert alert-success">
<p><strong>2020/07/13</strong> <span class="badge badge-success">Update!</span><br>
当サイトのバナーを追加しました！ その他細かい修正を行いました。</p>
</div>
</div>
<div class="col-lg-6">
<div class="alert alert-danger">
<p><strong>新入生の方へ</strong><br>
COVID-19 への対応に関する最新情報については、<a href="https://www.dendai.ac.jp">大学公式HP <i class="fas fa-external-link-alt"></i> </a>や鉄道研究部公式Twitterをご確認ください。</p>
</div>
</div>
</div>
</div>
<hr>
<div id="top-about" class="container text-md-center my-5">
<div class="row">
<div class="col-12">
<p class="h5">こんにちは！</p>
<p class="font-weight-normal">私たちは、鉄道に関するさまざまな活動を日々行っています。<br>
このホームページでは、私たちの活動や制作物、イベント情報などについて紹介していきます。<br>
どうぞゆっくりしていってね!!!</p>
</div>
</div>
<div class="row">
<div class="col-md-12 my-5">
<h2>About</h2>
<p><strong>鉄道に関する活動…といっても、実際どんなことやってるの？</strong><br>
そんな疑問にお答えします。</p>
<p>また、当部の基本情報についてもこちらからご確認ください。</p>
<a class="btn btn-primary" href="about/">当部について</a>
</div>
<div class="col-md-12 my-5">
<h2>Topics</h2>
<p><strong>近況報告・最新情報のページです。</strong></p>
<a class="btn btn-primary" href="topics/">詳しくはこちら</a>
</div>
<div class="col-12 my-5">
<h2>Join Us</h2>
<p><strong>学科や学年問わず随時部員募集中です。</strong><br>
大学院生も在籍しています。</p>
<p>鉄道が好きな皆さんの入部をお待ちしています！</p>
<a class="btn btn-primary" href="join/">詳しくはこちら</a>
</div>
<div class="col-12 my-5">
<h2>TDUFe Library</h2>
<p><strong>資料館のページです。</strong></p>
<p>毎年発行している部誌「シールドビーム」や、学園祭でのフォトコンテスト作品などを紹介しています。</p>
<a class="btn btn-primary" href="library/">詳しくはこちら</a>
</div>
<div class="col-md-6 my-5">
<h2>Contact</h2>
<p>当部への連絡先はこちら。</p>
<a class="btn btn-primary d-none d-sm-inline" href="contact/">クリック！</a>
<a class="btn btn-primary d-inline d-sm-none" href="contact/">タッチ！</a>
</div>
<div class="col-md-6 my-5">
<h2>Links</h2>
<p>リンク集です。学内から学外まで。</p>
<a class="btn btn-primary d-none d-sm-inline" href="links/">クリック！</a>
<a class="btn btn-primary d-inline d-sm-none" href="links/">タッチ！</a>
</div>
</div>
</div>
<div class="container">
<hr>
<a href="about_site.html" class="btn btn-link">このサイトについて（準備中）</a><br>
<a href="oldsite/" class="btn btn-link">鉄道研究部 旧ホームページ</a>
</div>
<script src="https://unpkg.com/@popperjs/core@2"></script>
<script src="js/bootstrap.bundle.min.js"></script>
</body>
</html>