-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
126 lines (123 loc) · 5.14 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
<!DOCTYPE html>
<html>
<head>
<title>Asia through Experiences</title>
<!--Icons-->
<link rel="icon" type="image/gif" href="/asiaunit/icons/map-of-asia-720 32x32.gif" sizes="32x32" />
<link rel="icon" type="image/gif" href="/asiaunit/icons/map-of-asia-720 16x16.gif" sizes="16x16" />
<link rel="apple-touch-icon" href="/asiaunit/icons/map-of-asia-720">
<!--Stylesheets-->
<link rel="stylesheet" type="text/css" href="/asiaunit/css/main.css">
<link rel="stylesheet" type="text/css" href="/asiaunit/css/normalize.css">
<!--Fonts-->
<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Kaushan+Script" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes">
</head>
<body>
<img class= "backgroundimage" src="/asiaunit/images/temple.jpg" />
<div class="header">
<ul>
<li class="headertext"><a href="/asiaunit"><h1>Asia through Experiences</h1></a></li>
<li>
<a href="/asiaunit/extra">General/Extra</a>
<div class="dropdown-content">
<a href="/asiaunit/extra/evals">Evaluations</a>
</div>
</li>
<li>
<a href="/asiaunit/asiancountry">My Asian Country</a>
<div class="dropdown-content">
<a href="/asiaunit/asiancountry/infographic">Infographic</a>
<a href="/asiaunit/asiancountry/commercial">Commercial</a>
<a href="/asiaunit/asiancountry/infographic2">Infographic 2</a>
<a href="/asiaunit/asiancountry/fairytale">Fairy Tale</a>
</div>
</li>
<li>
<a href="/asiaunit/sfbg">SFBG</a>
<div class="dropdown-content">
<a href="/asiaunit/sfbg/bookmark">Bookmark</a>
<a href="/asiaunit/sfbg/character">Character</a><a href="/asiaunit/sfbg/ss">Seminar</a>
</div>
</li>
<li>
<a href="/asiaunit/yoig">YOIG</a>
<div class="dropdown-content">
<a href="/asiaunit/yoig/blog">Blog</a>
<a href="/asiaunit/yoig/bookmark">Bookmark</a>
<a href="/asiaunit/yoig/rbg">Essay</a>
<a href="/asiaunit/yoig/character">Character</a>
<a href="/asiaunit/yoig/ss">Seminar</a>
<a href="/asiaunit/yoig/ce">Critical Eye</a>
<a href="/asiaunit/yoig/ink">Inside N. Korea</a>
</div>
</li>
</ul>
</div>
<div class="container">
<div class="row">
<div class="col-4">
<img class="image" src="/asiaunit/images/kimchi.jpg">
</div>
<div class="col-4">
<div class="bgwhite text">
<h1>Hello!</h1>
<p>My name is Omar Elamri, and I am currently working on website. This website's purpose is to convey my learning about Asia through the analysis two books: "Year of Impossible Goodbyes" by Sook Nyul Choi and "So Far from the Bamboo Grove" by Yoko Kawashima Watkins, multiple essays, seminars, critical readings, projects on an Asian country of choice, and other fun activities (cooking asian food, watching asian movies, creative writing...). Please note that this is a work in progress, and will be finished by late March 2017. I like programming (as you can see with this custom website). </p>
</div>
</div>
<div class="col-4">
<div class="upper"></div>
<div class="bgwhite text">
<h1>Asia Knowledge</h1>
<div>3 things I know about Asia:
<ul>
<li>China, Mongolia, Thailand, N. Korea, S. Korea, Japan, Philippines are Asian Countries.</li>
<li>Kimchi is spicy.</li>
<li>China is Communist, but really isn't.</li>
</ul>
</div>
</div>
<div class="lower"></div>
</div>
</div>
<div class="row">
<div class="col-4">
<div class="bgwhite text">
<h1>The Books</h1>
</div>
</div>
<div class="col-4">
<a href="/asiaunit/yoig"><img class="image" src="/asiaunit/images/yoig.jpg"></a>
</div>
<div class="col-4">
<a href="/asiaunit/sfbg"><img class="image" src="/asiaunit/images/sfbg.jpg"></a>
</div>
</div>
<a class="nodeco" href="/asiaunit/asiancountry">
<div class="row">
<div class="col-8">
<div class="bgwhite text">
<h1 class="nodeco">My Asian Country: Philippines</h1>
</div>
</div>
<div class="col-4">
<img class="image" src="https://media.gadventures.com/media-server/cache/66/fd/66fdb92b642b2f678c8dd7c3151bf358.jpg" />
</div>
</div>
</a>
</div>
<div class="footer">
<p>(c) Omar Elamri 2017; all rights reserved. Code is available at <a href="https://github.com/eado/asiaunit">https://github.com/eado/asiaunit</a>. Educators may use this website for demonstation purposes.</p>
</div>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-92549782-1', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>