-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
94 lines (85 loc) · 5.12 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
<!DOCTYPE html>
<html>
<head>
<title>welcome :) I'm O-yeon</title>
<link href="https://fonts.googleapis.com/css2?family=Righteous&family=Roboto:ital,wght@0,100;0,300;1,100&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Lobster&family=Montserrat:wght@500&family=Righteous&family=Roboto:ital,wght@0,100;0,300;1,100&family=Shadows+Into+Light&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Lobster&family=Montserrat:wght@500&family=Righteous&family=Roboto:ital,wght@0,100;0,300;1,100&family=Shadows+Into+Light&display=swap" rel="stylesheet">
<link rel= "stylesheet" type="text/css" href="style.css">
</head>
<body>
<section id = "intro">
<div class = "big white font"><br>Hello I'm O-YEON</div>
<div class = "semibig white font">I want to be a Web Developer</div>
<div class = "sml white font">
<br><br><br><br><br><br>Do you want to know about me?<br>
let's scroll up!<br><img src = "https://popupfilmresidency.org/wp-content/uploads/2019/05/white-down-arrow-png-2.png" width = "40px" height="40px">
</div>
</section>
<section id = "profile">
<div><img src = "profile.png" width = "150" height="150"></div>
<div class = "fontsecond">
Hello. I'm o-yeon. Nice to meet you. <br>
I started studying web development at boot camp 'CODESTATES' in early 2020.<br>
My final goal is to work as a web developer in the United States.</div>
</section>
<section id = "career">
<div class = "semibig font"><br><br>What I did before</div>
<table>
<th class = "sml font">Graduated</th>
<th class = "sml font">Career</th>
<tr><!-- 첫번째 줄 시작 -->
<td class = "fontthird salmon">I Graduated in</td>
<td class = "fontthird salmon">also I worked in</td>
</tr><!-- 첫번째 줄 끝 -->
<tr><!-- 두번째 줄 시작 -->
<td class = "sml font">Jungang girl's high school<br>(2009 ~ 2012)<br><br>Dongguk University<br>major : Education<br>a double major: Advertising <br>(2012 ~ 2018)<br></td>
<td class = "sml font">internship in startup GOODOC<br>(2015.04 ~ 07)<br><br>founded CAFEGALLE app<br>(2016.01 ~ 2017.01)<br><br>manager in UNIQLO<br>(2018.03 ~ 2019.11)</td>
</tr><!-- 두번째 줄 끝 -->
</table>
</section>
<section id = "tool">
<div class = "semibig font"><br><br>Tool</div>
<table>
<th class = "sml font">Front end Developer</th>
<th class = "sml font">Designer</th>
<tr><!-- 첫번째 줄 시작 -->
<td class = "fontthird salmon">Language I can speak</td>
<td class = "fontthird salmon">also I enjoy designing</td>
</tr><!-- 첫번째 줄 끝 -->
<tr><!-- 두번째 줄 시작 -->
<td class = "sml font">HTML<br><br>CSS<br><br>Java Script</td>
<td class = "sml font">Photoshop<br><br>Adobe illustrator<br><br>Adobe Premiere pro</td>
</tr><!-- 두번째 줄 끝 -->
</table>
</section>
<section id = "portfolio">
<div class = "semibig font">My portfolio<br><br></div>
<div class = "large font">{ }</div>
<div class = "fontsecond">Nothing yet :( <br>
but I will fill this space soon!</div>
</section>
<section id = "collaboration">
<div class = "semibig font">collaboration<br><br></div>
<div class = "fontsecond">umm.. I mean just someday, <br> I wanna collaborate with these companies :)</div>
<div id = "company">
<br>
<img src = "https://cdn03.boxcdn.net/sites/default/files/2018-10/icon-24.png" width="70px" height="70px"/>
<img src = "https://upload.wikimedia.org/wikipedia/commons/f/fa/Apple_logo_black.svg" width="50px" height="50px"/>
<img src = "https://pngimg.com/uploads/facebook_logos/facebook_logos_PNG19753.png" width="70px" height="70px"/>
<img src = "https://cdn0.iconfinder.com/data/icons/most-usable-logos/120/Amazon-512.png" width="50px" height="50px"/>
</div>
<div class = "fontsecond"><br>Dreams come true(?)</div>
</section>
<section id = "sns">
<div class = "mid font">Are you interested in me?<br>Let's find out more about me. <br><br><br></div>
<div id = "snslist">
<span><a href = "https://o-yeon.tistory.com/"> <img src = "https://t1.daumcdn.net/cfile/tistory/9913AA425C6B8E4F19" width="50px" height="50px"/> </a></span>
<span> </span>
<span><a href = "https://www.instagram.com/o_yeon/"> <img src = "https://i.pinimg.com/originals/34/f2/57/34f2577b5567866b9e759951670c60e3.png" width="50px" height="50px"/> </a></span>
<span> </span>
<span><a href = "https://www.youtube.com/channel/UCS2Bdts66P2urp2b7t3Wi9Q?view_as=subscriber"> <img src = "https://clipartart.com/images/facebook-instagram-youtube-logo-clipart-3.jpg" width="50px" height="40px"/> </a></span>
</div>
</section>
</body>
</html>