portfolio-before/about.html at master · iamleejihye/portfolio-before · GitHub

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
133
<!--------------------about------------------------>
<!doctype html>
<head>
    <title>About UI Designer Jihye Leee</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <link href="index.css" rel="stylesheet">
    <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700' rel='stylesheet' type='text/css'>
    <!-- <link href='//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css' rel='stylesheet' type='text/css'> -->
    <link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
    <link rel="shortcut icon" href="asset/favicon.ico"/>
    <script src="jquery-2.1.3.js"></script>
    <script src="jquery-2.1.3.min.js"></script>
    <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-86397112-1', 'auto');
        ga('send', 'pageview');

    </script>
</head>
<html>
<body>
<div class="j-side-menu">
    <div class="j-flex">
        <div>
            <div class="j-menues text-uppercase">
                <a href="index.html"><div class="j-menu-project">project</div></a>
                <a href="http://jihyeleee.com/blog" target="_blank"><div class="j-menu-blog">blog</div></a>
                <a href="about.html"><div class="j-menu-about">about</div></a>
            </div>
            <div class="j-menu-snss text-uppercase">
                <a href="https://www.behance.net/designerleee" target="_blank">
                    <div class="j-menu-sns">behance</div>
                </a>
                <a href="https://www.facebook.com/iamleejihye" target="_blank">
                    <div class="j-menu-sns">facebook</div>
                </a>
                <a href="http://instagram.com/my.daily.routine" target="_blank">
                    <div class="j-menu-sns">instagram</div>
                </a>
            </div>
            <span class="j-body">© JIHYE LEE. 2017</span>
        </div>
    </div>
</div>
<div class="container">
    <header>
        <div class="j-menu icon"></div>
        <a href="index.html"><div class="j-logo icon"></div></a>
    </header>
    <section>
        <div class="j-project">
            <div class="j-about">
                <img src="img/j-about.png" class="pc">
                <img src="img/j-about-m.png" class="mobile">
            </div>
        </div>
        <div class="j-about-text">
            <p class="j-title-korean">
                우주처럼 무한한 가능성을 지닌 디자이너
            </p>
            <p class="j-body-korean">UI 디자이너 이지혜입니다. 현재 <a href="https://goo.gl/HxD9Y7" target="_blank">리디북스 (RIDIBOOKS)</a> 에서 Android와 iOS, PC 뷰어 (Mac, Windows), 리디북스 E-ink 단말기 PAPER를 담당하고 있으며 그 외에도 리디북스 서점 작업으로 Web design 또한 경험을 가지고 있습니다. 또 Invision을 통해서는 전반적인 flow를 위해서, Framer와 After Effect로는 세부적인 UI Animation 테스트를 통해 수준 높은 Prototyping 실력을 겸비하고 있습니다. Illustration, Icongraphy은 물론이거니와, HTML/CSS, Jquery 등 코딩에도 두각을 나타내고 있습니다.
            <p class="j-body-korean">
             <a href="quoin.co.kr" target="_blank">UX 에이전시 QUOIN</a> 에서 다양한 클라이언트 프로젝트에 참여한 경험, 디자이너에게 코딩을 가르쳐주는 <a href="https://goo.gl/VttnE5" target="_blank">코딩하는 디자이너</a> 운영자로 활동한 경험을 바탕으로 UI 디자이너 활동을 이어가고 있습니다. 다양한 실력을 겸비한 UI 디자이너와 함께 일하고 싶다면 하단의 Resume를 참고해주세요. 감사합니다.</p>
            </p>
            <div class="j-about-button j-body">
                <div class="j-flex">
                    <a href="resume_jihyeleee.pdf">
                        view my resume
                        <div class="icon j-about-icon-arrow"></div>
                    </a>
                </div>
            </div>
            <!--<div class="j-body j-about-button"><a href="resume_jihyeleee.pdf" target="_blank">view my resume</a></div>-->

        </div>
    </section>
    <footer>
        <div class="j-contact-title j-body">
            contact
        </div>
        <div class="j-contact">
            <div class="j-mail j-title">
                <a href="mailto:iam.leejihye@gmail.com">
                    iam.leejihye@gmail.com
                </a>
            </div>
            <div class="j-title">
                010.2053.0301
            </div>
        </div>
        <div class="j-sns">
            <span class="j-body">
                <a href="https://www.dribbble.com/iamleejihye" target="_blank">Dribbble</a>
            </span>
            <span class="j-body">
                <a href="https://www.behance.net/designerleee" target="_blank">Behance</a>
            </span>
            <span class="j-body">
                <a href="https://www.facebook.com/iamleejihye" target="_blank">Facebook</a>
            </span>
            <!-- <span class="j-body">
                <a href="http://instagram.com/writeveryday" target="_blank">Instagram</a>
            </span> -->
        </div>
        <address>
            <div class="j-body">
                © JIHYE LEE. 2017
            </div>
        </address>
    </footer>
</div>
</body>
</html>
<script>
    $('.j-menu').on('click', function() {
        $('.j-side-menu').fadeToggle('fast');
        $(this).toggleClass('x');
        $('html,body').toggleClass('hidesScrollBar');
    });

    $(document).ready(function(){
        $('.j-menu-about').click(function(){
            $('.j-about').fadeTo('fast');
        });
    });


</script>