rferng.github.io/about.html at master · Rferng/rferng.github.io · 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
134
135
136
137
138
139
140
141
142
143
<!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <title>Portfolio - Robert Ferng</title>
    <link rel="icon" href="public/images/rfavicon.png">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

    <link rel="stylesheet" type="text/css" href="public/css/pofo.css">
    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->

    <!--Font Awesome Icons -->
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">


    <script type="text/javascript" src="js/lib/jquery-3.3.1.min.js"></script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous">
    </script>

    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous">
    </script>

     <link href="https://fonts.googleapis.com/css?family=Comfortaa|Rubik" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Tajawal:400,700" rel="stylesheet">


  </head>

  <body>
   <div class="container-fluid">
     <h1 class="title">Robert Ferng</h1>
     <p class="row justify-content-center roles">ux designer and user researcher</p>
     <p>
       <div class="row justify-content-center pages">
         <a href="index.html">Portfolio</a>
         <a href="about.html">About</a>
         <a href="public/images/Resume update.pdf" target="_blank" >Resume</a>
       </div>
     </p>
   </div>


   <!-- projects -->
    <section class="success" id="about">
    <div class="bottom2">
      <div class="container aboutPadding">
        <div class="row">
          <div class="col-lg-2"></div>
          <div class="col-lg-5">
            <h3>Heyo!</h3>
            <p>I am passionate about creating an end to end user experience. From designing an interface, color palette, button shape, or every details that might enrich the users’ senses while using the product. I want to apply the skills and methods I learned in human computer interaction to user expereince design. I aim to enhance my ability to conduct research and constantly formulate better usability! </p>
            <br>
            </div>
            <div class="col-lg-1"></div>
            <div class="col-lg-4">
              <h3>Contact</h3>
                <h4>phone number: (909)274-8920</h4>
                <h4>email: rferng@gmail.com</h4>
                 <ul class="list-unstyled list-inline">
           <!--        <li class="list-inline-item">
                    <a class="btn-floating btn-sm btn-fb mx-1" style=" color: black">
                      <i class="fas fa-envelope-square fa-3x"></i>
                    </a>
                  </li> -->

                  <li class="list-inline-item">
                    <a class="btn-floating btn-sm btn-li mx-1" href="https://www.linkedin.com/in/robert-ferng-3642a3a5/" style=" color: black">
                      <i class="fab fa-linkedin fa-3x"></i>
                    </a>
                  </li>

                  <li class="list-inline-item">
                    <a class="btn-floating btn-sm btn-li mx-1" href="https://github.com/Rferng" style=" color: black">
                      <i class="fab fa-github fa-3x"></i>
                    </a>
                  </li>
                </ul>
              </div>

          </div>
        </div>
      </div>
    </section>

      <footer class="page-footer font-small stylish-color-dark pt-4 mt-4">
    <hr>
    <div class="container text-center text-md-left">
        <div class="row">

            <!--First column-->
            <!--/.First column-->

            <hr class="clearfix w-100 d-md-none">


            <!--/.Second column-->

            <hr class="clearfix w-100 d-md-none">
        </div>
    </div>

    <!--Social buttons-->
<!--     <div class="text-center">
        <ul class="list-unstyled list-inline">
            <li class="list-inline-item">
                <a class="btn-floating btn-sm btn-fb mx-1" style=" color: black">
                    <i class="fas fa-envelope-square fa-3x"></i>
                </a>
            </li>

            <li class="list-inline-item">
                <a class="btn-floating btn-sm btn-li mx-1" href="https://www.linkedin.com/in/robert-ferng-3642a3a5/" style=" color: black">
                   <i class="fab fa-linkedin fa-3x"></i>
                </a>
            </li>

            <li class="list-inline-item">
                <a class="btn-floating btn-sm btn-li mx-1" href="https://github.com/Rferng" style=" color: black">
                   <i class="fab fa-github fa-3x"></i>
                </a>
            </li>
        </ul>
    </div> -->
    <!--/.Social buttons-->

    <!--Copyright-->
    <div class="footer-copyright py-3 text-center">
        © 2019 Copyright:Robert Ferng
    </div>
    <!--/.Copyright-->

</footer>

  </body>
</html>