arabelle.github.io/experience.html at master · arabelle/arabelle.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
<!DOCTYPE html>
<html lang="en">

<body id="experience">
    <!-- Header -->
    <header>
        <meta charset="utf-8">
        <title>Experience</title>

        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css">
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
        <link href="css/profile.css" rel="stylesheet">
        <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">

        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
        <script src="js/profile.js"></script>

        <h1 class="name">arabelle hou</h1>
        <!-- Navbar -->
        <nav>
          <a href="index.html">home</a>
          <a href="experience.html">experience</a>
          <a href="about.html">about</a>
          <a href="blog/">blog</a>
        </nav>
    </header>

    <main id="experience">
        <ul id="experience">
            <li id="experience">
                <img class="company-img" src="img/twilio.png">
                <p class="company">Twilio</p>
                <span class="work-length">August 2020 - Present</span>
                <p><b>Software Engineer</b> | ElasticSearch Team</p>
            </li>
            <li id="experience">
                <img class="company-img" src="img/salesforce.png">
                <p class="company">Salesforce</p>
                <span class="work-length">July 2018 - August 2020</span>
                <p><b>Software Engineer</b> | Data Broker Team</p>
            </li>
            <li id="experience">
                <img class="company-img" src="img/ubclogo.gif">
                <p class="company">University of British Columbia</p>
                <span class="work-length">September 2013 - May 2018</span>
                <p><b>B.ASc. Computer Engineering</b></p>
            </li>
            <li id="experience">
                <img class="company-img" src="img/salesforce.png">
                <p class="company">Salesforce</p>
                <span class="work-length">May 2017 - August 2017</span>
                <p><b>Software Engineer Intern</b> | Data Broker Team</p>
            </li>
            <li id="experience">
                <img class="company-img" src="img/nttlogo.png">
                <p class="company">Nippon Telegraph and Telephone</p>
                <span class="work-length">September 2016 - December 2016</span>
                <p><b>Research Intern</b> | Media Intelligence Labs</p>
            </li>
            <li id="experience">
                <img class="company-img" src="img/dwlogo.jpg">
                <p class="company">Demonware</p>
                <span class="work-length">January 2016 - August 2016</span>
                <p><b>Software Engineer Intern</b> | Data Pipeline Team</p>
            </li>
            <li id="experience">
                <img class="company-img" src="img/paragonlogo.png">
                <p class="company">Paragon Testing Enterprises</p>
                <span class="work-length">May 2015 - August 2015</span>
                <p><b>Software Engineer Intern</b></p>
            </li>
        </ul>
    </main>

    <!-- Contact -->
    <footer id="contact" >
        <div class="row">
            <ul class="list-inline">
                <li>
                    <a href="https://github.com/arabelle"><i class="fa fa-github"></i></a>
                </li>
                <li>
                    <a href="https://ca.linkedin.com/in/arabelleh"><i class="fa fa-linkedin"></i></a>
                </li>
                <li>
                    <a href="https://www.instagram.com/arabellehou/"><i class="fa fa-instagram"></i></a>
                </li>
                <li>
                    <a href="mailto:arabelle310@alumni.ubc.ca"><i class="fa fa-envelope"></i></a>
                </li>
                <li>
                    <a href="/resume.pdf"><i class="fa fa-paperclip"></i></a>
                </li>
            </ul>
        </div>
        <div>
            <p>&copy; me, 2020</p>
        </div>
    </footer>
</body>

</html>