-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
109 lines (92 loc) · 5.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
<!DOCTYPE html>
<html>
<head>
<title>Jihyun H. PortFolio</title>
<link rel="stylesheet" type="text/css" href="index.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.12/css/all.css" integrity="sha384-G0fIWCsCzJIMAVNQPfjH08cyYaUtMwjJwqiRKxxE/rx96Uroj1BtIQ6MLJuheaO9" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:700" rel="sylesheet">
<link href="https://fonts.googleapis.com/css?family=Merienda+One" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
</head>
<body>
<div class="container">
<div class= "menu">
<h3><a class ="myself">About Me</a></h3>
<h3><a class ="whyMe">3 Why</a></h3>
<h3><a class ="contactMe">Contact Me</a></h3>
</div>
<div class ="name">
<h1>JIHYUN H.</h1>
<h3>who is motivated and enthusiastic about<br>learning coding</h3>
</div>
</div>
<div class="aboutMe">
<div class="frame">
<div class="intro">
<br><br>
<h1 class="title">A little bit about me</h1>
<br>
</div>
<img src="pic1.jpg" alt="mypicture"></img>
<br><br>
<h1>My Background</h1><br><br>
<p>I was born and raised in a small city called Ulsan, South Korea. I currently work at the Waldorf Hilton as a receptionist. Before I came here, I had lived in Australia, which was an eye-opening and a once in a lifetime experience. During this time, I gained some essential life skills. I learned how to work as team independently, manage to meet tight deadlines. Most importantly, I aquired communication skills in different langugage with people who have different backgrounds.</p><br>
<p>I came back Korea to complete my degree in Hotel & Tourism management. After that, I have moved in London last Sepetember, and I thought I got a dream job in London, which is my current job. However, there are something else I am eager for, and after working almost a year, I realised this career choice was not for me. From that point on, my life has changed.</p><br><br>
</div>
</div>
<div class ="why">
<h1 style = "margin-top : -10px">3 WHY</h1>
<div class="v">
<span class="dot"></span>
<div class="card">
<div>
<h3 style="margin-top:-33px">Why do I want to learn coding?</h3>
<div>
<p> I've always wanted to learn something which is life-long term skill. I think programming is an empowering ability. The fact that you could build anything you want in your head, made me obssessed with learning coding.</p>
<p>Not only just for fun, but also I could help people, or face the challenges and overcome them, and make life more efficient. Most importantly, I want to utilize my creativity and build something unique. That is why, I have started coding journey, and I am ready to dive in deep and <span>be a lifelong learner.</span></p>
</div>
</div>
</div>
<span class="dot"></span>
<div class="card" style="left:-450px">
<div>
<h3>Why do I need this bootcamp?</h3>
<p> I have been learning HTML, CSS and JS since May 2018, and loving it ever since. To make my dream come true which is being a front-end developer in short time, I would like to be surrouned by people who have <span>same interests, and similar goals.</span></p>
<p>Most importantly, I like <span>sharing my knowledge and helping people</span>. So I'd love to contribute my skills to others at the same time that are encouraging people and giving and getting more motivation. Lastly, I want to be experienced when it comes to <span>make projects as a team</span>, before I enter in the real world of web development.</p>
<p>This is the reason why I want to be part of Founders & Coders which is a perfect place to <span>boost my skills and increase my ability.</span></p>
</div>
</div>
<span class="dot"></span>
<div class="card">
<div>
<h3>What I can contribute?</h3>
<img src="pic2.png" alt="teamwork">
<img src="pic4.png" alt="challenge">
<img src="pic3.png" alt="passion">
<p>I have experienced working in various and dynamic enviroments. That made out of me <span>a great supporter</span> for a team. I look forward to spread my positivity and motivation at Founders & Coders.<p>I am the one who isn't afraid of trying new things and learn from mistakes and others. Moreover, I am good at organizing tasks to meet the deadline.</p><p>Last but not least, my <span>passion</span> to learn coding will never go down. (Too late to cool off!) I really think that the chance of being a part of Founders & Coders will be a stepping stone for the career which I want to pursue. </p>
</div>
</div>
</div>
<br><br><br><br>
<div class = "contact">
<div>
</div>
<div class="contact-form">
<div class="contact-title">
<h3>Say Hello!</h3>
<h4>I look forward to hearing from you</h4>
</div>
<form method="post" action="">
<input type="text" placeholder="Your name" name="name" disabled autofocus>
<input type="text" placeholder="Your e-mail" name="mail" disabled autofocus>
<textarea name="message" placeholder = "Your message here!" disabled autofocus></textarea>
<button type="submit" name="submit"><a href="mailto:[email protected]">Send Now</a></button>
</form>
</div>
<br><br>
</div>
<a id="back-to-top"><i class="fas fa-arrow-circle-up" style="color:black"></i></a>
<script type="text/javascript" src="index.js"></script>
</body>
</html>