-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
108 lines (105 loc) · 3.04 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
<!DOCTYPE html>
<html>
<head>
<title>Hello!</title>
<link rel="stylesheet" type="text/css" href="stylesheets/my_style.css">
</head>
<body>
<header>
<h1>Hello!</h1>
</header>
<nav>
<ul>
<li><a href="#about">about myself</a></li>
<li><a href="#like">things I like to do</a></li>
<li><a href="#blog">my blogs</a></li>
</ul>
</nav>
<main class="home">
<section id="col1">
<h2 id="about">about myself</h2>
<article>
<p>
My name is <span class="me">Eiko</span>. I'm from <span class="me">Miyagi, Japan</span>. I currently live in <span class="me">Los Angeles, CA</span>.<br>
I decided to join Dev Bootcamp to become a Rails programmer but also to meet peole like you who likes to learn programming :-)<br>
It's a pleasure to meet you!
</p>
<img src="img/my_pic.png" height="200px">
</article>
</section>
<section id="col2">
<h2 id="like">things I like to do</h2>
<article>
<ul>
<img src="img/mookie.png" height="150px">
<li>excercise - i like to do it in the morning.</li>
<li>walk my dog 'mookie' - maybe the other way around though. he is very big and strong!</li>
<li>watcing shows on netflix - I love 'Sherlock' and 'Arrested Development'.</li>
</ul>
</article>
</section>
<section id="col3">
<h2 id="blog">my blogs</h2>
<article>
<ol>
<li>
<a href="my_favorite_websites.html">My favorite websites</a>
</li>
<li>
<a href="03_19_14.html">Why is JavaScript So Popular in Web Development?</a>
</li>
<li>
<a href="week2_cultural_blog.html">My Values</a>
</li>
<li>
<a href="week3_technical_blog.html">Arrays vs. Hashes</a>
</li>
<li>
<a href="week3_cultural_blog.html">Pairing and Giving Feedback</a>
</li>
<li>
<a href="week4_technical_blog.html">Enumerable#cycle</a>
</li>
<li>
<a href="week4_cultural_blog.html">Dealing with Conflict</a>
</li>
<li>
<a href="week5_technical_blog.html">Classes in Ruby</a>
</li>
<li>
<a href="week5_cultural_blog.html">Privacy vs Tech</a>
</li>
<li>
<a href="week6_technical_blog.html">Functional vs Object Oriented Programming</a>
</li>
<li>
<a href="week6_cultural_blog.html">Stereotype Threat</a>
</li>
<li>
<a href="week7_technical_blog.html">SQL</a>
</li>
<li>
<a href="week7_cultural_blog.html">Affirmation and Stereotype Threat</a>
</li>
<li>
<a href="week8_technical_blog.html">How PCs Work</a>
</li>
<li>
<a href="week8_cultural_blog.html">Chefs in the Kitchen</a>
</li>
<li>
<a href="unit3_cheatsheet.html">Cheatsheet</a>
</li>
<li>
<a href="week9_cultural_blog.html">My Thinking Style</a>
</li>
</ol>
</article>
</section>
</main>
<footer>
<h5>if you'd like to say hello...</h5>
<p>please email me at [email protected]</p>
</footer>
</body>
</html>