-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
132 lines (122 loc) · 6.55 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
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta http-equiv="Access-Control-Allow-Origin" content="*">
<title>アフリカ ウィークス2022 学生企画</title>
<link rel="stylesheet" href="style.css">
<link rel="icon" type="image/png" href="images/hado.ico">
<link rel="apple-touch-icon" sizes="180x180" href="images/hado.ico">
<meta name="application-name" content="African Weeks">
<meta name="msapplication-TileColor" content="#0000ff">
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0">
<meta charset="UTF-8">
</head>
<body>
<header>
<div class="titledisp">
<div class="site">
Africa Weeks 2022
</div>
<div>
<div class="gakuseicontainer">
<div class="gakusei"><b>学生</b></div>
<div class="kikaku"><b>企画</b></div>
</div>
<div class="withafrica"><b>With Africa</b></div>
</div>
</div>
<nav>
<div class="menu">
<a class="navl1sl" href="index.html">Home</a>
<a class="navl1" href="magazine.html">雑誌企画</a>
<a class="navl1" href="events.html">イベント情報</a>
<a class="navl2" href="pastAW.html">過去の<br>Africa Weeks</a>
<a class="navl1" href="aboutus.html">運営学生紹介</a>
<a class="navl2" href="opinions.html">ご意見<br>感想フォーム</a>
</div>
</nav>
</header>
<article>
<div class="slidetext">
<ul class="slider_fade">
<li><img class="slideimages" src="images/slide1.jpg"></li>
<li><img class="slideimages" src="images/slide2.jpg"></li>
<li><img class="slideimages" src="images/slide3.jpg"></li>
<li><img class="slideimages" src="images/slide4.jpg"></li>
<li><img class="slideimages" src="images/slide5.jpg"></li>
</ul>
<div class="summary">
<p class="pc-visible"><br>多くの日本人にとって遠い大陸である、「アフリカ」。<br>皆さんはアフリカを一つの地域と捉えていないでしょうか？<br><br>日本にもそれぞれの地域に固有の文化があるように、<br>アフリカの地域社会、文化、経済、暮らしのあり方は多様性に溢れています。<br>例えば、アフリカでは2000種類以上の言語が話され、<br>数え切れないほどの民族が存在しています。<br><br>知れば知るほど新たな発見に出会える、<br>可能性に満ちた大陸、それがアフリカです。<br><br></p>
<p>5月16日(月)～5月28日(土)に開催される<br class="phone-visible">上智大学主催のオンラインイベント</p>
<div class="aw2022">Africa Weeks 2022 <br>学生企画</div>
</div>
</div>
<h1>スケジュール概要</h1>
<div class="container">
<div class="datetime, pc-visible">
<div class="date">5月21日 (土)</div>
<div class="time">17:00-17:50 (第１部)<br>18:00-19:00 (第２部)</div>
</div>
<div>
<h2>アフリカン・チャット<br class="phone-visible">～アフリカとつながろう～</h2>
<div class="left">アフリカ地域の学生と共に、第１部でお互いの生活や価値観から見える“違い”について議論し、<br class="pc-visible">第２部では気軽に楽しくお喋りする企画です！</div><br>
<div class="datetime, phone-visible">
<div class="date">5月21日 (土)</div>
<div class="time">17:00-17:50 (第１部)<br>18:00-19:00 (第２部)</div>
</div>
<a class="applybutton" href="events.html#africanchat">詳細・お申し込みはこちらから</a>
</div>
</div>
<br>
<div class="container">
<div class="datetime">
<div class="date">5月27日(金)</div>
<div class="time">17:00-18:30</div>
</div>
<div>
<h2>日本とアフリカを<br class="phone-visible">”つなぐ“インタビュー<br>～アフリカとつながるってどういうこと～</h2>
<div class="left">実際にアフリカについて学んでいる学生やアフリカでのご経験がある方、<br>今現在アフリカと関わっている方々などからその魅力を
<br>インタビュー形式でざっくばらんにお話を伺います！
</div><br>
<a class="applybutton" href="events.html#interview">詳細・お申し込みはこちらから</a>
</div>
</div>
<br>
<div class="container">
<div class="datetime">
<div class="date">5月28日(土)</div>
<div class="time">17:00-18:30</div>
</div>
<div>
<h2>アフリカン・ワークショップ ～アフリカを感じよう～</h2>
<div class="left">アフリカ布を使ってワークショップを行います。<br>また、学生団体のASANTE PROJECTによる現地の魅力や活動の紹介、<br>アフリカに関するクイズを行い、日本にいながらアフリカを体感し、<br>アフリカをもっと知ることができる企画です！
</div><br>
<a class="applybutton" href="events.html#africanworkshop">詳細・お申し込みはこちらから</a>
</div>
</div>
<h1>外部リンク</h1>
<div class="explain">SNSでもアフリカウィークス2022の最新情報を発信しています！是非チェックしてみてください♪ </div>
<div class="SNScontainer">
<div class="SNS">
<img width="25px" height="25px" src="images/instagram.png" alt="">
<a target="_blank" style="margin-left: 0px; color: #4c65d3e6; text-decoration: none; font-size: 20pt;" href="https://www.instagram.com/_african_kids_/">Instagram</a>
</div>
<div class="SNS">
<img width="25px" height="25px" src="images/twitter.png" alt="">
<a target="_blank" href="https://twitter.com/AfricaweekS?ref_src=twsrc%5Etfw" style="margin-left: 0px; color: #1da0f29b; width: 300px; text-decoration: none; font-size: 20pt;">Twitter</a>
</div>
<div class="SNS">
<img width="25px" height="25px" src="images/facebook.png" alt="">
<a target="_blank" href="https://www.facebook.com/1955006484808005/posts/2560025334306114/" style="margin-left: 0px; color: #1876f2a9; text-decoration: none; font-size: 20pt;">Facebook</a>
</div>
</div>
</article>
<footer>
<hr>
※内容は事前の予告なしに変更となる可能性があります。<br>
お問い合わせ先: <a href="mailto:africa-weeks@ml.sophia.ac.jp">africa-weeks@ml.sophia.ac.jp</a><br>
学生企画代表: 総合グローバル学部・学科３年 田村璃子 / 並木舞子
</footer>
</body>
</html>