rferng.github.io/index.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
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
<!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">

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

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

    <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/Rferng CC.pdf" target="_blank" >Resume</a>
       </div>
     </p>


   </div>


   <!-- projects -->
   <div class="projects">
     <div class="container">
        <div class="row align-items-center Going" id="firstProj">
          <div class="col-md-6 text-center ">
            <img class="img-fluid img-centered resize" id="goingLogo" src="public/images/ARI/ARILogo.png">
          </div>
          <div class="col-md-6">
            <h3 class="d-flex projTitle">ARI</h3>
            <p class="projSub">October 2018</p>
            <p class="projDesc">At ARI I was involved with product research. My responsibilities include creating companion apps for dash cams, designing product packagings, and creating a product catalogue showcasing our line of dash cams and wireless chargers.
            </p>
            <a href="ari.html" class="d-flex read">Read More</a>
          </div>
        </div>
      </div>
   </div>
   <div class="projects">

      <div class="container">
        <div class="row align-items-center Going" id="firstProj">
          <div class="col-md-6 text-center ">
            <img class="img-fluid img-centered" id="goingLogo" src="public/images/Going/cursive.png">
          </div>
          <div class="col-md-6">
            <h3 class="d-flex projTitle">Going</h3>
            <p class="projSub">Spring 2017</p>
            <p class="projDesc"><em>Going</em> is a concept for getting film lovers back into the theaters. This platform uses the power of crowdsourcing to achieve moviegoing at more affordable prices. Theaters benefit from more crowds while movie goers get cheaper tickets. </p>
            <a href="going.html" class="d-flex read">Read More</a>
          </div>
        </div>
      </div>
   </div>

   <div class="projects">

      <div class="container">
        <div class="row align-items-center Going">
          <div class="col-md-6 text-center ">
            <img class="img-fluid img-centered" src="public/images/playlist/screens.jpg">
          </div>
          <div class="col-md-6">
            <h3 class="projTitle">Music Player</h3>
            <p class="projSub">Spring 2018</p>
            <p class="projDesc"><em>Music Player</em> is a recreated playlist generating/browsing interface. Users can easily select different mood/genre that fit their current state of mind and enjoy their playlists.</p>
            <a href="playlist.html" class="d-flex read">Read More</a>
          </div>
        </div>
      </div>
   </div>

   <div class="projects">

      <div class="container">
        <div class="row align-items-center Going">
          <div class="col-md-6 text-center ">
            <img class="img-fluid img-centered" src="public/images/adwave/adwave-logo.png">
          </div>
          <div class="col-md-6">
            <h3 class="projTitle">ADWAVE</h3>
            <p class="projSub">Spring 2018</p>
            <p class="projDesc"><em>Adwave</em> is a UCSD student advertising and marketing team. Every year we participate in National Student Advertising Competition (NSAC) and produce an advertising campaign like a real world ad agency. </p>
            <a href="adwave.html" class="d-flex read">Read More</a>
          </div>
        </div>
      </div>
   </div>

  <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>
<!--/.Footer-->

  </body>
</html>